/* Simulateurs marocboursier v0.3.0 — « terminal financier premium ».
   Tokens uniquement (aucune couleur en dur hors de ce bloc), échelle
   d'espacement stricte 4/8/12/16/24/32/48, hairlines 1px, profondeur par
   variations de surface (jamais d'ombres lourdes). Partagé par
   [mbsim_backtest] et [mbsim_portfolio]. Scopé #mbsim-root, couleurs en
   !important (le thème WordPress écrase — établi). */

#mbsim-root {
	--mb-bg: #050A12;
	--mb-surface: #0D1422;
	--mb-surface-2: #0f1928;
	--mb-raise: #131d2c;
	--mb-line: #1e2d45;
	--mb-line-strong: #2e4468;
	--mb-gold: #C9A84C;
	--mb-gold-light: #E8C96A;
	--mb-gold-dim: rgba(201, 168, 76, 0.12);
	--mb-text: #F0EAE0;
	--mb-text-2: #C4BBA8;
	--mb-text-3: #8A8478;
	--mb-up: #3DDB9F;
	--mb-down: #FF8585;
	--mb-r: 10px;
	--mb-r-lg: 14px;
	--mb-ease: cubic-bezier(0.4, 0, 0.2, 1);

	background: var(--mb-bg) !important;
	color: var(--mb-text) !important;
	font-family: 'Inter Tight', -apple-system, sans-serif;
	font-size: 14px;
	border: 1px solid var(--mb-line);
	border-radius: var(--mb-r-lg);
	padding: 24px;
	max-width: 980px;
	margin: 0 auto;
}
#mbsim-root * { box-sizing: border-box; }

/* ── Utilitaires typographiques ── */
#mbsim-root .pos { color: var(--mb-up) !important; }
#mbsim-root .neg { color: var(--mb-down) !important; }
#mbsim-root .gold { color: var(--mb-gold-light) !important; }
#mbsim-root .small { font-size: 12px; }
#mbsim-root .mono,
#mbsim-root td, #mbsim-root .mbsim-metric .v, #mbsim-root .mbsim-hero-sub,
#mbsim-root .mbsim-tip, #mbsim-root .mbsim-alloc-total, #mbsim-root .mbsim-pf-convert,
#mbsim-root .mbsim-pf-card .total {
	font-family: 'JetBrains Mono', monospace;
	font-variant-numeric: tabular-nums;
}
#mbsim-root .mbsim-seclabel, #mbsim-root .mbsim-metric .k, #mbsim-root th,
#mbsim-root .mbsim-hero-label, #mbsim-root .mbsim-basket-head, #mbsim-root label > span:first-child,
#mbsim-root .mbsim-label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: var(--mb-text-3) !important;
	font-weight: 500;
}

#mbsim-root .mbsim-title {
	font-family: 'Fraunces', Georgia, serif;
	color: var(--mb-text) !important;
	font-size: 24px; margin: 0 0 4px; font-weight: 600; letter-spacing: -0.02em;
}
#mbsim-root .mbsim-sub { color: var(--mb-text-3) !important; font-size: 13px; margin: 0 0 24px; }
#mbsim-root .mbsim-degraded, #mbsim-root .mbsim-login-required {
	color: var(--mb-text-2) !important; padding: 24px; text-align: center; font-size: 14px;
}
#mbsim-root .mbsim-login-required a { color: var(--mb-gold-light) !important; text-decoration: underline; }

/* ── Onglets ── */
#mbsim-root .mbsim-tabs { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
#mbsim-root .mbsim-tab {
	background: var(--mb-surface) !important; color: var(--mb-text-3) !important;
	border: 1px solid var(--mb-line); border-radius: 8px;
	padding: 8px 16px; min-height: 44px; cursor: pointer; font-size: 12px;
	letter-spacing: 0.14em; text-transform: uppercase;
	font-family: 'Inter Tight', sans-serif; font-weight: 500;
	transition: color 160ms var(--mb-ease), border-color 160ms var(--mb-ease), background 160ms var(--mb-ease);
}
#mbsim-root .mbsim-tab:hover { color: var(--mb-text) !important; border-color: var(--mb-line-strong); }
#mbsim-root .mbsim-tab.active {
	color: var(--mb-gold) !important; border-color: var(--mb-gold);
	background: var(--mb-gold-dim) !important;
}

