@import url("https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300..600;1,6..72,300..600&family=Instrument+Sans:wght@400..700&family=JetBrains+Mono:wght@400;500&display=swap");

/* Button */
.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-sizing:border-box;margin:0;font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:500;border:var(--stroke-hairline) solid transparent;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease,color .12s ease}
.sx-btn--md{padding:var(--space-2) var(--space-4);min-height:36px}
.sx-btn--sm{padding:var(--space-1) var(--space-3);min-height:28px;font-size:13px}
.sx-btn--lg{padding:var(--space-3) var(--space-6);min-height:48px;font-size:16px;line-height:24px}
.sx-btn--primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.sx-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.sx-btn--outline{background:transparent;color:var(--ink);border-color:var(--rule)}
.sx-btn--outline:hover{background:var(--paper-300)}
.sx-btn--ghost{background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:3px;padding-left:0;padding-right:0}
.sx-btn--ghost:hover{color:var(--ink-muted)}
.sx-btn:focus-visible,.sx-nav:focus-visible{outline:var(--stroke-focus) solid var(--signal);outline-offset:2px}
.sx-btn[disabled],.sx-nav[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}
.sx-btn__icon{display:inline-flex;width:16px;height:16px}

/* NavButton */
.sx-navgroup{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.sx-nav{display:inline-flex;align-items:center;gap:var(--space-1);box-sizing:border-box;margin:0;padding:var(--space-1) var(--space-3);min-height:32px;font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:400;color:var(--ink);background:transparent;border:var(--stroke-hairline) solid var(--rule-strong);border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:background-color .12s ease,border-color .12s ease}
.sx-nav:hover{background:var(--paper-300)}
.sx-nav[aria-current="page"]{border-color:var(--rule);background:var(--paper-200)}
.sx-nav--inverse{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.sx-nav--inverse:hover{background:var(--ink-muted);border-color:var(--ink-muted)}
.sx-nav--icon{padding:var(--space-1);width:32px;justify-content:center}

/* Callout */
.sx-callout{position:relative;box-sizing:border-box;margin:var(--space-6);background:var(--note-100);color:var(--ink);border-radius:var(--radius-0)}
.sx-callout__title{margin:0;padding:var(--space-3) var(--space-6);font-family:var(--font-serif);font-size:24px;line-height:30px;font-weight:400;letter-spacing:-0.01em;background:var(--note-200)}
.sx-callout__body{padding:var(--space-4) var(--space-6) var(--space-6);font-family:var(--font-sans);font-size:16px;line-height:24px;color:var(--ink)}
.sx-callout__body p{margin:0 0 var(--space-3)}
.sx-callout__body p:last-child{margin-bottom:0}
.sx-callout__eyebrow{display:block;padding:var(--space-4) var(--space-6) 0;font-family:var(--font-mono);font-size:11px;line-height:16px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}
.sx-tick{position:absolute;width:12px;height:12px;pointer-events:none}
.sx-tick::before,.sx-tick::after{content:"";position:absolute;background:var(--rule)}
.sx-tick::before{width:12px;height:1px}
.sx-tick::after{width:1px;height:12px}
.sx-tick--tl{left:-20px;top:-20px}.sx-tick--tl::before{left:0;top:20px}.sx-tick--tl::after{left:20px;top:0}
.sx-tick--tr{right:-20px;top:-20px}.sx-tick--tr::before{right:0;top:20px}.sx-tick--tr::after{right:20px;top:0}
.sx-tick--bl{left:-20px;bottom:-20px}.sx-tick--bl::before{left:0;bottom:20px}.sx-tick--bl::after{left:20px;bottom:0}
.sx-tick--br{right:-20px;bottom:-20px}.sx-tick--br::before{right:0;bottom:20px}.sx-tick--br::after{right:20px;bottom:0}
.sx-callout--plain{background:var(--paper-200);border:var(--stroke-hairline) solid var(--rule)}
.sx-callout--plain .sx-callout__title{background:transparent;border-bottom:var(--stroke-hairline) solid var(--rule)}

/* Highlight */
.sx-hl{background:var(--highlight);color:var(--on-highlight);padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sx-caret{display:inline-block;width:3px;height:.9em;margin-left:.04em;vertical-align:-0.08em;background:var(--signal)}

/* Label */
.sx-label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:11px;line-height:16px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}
.sx-label__index{color:var(--accent)}
.sx-label__sep{color:var(--ink-muted)}
.sx-label--rule{display:flex;width:100%}
.sx-label--rule::after{content:"";flex:1;height:1px;background:var(--rule-soft)}
.sx-label--ink{color:var(--ink)}

/* TextField */
.sx-field{display:flex;flex-direction:column;gap:var(--space-1);font-family:var(--font-sans);max-width:360px}
.sx-field__label{font-size:14px;line-height:20px;font-weight:500;color:var(--ink)}
.sx-field__control{position:relative;display:flex;align-items:center}
.sx-field__icon{position:absolute;left:var(--space-3);display:inline-flex;color:var(--ink-muted);pointer-events:none}
.sx-field__input{box-sizing:border-box;width:100%;min-height:40px;margin:0;padding:var(--space-2) var(--space-3);font:inherit;font-size:15px;line-height:22px;color:var(--ink);background:var(--paper-200);border:var(--stroke-hairline) solid var(--rule-strong);border-radius:var(--radius-sm)}
.sx-field__input--icon{padding-left:36px}
.sx-field__input--mono{font-family:var(--font-mono);font-size:13px}
.sx-field__input::placeholder{color:var(--ink-muted)}
.sx-field__input:hover{border-color:var(--rule)}
.sx-field__input:focus-visible{outline:var(--stroke-focus) solid var(--signal);outline-offset:2px;border-color:var(--rule)}
.sx-field__input:disabled{opacity:.45;cursor:not-allowed}
.sx-field--error .sx-field__input{border-color:var(--status-critical)}
.sx-field__msg{display:flex;align-items:center;gap:var(--space-1);margin:0;font-size:13px;line-height:18px;color:var(--ink-muted)}
.sx-field--error .sx-field__msg{color:var(--ink)}
.sx-field__erricon{color:var(--status-critical);flex:none}

/* Toggle */
.sx-toggle{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-sans);font-size:14px;line-height:20px;color:var(--ink);cursor:pointer}
.sx-toggle__track{position:relative;width:36px;height:20px;margin:0;padding:0;border:var(--stroke-hairline) solid var(--rule-strong);border-radius:var(--radius-pill);background:var(--paper-300);cursor:pointer;transition:background-color .12s ease}
.sx-toggle__knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:var(--radius-pill);background:var(--ink);transition:transform .12s ease}
.sx-toggle__track[aria-checked="true"]{background:var(--accent);border-color:var(--accent)}
.sx-toggle__track[aria-checked="true"] .sx-toggle__knob{transform:translateX(16px);background:var(--on-accent)}
.sx-toggle__track:focus-visible{outline:var(--stroke-focus) solid var(--signal);outline-offset:2px}
.sx-toggle__track:disabled{opacity:.45;cursor:not-allowed}