/* Switch de la page combinée [mbsim_simulateurs] : pills plus généreuses,
   or plein sur l'actif. Les panneaux masqués le sont fermement (résistant
   aux resets de thème sur [hidden]). */
#mbsim-root .mbsim-topswitch { margin-bottom: 24px; }
#mbsim-root .mbsim-topswitch .mbsim-tab { border-radius: 999px; padding: 12px 24px; font-size: 13px; }
#mbsim-root .mbsim-panel[hidden] { display: none !important; }

/* ── Formulaires ── */
#mbsim-root .mbsim-form, #mbsim-root .mbsim-card {
	background: var(--mb-surface) !important; border: 1px solid var(--mb-line);
	border-radius: var(--mb-r); padding: 16px;
}
#mbsim-root .mbsim-grid {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 12px; margin-bottom: 16px;
}
#mbsim-root label { display: flex; flex-direction: column; gap: 8px; font-size: 12px; color: var(--mb-text-2) !important; }
#mbsim-root input[type="number"], #mbsim-root input[type="date"],
#mbsim-root input[type="text"], #mbsim-root select {
	background: var(--mb-surface-2) !important; color: var(--mb-text) !important;
	border: 1px solid var(--mb-line) !important; border-radius: 8px;
	height: 42px; padding: 0 12px;
	font-family: 'JetBrains Mono', monospace; font-size: 13px;
	font-variant-numeric: tabular-nums;
	transition: border-color 160ms var(--mb-ease), box-shadow 160ms var(--mb-ease);
}
#mbsim-root input[type="number"] { text-align: right; }
#mbsim-root input:focus, #mbsim-root select:focus {
	outline: none; border-color: var(--mb-gold) !important;
	box-shadow: 0 0 0 3px var(--mb-gold-dim);
}
#mbsim-root .mbsim-note { color: var(--mb-text-3) !important; font-size: 11px; font-style: italic; margin: 8px 0 0; }
#mbsim-root .mbsim-check { flex-direction: row; align-items: center; gap: 8px; }
#mbsim-root .mbsim-error {
	color: var(--mb-down) !important; background: rgba(255, 133, 133, 0.10) !important;
	border: 1px solid var(--mb-down); border-radius: 8px;
	margin-top: 12px; padding: 12px 16px; font-size: 13px;
}

/* ── Panier + jauge ── */
#mbsim-root .mbsim-basket {
	margin: 16px 0; border: 1px solid var(--mb-line); border-radius: var(--mb-r);
	padding: 16px; background: var(--mb-surface-2) !important;
}
#mbsim-root .mbsim-basket-head { display: flex; justify-content: space-between; margin-bottom: 12px; }
#mbsim-root .mbsim-alloc-total { transition: color 160ms var(--mb-ease); font-size: 12px; }
#mbsim-root .mbsim-alloc-total.ok { color: var(--mb-up) !important; }
#mbsim-root .mbsim-alloc-total.ko { color: var(--mb-down) !important; }
#mbsim-root .mbsim-basket-row { display: flex; gap: 8px; align-items: center; margin-bottom: 8px; }
#mbsim-root .mbsim-row-dot { width: 8px; height: 8px; border-radius: 50%; flex: none; background: var(--mb-line); }
#mbsim-root .mbsim-basket-row select { flex: 1; min-width: 0; }
#mbsim-root .mbsim-basket-row input { width: 84px; }
#mbsim-root .mbsim-row-unit { color: var(--mb-text-3) !important; font-size: 12px; }
#mbsim-root .mbsim-row-del {
	background: none !important; border: none; color: var(--mb-text-3) !important;
	cursor: pointer; font-size: 17px; padding: 8px; min-width: 44px; min-height: 44px;
	transition: color 160ms var(--mb-ease);
}
#mbsim-root .mbsim-row-del:hover { color: var(--mb-down) !important; }
#mbsim-root .mbsim-gauge {
	display: flex; height: 8px; border-radius: 999px; overflow: hidden;
	margin: 12px 0; background: var(--mb-surface) !important;
}
#mbsim-root .mbsim-gauge span { display: block; height: 100%; transition: width 200ms var(--mb-ease); }
#mbsim-root .mbsim-gauge .rest {
	background: repeating-linear-gradient(45deg,
		rgba(255, 133, 133, 0.25) 0 4px, rgba(255, 133, 133, 0.06) 4px 8px) !important;
}

/* ── Segmenté dividendes ── */
#mbsim-root .mbsim-seg { display: inline-flex; border: 1px solid var(--mb-line); border-radius: 8px; overflow: hidden; }
#mbsim-root .mbsim-seg button {
	background: var(--mb-surface-2) !important; color: var(--mb-text-3) !important; border: none;
	padding: 0 16px; min-height: 44px; cursor: pointer; font-size: 12px;
	transition: color 160ms var(--mb-ease), background 160ms var(--mb-ease);
}
#mbsim-root .mbsim-seg button:hover { color: var(--mb-text) !important; }
#mbsim-root .mbsim-seg button.active { background: var(--mb-gold-dim) !important; color: var(--mb-gold) !important; }

/* ── Boutons ── */
#mbsim-root .mbsim-btn-primary {
	position: relative;
	display: block; width: 100%; height: 48px;
	background: linear-gradient(180deg, var(--mb-gold-light) 0%, #a87c28 100%) !important;
	color: #050A12 !important;
	border: none; border-radius: 8px;
	font-weight: 700; font-size: 14px; letter-spacing: 0.1em; cursor: pointer;
	text-transform: uppercase; margin-top: 16px;
	transition: filter 160ms var(--mb-ease), transform 160ms var(--mb-ease);
}
#mbsim-root .mbsim-btn-primary:hover:not(:disabled) { filter: brightness(1.08); }
#mbsim-root .mbsim-btn-primary:active:not(:disabled) { transform: scale(0.99); }
#mbsim-root .mbsim-btn-primary:disabled { opacity: 0.6; cursor: wait; }
#mbsim-root .mbsim-spinner {
	display: none; width: 15px; height: 15px; margin-right: 8px;
	border: 2px solid rgba(5, 10, 18, 0.25); border-top-color: #050A12;
	border-radius: 50%; vertical-align: -3px;
	animation: mbsim-spin 0.7s linear infinite;
}
#mbsim-root .mbsim-btn-primary.loading .mbsim-spinner { display: inline-block; }
@keyframes mbsim-spin { to { transform: rotate(360deg); } }
#mbsim-root .mbsim-btn-ghost {
	background: none !important; color: var(--mb-gold) !important;
	border: 1px dashed var(--mb-line-strong); border-radius: 8px;
	padding: 0 16px; min-height: 44px; cursor: pointer; font-size: 12px;
	transition: border-color 160ms var(--mb-ease), background 160ms var(--mb-ease);
}
#mbsim-root .mbsim-btn-ghost:hover { border-color: var(--mb-gold); background: var(--mb-gold-dim) !important; }
#mbsim-root .mbsim-btn-danger {
	background: none !important; color: var(--mb-down) !important;
	border: 1px solid var(--mb-line); border-radius: 8px;
	padding: 0 12px; min-height: 44px; cursor: pointer; font-size: 12px;
	transition: border-color 160ms var(--mb-ease), background 160ms var(--mb-ease);
}
#mbsim-root .mbsim-btn-danger:hover { border-color: var(--mb-down); background: rgba(255, 133, 133, 0.10) !important; }
#mbsim-root .mbsim-back {
	background: none !important; border: none; color: var(--mb-gold) !important;
	cursor: pointer; font-size: 13px; padding: 8px 0; min-height: 44px;
}