/* Tabs */
.sx-tabs__list{display:flex;gap:var(--space-6);border-bottom:var(--stroke-hairline) solid var(--rule-soft);overflow-x:auto}
.sx-tabs__tab{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 -1px;padding:var(--space-2) 0 var(--space-3);font-family:var(--font-sans);font-size:14px;line-height:20px;color:var(--ink-muted);background:none;border:0;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}
.sx-tabs__tab:hover{color:var(--ink)}
.sx-tabs__tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--accent);font-weight:500}
.sx-tabs__tab:focus-visible{outline:var(--stroke-focus) solid var(--signal);outline-offset:2px}
.sx-tabs__count{font-family:var(--font-mono);font-size:11px;line-height:16px;padding:0 var(--space-1);border:var(--stroke-hairline) solid var(--rule-strong);border-radius:var(--radius-sm);color:var(--ink-muted)}
.sx-tabs__panel{padding-top:var(--space-4);font-family:var(--font-sans);font-size:15px;line-height:22px;color:var(--ink)}

/* Tag */
.sx-tag{display:inline-flex;align-items:center;gap:var(--space-1);box-sizing:border-box;min-height:22px;padding:1px var(--space-2);font-family:var(--font-mono);font-size:11px;line-height:16px;font-weight:500;letter-spacing:.04em;color:var(--ink);border:var(--stroke-hairline) solid var(--rule-strong);border-radius:var(--radius-sm);white-space:nowrap}
.sx-tag--highlight{background:var(--highlight);color:var(--on-highlight);border-color:var(--highlight)}
.sx-tag--ink{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.sx-tag--status{background:var(--paper-200)}
.sx-tag__icon--good{color:var(--status-good)}
.sx-tag__icon--warning{color:var(--status-warning)}
.sx-tag__icon--critical{color:var(--status-critical)}

/* Table */
.sx-table-wrap{overflow-x:auto}
.sx-table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:14px;line-height:20px;color:var(--ink)}
.sx-table__caption{caption-side:top;text-align:left;padding-bottom:var(--space-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}
.sx-table th{padding:var(--space-2) var(--space-3);text-align:left;font-family:var(--font-mono);font-size:11px;line-height:16px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);border-bottom:var(--stroke-hairline) solid var(--rule)}
.sx-table td{padding:var(--space-3);border-bottom:var(--stroke-hairline) solid var(--rule-soft);vertical-align:middle}
.sx-table--dense td{padding:var(--space-2) var(--space-3)}
.sx-table tbody tr:hover{background:var(--paper-200)}
.sx-table .sx-r{text-align:right}
.sx-table .sx-mono{font-family:var(--font-mono);font-size:13px;font-variant-numeric:tabular-nums}