/* ── HERO ── */
#mbsim-root .mbsim-hero {
	position: relative;
	text-align: center; padding: 32px 16px 24px;
	background: var(--mb-surface) !important;
	border: 1px solid var(--mb-line); border-radius: var(--mb-r-lg);
	margin-bottom: 16px; overflow: hidden;
}
#mbsim-root .mbsim-hero::before {
	content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
	background: linear-gradient(90deg, transparent 0%, var(--mb-gold) 50%, transparent 100%);
}
#mbsim-root .mbsim-hero-label { margin-bottom: 12px; font-size: 10px; }
#mbsim-root .mbsim-hero-value {
	font-family: 'Fraunces', Georgia, serif;
	font-size: clamp(38px, 7vw, 60px); font-weight: 600; line-height: 1.05;
	letter-spacing: -0.02em; font-variant-numeric: tabular-nums;
	color: var(--mb-gold-light) !important;
}
#mbsim-root .mbsim-hero-unit { font-size: 0.42em; color: var(--mb-gold) !important; font-weight: 400; }
#mbsim-root .mbsim-hero-badge {
	display: inline-block; vertical-align: middle; margin-left: 12px;
	font-family: 'JetBrains Mono', monospace; font-variant-numeric: tabular-nums;
	font-size: 13px; font-weight: 600;
	padding: 4px 12px; border-radius: 999px;
}
#mbsim-root .mbsim-hero-badge.up { color: var(--mb-up) !important; background: rgba(61, 219, 159, 0.14) !important; }
#mbsim-root .mbsim-hero-badge.down { color: var(--mb-down) !important; background: rgba(255, 133, 133, 0.14) !important; }
#mbsim-root .mbsim-hero-sub { margin-top: 12px; font-size: 13px; color: var(--mb-text-2) !important; }
#mbsim-root .mbsim-hero-sub .sep { color: var(--mb-text-3) !important; padding: 0 4px; }

/* ── Chart + tooltip ── */
#mbsim-root .mbsim-results { margin-top: 24px; }
#mbsim-root .mbsim-chart-wrap {
	background: var(--mb-surface) !important; border: 1px solid var(--mb-line);
	border-radius: var(--mb-r); padding: 16px;
}
#mbsim-root canvas { width: 100%; display: block; touch-action: none; }
#mbsim-root .mbsim-legend { display: flex; gap: 16px; margin-top: 12px; font-size: 12px; flex-wrap: wrap; }
#mbsim-root .mbsim-leg::before { content: ''; display: inline-block; width: 16px; height: 2px; margin-right: 8px; vertical-align: middle; border-radius: 1px; }
#mbsim-root .mbsim-leg-pf { color: var(--mb-gold) !important; }
#mbsim-root .mbsim-leg-pf::before { background: var(--mb-gold); }
#mbsim-root .mbsim-leg-bench { color: var(--mb-text-3) !important; }
#mbsim-root .mbsim-leg-bench::before { background: var(--mb-text-3); }
#mbsim-root .mbsim-leg-flux { color: var(--mb-text-3) !important; font-style: italic; }
#mbsim-root .mbsim-leg-flux::before { display: none; }
#mbsim-root .mbsim-tip {
	position: absolute; z-index: 30; pointer-events: none;
	background: var(--mb-raise) !important;
	border: 1px solid var(--mb-line); border-radius: var(--mb-r);
	padding: 12px; min-width: 210px; max-width: 280px;
	font-size: 12px; color: var(--mb-text) !important;
}
#mbsim-root .mbsim-tip-date {
	font-family: 'Inter Tight', sans-serif;
	font-weight: 600; color: var(--mb-text) !important; margin-bottom: 8px; font-size: 12px;
}
#mbsim-root .mbsim-tip-row { display: flex; align-items: center; gap: 8px; margin: 4px 0; font-size: 11px; }
#mbsim-root .mbsim-tip-row b { margin-left: auto; font-weight: 600; color: var(--mb-text) !important; }
#mbsim-root .mbsim-tip-row b.gold { color: var(--mb-gold-light) !important; }
#mbsim-root .mbsim-tip-row.muted { color: var(--mb-text-3) !important; }
#mbsim-root .mbsim-tip-row.pos { color: var(--mb-up) !important; }
#mbsim-root .mbsim-tip-row.neg { color: var(--mb-down) !important; }
#mbsim-root .mbsim-tip-row .dot { width: 7px; height: 7px; border-radius: 50%; flex: none; }
#mbsim-root .mbsim-tip-event {
	margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--mb-line);
	color: var(--mb-gold-light) !important; font-size: 11px;
}

/* ── Cartes de métriques ── */
#mbsim-root .mbsim-metrics {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 12px; margin-top: 16px;
}
#mbsim-root .mbsim-metric {
	background: var(--mb-surface) !important; border: 1px solid var(--mb-line);
	border-radius: var(--mb-r); padding: 16px;
	transition: border-color 160ms var(--mb-ease);
}
#mbsim-root .mbsim-metric:hover { border-color: var(--mb-line-strong); }
#mbsim-root .mbsim-metric .k { margin-bottom: 8px; font-size: 10px; }
#mbsim-root .mbsim-metric .v { font-size: 18px; color: var(--mb-text) !important; }
#mbsim-root .mbsim-metric .v.gold { color: var(--mb-gold-light) !important; }
#mbsim-root .mbsim-metric .v.pos { color: var(--mb-up) !important; }
#mbsim-root .mbsim-metric .v.neg { color: var(--mb-down) !important; }
#mbsim-root .mbsim-metric .s { font-size: 11px; color: var(--mb-text-3) !important; margin-top: 4px; line-height: 1.5; }

/* ── Accordéons + tableaux ── */
#mbsim-root details.mbsim-fold, #mbsim-root details.mbsim-advanced {
	margin: 12px 0; border: 1px solid var(--mb-line); border-radius: var(--mb-r);
	background: var(--mb-surface) !important;
}
#mbsim-root details summary {
	cursor: pointer; color: var(--mb-gold) !important; font-size: 12px;
	letter-spacing: 0.08em; padding: 12px 16px; min-height: 44px; list-style: none;
	display: flex; align-items: center;
	transition: background 160ms var(--mb-ease);
}
#mbsim-root details summary::-webkit-details-marker { display: none; }
#mbsim-root details summary::before {
	content: '▾'; display: inline-block; margin-right: 8px;
	transform: rotate(-180deg);
	transition: transform 200ms var(--mb-ease);
}
#mbsim-root details[open] summary::before { transform: rotate(0deg); }
#mbsim-root details summary:hover { background: var(--mb-gold-dim) !important; }
#mbsim-root details > div { padding: 4px 16px 16px; }
#mbsim-root details[open] > div { animation: mbsim-fold-in 200ms var(--mb-ease); }
@keyframes mbsim-fold-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
#mbsim-root .mbsim-fold > div { max-height: 420px; overflow: auto; position: relative; }

#mbsim-root table { width: 100%; border-collapse: collapse; font-size: 12px; margin-top: 8px; }
#mbsim-root th {
	text-align: left; padding: 8px; border-bottom: 1px solid var(--mb-line);
	position: sticky; top: 0; background: var(--mb-surface) !important; z-index: 2;
	font-size: 10px;
}
#mbsim-root td {
	color: var(--mb-text) !important; padding: 8px;
	border-bottom: 1px solid rgba(30, 45, 69, 0.4);
	font-size: 12px;
}
#mbsim-root tbody tr { transition: background 160ms var(--mb-ease); }
#mbsim-root tbody tr:hover td { background: rgba(255, 255, 255, 0.02) !important; }
#mbsim-root th.num, #mbsim-root td.num { text-align: right; }
#mbsim-root tr.warn td { color: var(--mb-down) !important; }
#mbsim-root td.small { font-size: 10px; }
/* Première colonne collante dans les conteneurs scrollés (mobile). */
#mbsim-root .mbsim-fold th:first-child, #mbsim-root .mbsim-fold td:first-child,
#mbsim-root .mbsim-scroll th:first-child, #mbsim-root .mbsim-scroll td:first-child {
	position: sticky; left: 0; background: var(--mb-surface) !important; z-index: 1;
}
#mbsim-root .mbsim-fold th:first-child { z-index: 3; }
#mbsim-root .mbsim-scroll { overflow-x: auto; position: relative; }