/* CodePanel */
.sx-code{margin:0;background:var(--paper-200);color:var(--ink);border:var(--stroke-hairline) solid var(--rule);border-radius:var(--radius-0);overflow:hidden}
.sx-code__bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);border-bottom:var(--stroke-hairline) solid var(--rule-soft);font-family:var(--font-mono);font-size:11px;line-height:16px;letter-spacing:.08em;text-transform:uppercase}
.sx-code__title{flex:1;color:var(--ink)}
.sx-code__status{color:var(--ink-muted)}
.sx-code__copy{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font:inherit;color:inherit;background:none;border:var(--stroke-hairline) solid var(--rule-strong);border-radius:var(--radius-sm);cursor:pointer}
.sx-code__copy:focus-visible{outline:var(--stroke-focus) solid var(--signal);outline-offset:2px}
.sx-code__pre{margin:0;padding:var(--space-4) var(--space-4) var(--space-4) 0;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:20px}
.sx-code__line{display:block;white-space:pre}
.sx-code__num{display:inline-block;width:40px;padding-right:var(--space-4);text-align:right;color:var(--ink-muted);user-select:none}
.sx-code__comment{color:var(--ink-muted)}
.sx-code--inverse{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.sx-code--inverse .sx-code__bar{border-bottom-color:var(--rule-strong)}
.sx-code--inverse .sx-code__title,.sx-code--inverse .sx-code__status{color:var(--on-ink)}
.sx-code--inverse .sx-code__num,.sx-code--inverse .sx-code__comment{color:var(--rule-strong)}

/* Charts: figura editorial */
.sx-chart{margin:0;display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3);border-top:var(--stroke-hairline) solid var(--rule);font-family:var(--font-sans);color:var(--ink)}
.sx-chart__bar{display:flex;align-items:center;gap:var(--space-3);min-height:24px;font-family:var(--font-mono);font-size:11px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}
.sx-chart__fig{color:var(--ink);font-weight:500}
.sx-chart__spacer{flex:1}
.sx-chart__head{display:flex;flex-direction:column;gap:var(--space-1)}
.sx-chart__title{margin:0;font-family:var(--font-serif);font-size:26px;line-height:32px;font-weight:400;letter-spacing:-0.012em}
.sx-chart__sub{margin:0;font-size:14px;line-height:20px;color:var(--ink-muted)}
.sx-chart__toggle{display:inline-flex;align-items:center;gap:var(--space-1);flex:none;padding:3px var(--space-2);font:inherit;color:var(--ink);background:none;border:var(--stroke-hairline) solid var(--rule-strong);border-radius:var(--radius-0);cursor:pointer}
.sx-chart__toggle:hover{background:var(--paper-300)}
.sx-chart__toggle:focus-visible{outline:var(--stroke-focus) solid var(--signal);outline-offset:2px}
.sx-chart__note{margin-top:var(--space-1);padding-top:var(--space-2);border-top:var(--stroke-hairline) solid var(--rule-soft);font-family:var(--font-mono);font-size:10.5px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}
.sx-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);margin:0;padding:0;list-style:none;font-family:var(--font-mono);font-size:11px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.sx-legend li{display:inline-flex;align-items:center;gap:var(--space-2)}
.sx-swatch{display:inline-block;width:9px;height:9px;border-radius:0;flex:none}
.sx-swatch--line{height:2px;width:16px}
.sx-plot{position:relative;width:100%;min-width:0}
.sx-plot svg{display:block;overflow:visible}
.sx-grid{stroke:var(--rule-strong);stroke-width:1;stroke-dasharray:1 3;opacity:.75}
.sx-axis{stroke:var(--rule);stroke-width:1}
.sx-cross{stroke:var(--ink);stroke-width:1;stroke-dasharray:3 3}
.sx-connector{stroke:var(--ink-muted);stroke-width:1;stroke-dasharray:2 2}
.sx-hoverband{fill:var(--paper-300);fill-opacity:.55}
.sx-tick{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;fill:var(--ink-muted)}
.sx-dlabel{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.02em;fill:var(--ink)}
.sx-dvalue{font-weight:400;fill:var(--ink-muted)}
.sx-ann{stroke:var(--ink);stroke-width:1;stroke-dasharray:2 3}
.sx-ann__mark{fill:var(--ink)}
.sx-ann__text{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;fill:var(--ink)}
.sx-xchip rect{fill:var(--ink)}
.sx-xchip text{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;fill:var(--on-ink)}
.sx-nlabel{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;fill:var(--ink);paint-order:stroke;stroke:var(--paper-100);stroke-width:3px}
.sx-tip{position:absolute;z-index:2;min-width:168px;padding:var(--space-2) var(--space-3);background:var(--ink);color:var(--on-ink);font-family:var(--font-mono);font-size:12px;line-height:18px;pointer-events:none}
.sx-tip__title{margin-bottom:var(--space-1);padding-bottom:var(--space-1);border-bottom:var(--stroke-hairline) solid var(--rule-strong);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.72}
.sx-tip__row{display:flex;align-items:center;gap:var(--space-2)}
.sx-tip__name{flex:1}
.sx-tip__val{font-variant-numeric:tabular-nums;font-weight:500}
.sx-heat__scale{display:flex;align-items:center;gap:2px;margin-top:var(--space-2);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}
.sx-heat__scale i{display:inline-block;width:12px;height:12px}
.sx-heat__scale span{margin:0 var(--space-1)}
.sx-netlegend{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-2);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}
.sx-netlegend span{display:inline-flex;align-items:center;gap:var(--space-2)}