#mbsim-root .mbsim-disclaimer {
	margin-top: 24px; padding: 16px; border: 1px solid var(--mb-line);
	border-radius: var(--mb-r); font-size: 11px; color: var(--mb-text-3) !important; line-height: 1.6;
}

/* ── Portefeuille ── */
#mbsim-root .mbsim-pf-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; margin: 16px 0; }
#mbsim-root .mbsim-pf-card {
	background: var(--mb-surface) !important; border: 1px solid var(--mb-line);
	border-radius: var(--mb-r); padding: 16px; cursor: pointer;
	transition: border-color 160ms var(--mb-ease), background 160ms var(--mb-ease);
}
#mbsim-root .mbsim-pf-card:hover { border-color: var(--mb-line-strong); background: var(--mb-raise) !important; }
#mbsim-root .mbsim-pf-card .name { font-family: 'Fraunces', Georgia, serif; font-size: 17px; letter-spacing: -0.02em; color: var(--mb-text) !important; margin-bottom: 8px; }
#mbsim-root .mbsim-pf-card .total { font-size: 21px; color: var(--mb-gold-light) !important; }
#mbsim-root .mbsim-pf-card .meta { font-size: 11px; color: var(--mb-text-3) !important; margin-top: 8px; }
#mbsim-root .mbsim-pf-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
#mbsim-root .mbsim-pf-convert { font-size: 11px; color: var(--mb-text-3) !important; margin-top: 4px; }
#mbsim-root .mbsim-empty {
	text-align: center; padding: 48px 24px;
	background: var(--mb-surface) !important; border: 1px solid var(--mb-line);
	border-radius: var(--mb-r-lg); color: var(--mb-text-2) !important; font-size: 14px;
}
#mbsim-root .mbsim-empty p { margin: 0 0 16px; }

/* ── États : squelettes / reveal ── */
#mbsim-root .mbsim-skel {
	position: relative; overflow: hidden;
	background: var(--mb-surface-2) !important;
	border-radius: var(--mb-r); border: 1px solid var(--mb-line);
}
#mbsim-root .mbsim-skel::after {
	content: ''; position: absolute; inset: 0;
	background: linear-gradient(105deg, transparent 40%, rgba(240, 234, 224, 0.045) 50%, transparent 60%);
	animation: mbsim-shimmer 1.4s infinite;
}
@keyframes mbsim-shimmer { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
#mbsim-root .mbsim-skel-hero { height: 160px; border-radius: var(--mb-r-lg); margin-bottom: 16px; }
#mbsim-root .mbsim-skel-chart { height: 392px; margin-bottom: 16px; }
#mbsim-root .mbsim-skel-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; }
#mbsim-root .mbsim-skel-card { height: 88px; }

#mbsim-root .mbsim-reveal { opacity: 0; transform: translateY(8px); }
#mbsim-root .mbsim-reveal.in {
	opacity: 1; transform: none;
	transition: opacity 300ms var(--mb-ease), transform 300ms var(--mb-ease);
}

/* ── Mobile ── */
@media (max-width: 640px) {
	#mbsim-root { padding: 16px; border-radius: var(--mb-r); }
	#mbsim-root .mbsim-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
	#mbsim-root .mbsim-hero-badge { display: block; margin: 12px auto 0; width: fit-content; }
	#mbsim-root .mbsim-basket-row { flex-wrap: wrap; }
	#mbsim-root .mbsim-fold > div { overflow-x: auto; }
	#mbsim-root table { min-width: 560px; }
}
@media (max-width: 420px) {
	#mbsim-root .mbsim-metrics, #mbsim-root .mbsim-skel-cards { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 340px) {
	#mbsim-root .mbsim-metrics, #mbsim-root .mbsim-skel-cards { grid-template-columns: 1fr; }
	#mbsim-root .mbsim-grid { grid-template-columns: 1fr; }
}

/* ── Reduced motion : tout coupé, rendu immédiat ── */
@media (prefers-reduced-motion: reduce) {
	#mbsim-root *, #mbsim-root *::before, #mbsim-root *::after {
		animation: none !important;
		transition: none !important;
	}
	#mbsim-root .mbsim-reveal { opacity: 1; transform: none; }
}