/* StatTile */
.sx-stat{display:flex;flex-direction:column;gap:var(--space-2);box-sizing:border-box;padding:var(--space-4) var(--space-4) var(--space-4);background:var(--paper-200);border:var(--stroke-hairline) solid var(--rule-soft);font-family:var(--font-sans);color:var(--ink);min-width:200px}
.sx-stat__row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3)}
.sx-stat__value{font-family:var(--font-mono);font-size:40px;line-height:44px;font-weight:500;letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.sx-stat__unit{margin-left:var(--space-1);font-family:var(--font-mono);font-size:15px;font-weight:400;letter-spacing:0;color:var(--ink-muted)}
.sx-stat__delta{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:12px;line-height:16px;color:var(--ink)}
.sx-stat__ctx{color:var(--ink-muted)}

/* Charts: nuevos tipos */
.sx-rowlabel{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;fill:var(--ink)}
.sx-axislabel{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;fill:var(--ink-muted)}

/* Meter */
.sx-meter{display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-sans);color:var(--ink);min-width:220px}
.sx-meter__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}
.sx-meter__value{font-family:var(--font-mono);font-size:20px;line-height:24px;font-weight:500;font-variant-numeric:tabular-nums}
.sx-meter__unit{margin-left:var(--space-1);font-size:13px;color:var(--ink-muted)}
.sx-meter__track{position:relative;height:12px;background:var(--paper-300);border:var(--stroke-hairline) solid var(--rule-soft)}
.sx-meter__fill{position:absolute;left:0;top:0;bottom:0}
.sx-meter__target{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink)}
.sx-meter__note{font-family:var(--font-mono);font-size:11px;line-height:16px;color:var(--ink-muted)}

/* Emblem */
.sx-emblem{display:block;color:var(--accent)}

/* FeatureCard */
.sx-feature{display:flex;flex-direction:column;box-sizing:border-box;background:var(--paper-200);border:var(--stroke-hairline) solid var(--rule-soft);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--ink);overflow:hidden}
.sx-feature__art{display:flex;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6) var(--space-8);color:var(--accent)}
.sx-feature__body{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-6) var(--space-6)}
.sx-feature__title{margin:0;font-family:var(--font-sans);font-size:16px;line-height:22px;font-weight:500;letter-spacing:-0.01em}
.sx-feature__text{margin:0;font-size:14px;line-height:20px;color:var(--ink-muted);max-width:34ch}
.sx-feature__action{display:inline-flex;align-items:center;gap:var(--space-1);align-self:flex-start;margin:0;padding:0;font:inherit;font-size:14px;line-height:20px;color:var(--ink);background:none;border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.sx-feature__action:hover{color:var(--ink-muted)}
.sx-feature__action:focus-visible{outline:var(--stroke-focus) solid var(--signal);outline-offset:3px}

/* ValueTile */
.sx-value{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-12);box-sizing:border-box;min-height:300px;padding:var(--space-8);background:var(--paper-200);font-family:var(--font-sans);color:var(--ink)}
.sx-value__art{display:flex;justify-content:center;padding-top:var(--space-6);color:var(--accent)}
.sx-value__title{margin:0;font-family:var(--font-serif);font-size:32px;line-height:38px;font-weight:400;letter-spacing:-0.015em}
.sx-value__sub{margin:var(--space-1) 0 0;font-size:16px;line-height:24px;color:var(--ink-muted)}

/* GridSection */
.sx-gridsec{position:relative;--sx-cell:112px;background-color:var(--paper-100);background-image:repeating-linear-gradient(to right,var(--rule-soft) 0 1px,transparent 1px var(--sx-cell)),repeating-linear-gradient(to bottom,var(--rule-soft) 0 1px,transparent 1px var(--sx-cell))}
.sx-gridsec__inner{position:relative;padding:var(--space-8)}

/* Spectrum */
.sx-spectrum{position:relative;overflow:hidden;background:var(--paper-100)}
.sx-spectrum__bars{position:absolute;inset:0;display:flex;gap:2px}
.sx-spectrum__bars span{flex:1}
.sx-spectrum__content{position:relative;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);padding:var(--space-8);max-width:60%;font-family:var(--font-sans);color:var(--ink)}

/* Halo */
.sx-halo{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.sx-halo__spot{position:absolute;border-radius:var(--radius-pill);filter:blur(28px)}
.sx-halo__spot--depth{background:radial-gradient(closest-side,var(--brand-depth) 0%,var(--brand-clarity) 42%,transparent 100%)}
.sx-halo__spot--clarity{background:radial-gradient(closest-side,var(--brand-clarity) 0%,var(--brand-balance) 45%,transparent 100%)}
.sx-halo__spot--balance{background:radial-gradient(closest-side,var(--brand-balance) 0%,var(--brand-ground) 50%,transparent 100%)}
[data-theme="dark"] .sx-halo__spot--depth{background:radial-gradient(closest-side,var(--brand-depth) 0%,var(--brand-clarity) 38%,transparent 100%)}
[data-theme="dark"] .sx-halo__spot--clarity{background:radial-gradient(closest-side,var(--brand-clarity) 0%,var(--brand-depth) 50%,transparent 100%)}
[data-theme="dark"] .sx-halo__spot--balance{background:radial-gradient(closest-side,var(--brand-depth) 0%,transparent 100%)}
.sx-halo__grain{position:absolute;inset:0;opacity:.07;mix-blend-mode:multiply}
[data-theme="dark"] .sx-halo{opacity:.62}
[data-theme="dark"] .sx-halo__grain{mix-blend-mode:screen;opacity:.05}
.sx-halosec{position:relative;overflow:hidden;background:var(--paper-100);color:var(--ink)}
.sx-halosec__inner{position:relative;z-index:1;padding:var(--space-12) var(--space-8)}