.sx-page { background: var(--card-bg); }

html:has(body.sx-page), body.sx-page { overflow-x: clip; max-width: 100%; }

.sx, .sx-page {
  --sx-ink: var(--text); --sx-ink2: rgba(15,20,25,.64); --sx-ink3: rgba(15,20,25,.6);
  --sx-line: rgba(15,20,25,.08); --sx-line2: rgba(15,20,25,.12); --sx-line3: rgba(15,20,25,.28);
  --sx-wash: rgba(15,20,25,.04); --sx-press: rgba(15,20,25,.07); --sx-soft: #f7f8fa; --sx-warn: var(--status-warning, #92400e);
  --sx-ease: cubic-bezier(.2,0,0,1); --sx-fast: 120ms; --sx-med: 200ms;
}
.sx { font-feature-settings: "cv11", "ss01"; -webkit-font-smoothing: antialiased; }
.sx .i { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; display: block; }
.sx :focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }

body.sx-page :is(.sx, .plota-layers-panel) :where(button, a[href], [role="button"], [role="menuitem"], [role="menuitemradio"], [role="option"], [role="tab"], summary, select, label.sx-chip, label.sx-follow) {
  transition: background-color var(--sx-fast) var(--sx-ease), border-color var(--sx-fast) var(--sx-ease), color var(--sx-fast) var(--sx-ease),
    box-shadow var(--sx-med) var(--sx-ease), transform var(--sx-med) var(--sx-ease), opacity var(--sx-fast) var(--sx-ease);
}

body.sx-page :is(.sx, .plota-layers-panel) :where(button, a[href], [role="button"], [role="menuitem"], [role="menuitemradio"], [role="option"], [role="tab"], label.sx-chip):active { --sx-wash: var(--sx-press); }
.sx-warnword { display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; font-weight: 500; color: var(--sx-ink2); }
.sx-warnword .w { width: 12px; height: 12px; color: var(--sx-warn); }
.sx-fbtn:active, .sx-chip:active, .sx-act:active, .sx-rm:active, .sx-pgb:active, .sx-pf .go:active, .sx-mf .go:active, .sx-mbtn:active, .sx-zoom button:active { transform: scale(.97); }

.sx-fb { height: 58px; display: flex; align-items: center; gap: 6px; padding: 0 24px; border-bottom: 1px solid var(--sx-line); background: var(--card-bg); overflow-x: auto; scrollbar-width: none; }
.sx-fb::-webkit-scrollbar { display: none; }
.sx-fb::after { content: ""; flex: none; width: 1px; }   
.sx-m { display: none; }

.sx-fb.over:not(:has(.sx-clear)) { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent); }
.sx-fb.over.end { -webkit-mask-image: none; mask-image: none; }
.sx-fbtn { all: unset; box-sizing: border-box; cursor: pointer; flex: none; height: 34px; max-width: 260px; display: inline-flex; align-items: center; gap: 6px; padding: 0 11px 0 12px; border-radius: 999px; border: 1px solid var(--sx-line2); background: var(--card-bg); font: 500 13px/1 var(--font, inherit); color: var(--sx-ink); white-space: nowrap; }
.sx-fbtn:hover { border-color: var(--sx-line3); background: var(--sx-wash); }
.sx-fbtn:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.sx-fbtn > span { overflow: hidden; text-overflow: ellipsis; }
.sx-fbtn .k { color: var(--sx-ink3); }
.sx-fbtn.on { box-shadow: inset 0 0 0 .5px var(--sx-ink); border-color: var(--sx-ink); font-weight: 500; }
.sx-fbtn.on .k { color: var(--sx-ink2); font-weight: 400; }
.sx-fbtn .chev { width: 14px; height: 14px; color: var(--sx-ink3); transition: transform var(--sx-med) var(--sx-ease); }
.sx-fbtn[aria-expanded="true"] .chev { transform: rotate(180deg); }
.sx-fbtn.area { background: var(--sx-ink); border-color: var(--sx-ink); color: #fff; font-weight: 500; }
.sx-fbtn.area:hover { background: #262d33; }
.sx-fbtn.area .chev { color: rgba(255,255,255,.6); }
.sx-fbtn.strat { max-width: 300px; font-weight: 500; }
.sx-fbtn.strat .i:first-child { color: var(--brand); }
.sx-fbtn[aria-expanded="true"] { border-color: var(--sx-ink); background: var(--sx-wash); }
.sx-fbtn.area[aria-expanded="true"] { background: #262d33; border-color: var(--sx-ink); }   
.sx-badge { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--sx-ink); color: #fff; font: 600 11px/1 var(--font, inherit); font-variant-numeric: tabular-nums; }
.sx-sep { flex: none; width: 1px; height: 20px; background: var(--sx-line2); margin: 0 6px; }
.sx-clear { all: unset; cursor: pointer; flex: none; margin-left: auto; position: sticky; right: -24px; font: 500 13px/1 var(--font, inherit); color: var(--sx-ink2); padding: 8px 24px 8px 12px; margin-right: -24px; background: var(--card-bg); box-shadow: -24px 0 16px -6px var(--card-bg); }
.sx-clear:hover { color: var(--sx-ink); text-decoration: underline; text-underline-offset: 3px; }

html:has(> body.sx-page), body.sx-page { height: 100%; overflow: hidden; overscroll-behavior: none; }
.sx-body { display: grid; grid-template-columns: 520px minmax(0, 1fr); height: calc(100vh / var(--bs-zoom, 1) - var(--nav-h) - 59px); height: calc(100dvh / var(--bs-zoom, 1) - var(--nav-h) - 59px); }

.sx.sx-full .sx-body { grid-template-columns: 0 minmax(0, 1fr); }
.sx.sx-full .sx-col { visibility: hidden; border: 0; }
.sx-cbtn[aria-pressed="true"]#sx-full { color: var(--sx-ink); background: rgba(15,20,25,.08); }
.sx-col { container: sxcol / inline-size; position: relative; border-right: 1px solid var(--sx-line); overflow-y: auto; min-width: 0; background: var(--card-bg); scrollbar-width: thin; scrollbar-color: rgba(15,20,25,.18) transparent; }
.sx-mapw { position: relative; min-width: 0; }
.sx-map { position: absolute; inset: 0; }

.sx-choose { padding: 28px 24px 32px; display: grid; gap: 20px; }
.sx-choose h1 { margin: 0; font-size: 24px; font-weight: 600; letter-spacing: -0.022em; line-height: 1.2; text-wrap: balance; }
.sx-choose .sub { margin: -12px 0 0; color: var(--sx-ink2); font-size: 14px; line-height: 1.5; }
.sx-grp { display: grid; gap: 0; }
.sx-grp h2 { margin: 4px 0 4px; font-size: 12px; font-weight: 500; color: var(--sx-ink3); letter-spacing: .01em; }
.sx-opt { all: unset; box-sizing: border-box; cursor: pointer; display: grid; grid-template-columns: 1fr auto 16px; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 10px; }
.sx-opt:hover { background: var(--sx-wash); }
.sx-opt:active { background: var(--sx-press); }
.sx-opt .n { display: block; font-size: 14px; font-weight: 500; color: var(--sx-ink); letter-spacing: -0.006em; }
.sx-opt .r { display: block; font-size: 12.5px; color: var(--sx-ink3); margin-top: 2px; line-height: 1.35; }
.sx-opt .c { font-size: 13px; font-weight: 600; color: var(--sx-ink2); font-variant-numeric: tabular-nums; min-width: 40px; text-align: right; }
.sx-opt .chev { color: var(--sx-ink3); transition: transform var(--sx-med) var(--sx-ease), color var(--sx-fast) var(--sx-ease); }
.sx-opt:hover .chev { transform: translateX(2px); color: var(--sx-ink); }
.sx-scratch { all: unset; cursor: pointer; font: 500 14px/1 var(--font, inherit); color: var(--brand-dark); padding: 8px 12px; border-radius: 8px; }
.sx-scratch:hover { background: var(--sx-wash); }

.sx-start { box-shadow: inset 0 0 0 1px var(--sx-line2); border-radius: 10px; padding: 12px 14px; grid-template-columns: 32px 1fr auto 16px; }
.sx-start:hover { box-shadow: inset 0 0 0 1px var(--sx-line3); }
.sx-start-ic { width: 32px; height: 32px; border-radius: 6px; display: grid; place-items: center; background: var(--sx-soft); color: var(--brand-dark); }
.sx-rg { display: grid; gap: 10px; }
.sx-rg-top { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.sx-rg-top h2 { margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.012em; color: var(--sx-ink); }
.sx-rg-top .k { font-size: 12.5px; color: var(--sx-ink3); font-variant-numeric: tabular-nums; }
.sx-rq { display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 12px; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--sx-line2); transition: box-shadow var(--sx-fast) var(--sx-ease); }
.sx-rq:hover { box-shadow: inset 0 0 0 1px var(--sx-line3); }
.sx-rq:focus-within { box-shadow: inset 0 0 0 1.5px var(--brand), 0 0 0 3px rgba(13,148,136,.14); }
.sx-rq > .i { color: var(--sx-ink3); }
.sx-rq input { all: unset; flex: 1; min-width: 0; font: 400 14px/1 var(--font, inherit); color: var(--sx-ink); }
.sx-rq input:focus-visible { outline: none; }
.sx-rq input::placeholder { color: var(--sx-ink3); }
.sx-rq input::-webkit-search-cancel-button { display: none; }
.sx-rlist { display: grid; gap: 2px; margin: 0 -12px; }
.sx-rgrp { display: grid; gap: 0; }
.sx-rgrp + .sx-rgrp { border-top: 1px solid var(--sx-line); padding-top: 2px; }
.sx-rgrp h3 { margin: 10px 12px 4px; font-size: 12px; font-weight: 500; color: var(--sx-ink3); letter-spacing: .01em; }
.sx-rgt { all: unset; box-sizing: border-box; cursor: pointer; display: grid; grid-template-columns: 32px 1fr auto 16px; gap: 12px; align-items: center; padding: 7px 12px; border-radius: 10px; }
.sx-rgt:hover { background: var(--sx-wash); }
.sx-rgt .n { display: block; font-size: 14px; font-weight: 600; color: var(--sx-ink); letter-spacing: -0.006em; }
.sx-rgt .r { display: block; font-size: 12.5px; line-height: 1.35; color: var(--sx-ink3); margin-top: 1px; }

@media (max-width: 768px) { .sx-rgt > span:nth-child(2) { min-width: 0; } .sx-rgt .r { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }
.sx-rgt .c { font-size: 12.5px; color: var(--sx-ink3); font-variant-numeric: tabular-nums; }
.sx-rgt .chev { color: var(--sx-ink3); transition: transform var(--sx-med) var(--sx-ease); }
.sx-rgt[aria-expanded="true"] .chev { transform: rotate(180deg); }
.sx-rgb { display: grid; gap: 0; padding-bottom: 6px; }
.sx-opt .x { display: block; font-size: 12px; color: var(--sx-ink3); margin-top: 3px; line-height: 1.35; }
.sx-opt.off { cursor: default; }
.sx-opt.off:hover { background: none; }
.sx-opt.off .n { color: var(--sx-ink2); }
.sx-opt.off .c { font-size: 12px; font-weight: 500; color: var(--sx-ink3); }
.sx-opt.kb, .sx-rgt.kb { background: var(--sx-press); }
.sx-opt.sx-ro { grid-template-columns: 32px 1fr auto 16px; }
.sx-ric { --rg: var(--sx-ink2); --rg-bg: var(--sx-soft); width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; background: var(--rg-bg); color: var(--rg); transition: transform var(--sx-med) var(--sx-ease); }
.sx .sx-ric .i { width: 18px; height: 18px; }
.sx-ric[data-g="housing"] { --rg: #0f766e; --rg-bg: #e3f4f1; }
.sx-ric[data-g="strategic"] { --rg: #16305c; --rg-bg: #e8edf6; }
.sx-ric[data-g="conversions"] { --rg: #92400e; --rg-bg: #fbefdc; }
.sx-ric[data-g="commercial"] { --rg: #1e40af; --rg-bg: #e7eefd; }
.sx-ric[data-g="living"] { --rg: #9f1239; --rg-bg: #fce7ec; }
.sx-ric[data-g="energy"] { --rg: #7a5300; --rg-bg: #fbf0cf; }
.sx-ric[data-g="telecoms"] { --rg: #155e75; --rg-bg: #e0f1f6; }
.sx-ric[data-g="nature"] { --rg: #1d4d33; --rg-bg: #e3efe6; }
.sx-ric[data-g="owners"] { --rg: #6b3f1d; --rg-bg: #f4ebe2; }
.sx-ric[data-g="history"] { --rg: #334155; --rg-bg: #eceff4; }
.sx-opt.off .sx-ric { --rg: var(--sx-ink3); --rg-bg: var(--sx-soft); }
.sx-opt.sx-ro:hover .sx-ric, .sx-rgt:hover .sx-ric { transform: scale(1.06); }
.sx-rg-sub { margin: -4px 0 0; font-size: 13px; line-height: 1.45; color: var(--sx-ink2); }
@media (prefers-reduced-motion: reduce) { .sx-ric { transition: none; } .sx-opt.sx-ro:hover .sx-ric, .sx-rgt:hover .sx-ric { transform: none; } }
.sx-opt.on .n { color: var(--brand-dark); }
.sx-opt .tick { color: var(--brand-dark); }
.sx-rnone { margin: 8px 12px; font-size: 14px; color: var(--sx-ink2); }
.sx-inpop { padding: 0; gap: 14px; }

.sx-find { position: relative; display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 14px; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--sx-line2); background: var(--card-bg); transition: box-shadow var(--sx-fast) var(--sx-ease); }
.sx-find:hover { box-shadow: inset 0 0 0 1px var(--sx-line3); }
.sx-find:focus-within { box-shadow: inset 0 0 0 1.5px var(--brand), 0 0 0 3px rgba(13,148,136,.14); }
.sx-find > .i { color: var(--sx-ink3); }
.sx-find input { all: unset; flex: 1; min-width: 0; font: 400 14px/1 var(--font, inherit); color: var(--sx-ink); }
.sx-find input:focus-visible { outline: none; }   
.sx-find input::placeholder { color: var(--sx-ink3); }
.sx-find input::-webkit-search-cancel-button { display: none; }
.sx-find { z-index: 20; }   
.sx-sugg { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 5; max-height: min(360px, calc(60vh / var(--bs-zoom, 1))); overflow-y: auto; background: var(--card-bg, #fff); border-radius: 12px; padding: 6px; box-shadow: 0 0 0 .5px rgba(15,20,25,.14), 0 12px 32px rgba(15,20,25,.16); animation: sx-pop-in 140ms var(--sx-ease); transform-origin: top center; }
.sx-sugg[hidden] { display: none; }
.sx-sg { all: unset; box-sizing: border-box; cursor: pointer; width: 100%; display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 9px 10px; border-radius: 8px; font-size: 14px; }
.sx-sg span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sx-sg small { font-size: 12px; color: var(--sx-ink3); }
.sx-sg .i { color: var(--sx-ink3); }
.sx-sg:hover, .sx-sg.on { background: var(--sx-wash); }
.sx-sugg-none { padding: 10px; font-size: 13.5px; color: var(--sx-ink2); }
.sx-sugg-h { padding: 8px 10px 4px; font-size: 12px; font-weight: 500; color: var(--sx-ink3); }
.sx-sg span { font-weight: 400; color: var(--sx-ink); }
.sx-sg span b { font-weight: 600; color: var(--sx-ink); }

.sx-rh { padding: 20px 24px 16px; display: grid; gap: 6px; border-bottom: 1px solid var(--sx-line); }
.sx-rh-top { display: flex; align-items: center; gap: 12px; }
.sx-rh h1 { margin: 0; font-size: 20px; font-weight: 600; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }

.sx-rh { grid-template-columns: minmax(0, 1fr); }
.sx-rh-top { min-width: 0; }
.sx-rh-top h1 { display: flex; flex-wrap: wrap; min-width: 0; flex: 0 1 auto; white-space: nowrap; line-height: 1.3; height: 1.3em; overflow: hidden; }
.sx-rh-n { flex: none; }
.sx-rhx { display: contents; }   

.sx-page :is(.sx-fb, .sx-fb-row, .sx-rhx) > .plota-swipe-r { background: var(--swipe-bg, #fff); box-shadow: inset 1px 0 0 var(--sx-line2); }
.sx-page :is(.sx-fb, .sx-fb-row, .sx-rhx) > .plota-swipe-l { background: var(--swipe-bg, #fff); box-shadow: inset -1px 0 0 var(--sx-line2); }
.sx-rh-in { flex: none; margin-left: .28em; }
@media (min-width: 769px) and (max-width: 1119px) { .sx-rh h1 { font-size: 18px; } .sx-rh-top { gap: 8px; } .sx-sortb .k { display: none; } }   
.sx-rh .avg { font-size: 13px; color: var(--sx-ink2); font-variant-numeric: tabular-nums; line-height: 1.45; }
.sx-rh-acts { display: flex; gap: 4px; margin: 4px 0 -4px -8px; }
.sx-q { all: unset; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 8px; border-radius: 8px; font: 500 12.5px/1 var(--font, inherit); color: var(--sx-ink2); transition: background-color var(--sx-fast) var(--sx-ease), color var(--sx-fast) var(--sx-ease); }
.sx-q:hover { background: var(--sx-wash); color: var(--sx-ink); }
.sx-q .i { width: 14px; height: 14px; }
.sx-sel { margin-left: auto; height: 32px; padding: 0 28px 0 10px; border-radius: 8px; border: 1px solid var(--sx-line2); font: 500 13px var(--font, inherit); color: var(--sx-ink); background-color: var(--card-bg); appearance: none; cursor: pointer; background-image: linear-gradient(45deg, transparent 50%, var(--sx-ink3) 50%), linear-gradient(135deg, var(--sx-ink3) 50%, transparent 50%); background-position: calc(100% - 15px) 14px, calc(100% - 10px) 14px; background-size: 5px 5px; background-repeat: no-repeat; transition: border-color var(--sx-fast) var(--sx-ease); }
.sx-sel:hover { border-color: var(--sx-line3); }
.sx-units { display: inline-flex; background: var(--sx-wash); border-radius: 8px; padding: 2px; }
.sx-units button { all: unset; cursor: pointer; padding: 5px 10px; border-radius: 6px; font: 500 12px/1 var(--font, inherit); color: var(--sx-ink2); }
.sx-units button[aria-pressed="true"] { background: var(--card-bg); color: var(--sx-ink); box-shadow: 0 1px 2px rgba(15,20,25,.12), 0 0 0 .5px rgba(15,20,25,.08); }
.sx-note { margin: 12px 24px 0; display: flex; gap: 8px; align-items: flex-start; font-size: 12.5px; line-height: 1.45; color: var(--sx-ink2); background: var(--sx-soft); border-radius: 8px; padding: 9px 11px; }
.sx-row { all: unset; box-sizing: border-box; width: 100%; cursor: pointer; display: grid; grid-template-columns: 120px minmax(0, 1fr) 28px; gap: 16px; align-items: center; padding: 12px 24px; border-bottom: 1px solid var(--sx-line); }
.sx-row:hover, .sx-row.is-hover { background: var(--sx-wash); }
.sx-row:active { background: var(--sx-press); }
.sx-row:focus-visible { outline-offset: -2px; }
.sx-th { width: 120px; height: 90px; border-radius: 10px; background: var(--sx-soft); box-shadow: inset 0 0 0 1px var(--sx-line); display: grid; place-items: center; overflow: hidden; position: relative; box-sizing: border-box; }
.sx-th svg { width: 112px; height: 72px; display: block; margin-top: -10px; }
.sx-th .shape { fill: rgba(13,148,136,.14); stroke: var(--brand-dark); stroke-width: 1.5; stroke-linejoin: round; fill-rule: evenodd; vector-effect: non-scaling-stroke; }
.sx-th .scale { position: absolute; left: 8px; bottom: 6px; white-space: nowrap; font: 500 10px/1 var(--font, inherit); color: var(--sx-ink3); display: flex; align-items: center; gap: 4px; font-variant-numeric: tabular-nums; }
.sx-th .scale i { display: block; height: 3px; border: 1px solid var(--sx-ink3); border-top: 0; }
.sx-row:hover .sx-th, .sx-row.is-hover .sx-th { box-shadow: inset 0 0 0 1.5px var(--sx-ink); }
.sx-tx { display: grid; align-content: center; gap: 2px; min-width: 0; }
.sx-ar { display: flex; align-items: baseline; gap: 6px; }
.sx-ar b { font-size: 17px; font-weight: 600; letter-spacing: -0.014em; font-variant-numeric: tabular-nums; }
.sx-ar small { font-size: 13px; color: var(--sx-ink3); font-variant-numeric: tabular-nums; }
.sx-pl { font-size: 13.5px; color: var(--sx-ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sx-tags { display: flex; gap: 6px; margin-top: 8px; flex-wrap: nowrap; min-width: 0; }
.sx-tag { height: 22px; display: inline-flex; align-items: center; gap: 4px; padding: 0 7px; border-radius: 6px; background: rgba(15,20,25,.05); color: var(--sx-ink2); font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.sx-tag .tt { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sx-tag:first-child { flex: none; max-width: 100%; }
.sx-tag.lead { color: var(--sx-ink); font-weight: 550; background: rgba(15,20,25,.07); }
.sx-tag .w { width: 12px; height: 12px; color: var(--sx-warn); stroke-width: 2.2; }
.sx-go { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; color: var(--sx-ink3); }
.sx-row:hover .sx-go, .sx-row.is-hover .sx-go { color: var(--sx-ink); transform: translateX(2px); }
.sx-more { all: unset; cursor: pointer; display: block; margin: 12px 16px 24px; padding: 10px 8px; border-radius: 8px; text-align: center; font: 500 14px/1 var(--font, inherit); color: var(--sx-ink); box-shadow: inset 0 0 0 1px var(--sx-line2); }
.sx-more:hover { background: var(--sx-wash); }
.sx-skel { padding: 12px 24px; display: grid; grid-template-columns: 120px 1fr; gap: 16px; border-bottom: 1px solid var(--sx-line); }
.sx-skel i { display: block; border-radius: 6px; background: linear-gradient(90deg, #f0f2f4 0, #f7f8fa 40%, #f0f2f4 80%); background-size: 300% 100%; animation: sx-shimmer 1.4s linear infinite; }
@keyframes sx-shimmer { from { background-position: 100% 0; } to { background-position: -50% 0; } }

.sx-zero { padding: 32px 24px; display: grid; gap: 12px; }
.sx-zero h2 { margin: 0; font-size: 20px; font-weight: 600; letter-spacing: -0.02em; text-wrap: balance; }
.sx-zero p { margin: 0 0 4px; color: var(--sx-ink2); font-size: 14px; line-height: 1.5; }
.sx-rms { display: grid; gap: 8px; margin-top: 4px; }
.sx-rm { all: unset; box-sizing: border-box; cursor: pointer; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 48px; padding: 0 16px; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--sx-line2); font-size: 14px; font-weight: 500; }
.sx-rm .l { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sx-link-btn { all: unset; cursor: pointer; color: var(--brand-dark); font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.sx-rm:hover { box-shadow: inset 0 0 0 1px var(--sx-line3); background: var(--sx-wash); }
.sx-rm .n { flex: none; font-weight: 500; color: var(--sx-ink2); font-variant-numeric: tabular-nums; }

.sx-subhd { padding: 16px 24px 6px; font-size: 12px; font-weight: 500; color: var(--sx-ink3); }
.sx-ss { display: grid; padding: 0 16px 8px; }
.sx-ssr { display: grid; grid-template-columns: minmax(0, 1fr) 32px; align-items: center; border-radius: 10px; transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-ssr:hover { background: var(--sx-wash); }
.sx-ss-go { display: grid; gap: 2px; padding: 10px 8px; text-decoration: none; color: var(--sx-ink); min-width: 0; }
.sx-ss-go .n { font-size: 14px; font-weight: 550; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sx-ss-go .c { font-size: 12.5px; color: var(--sx-ink2); font-variant-numeric: tabular-nums; }
.sx-ss-x { all: unset; cursor: pointer; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; color: var(--sx-ink3); }
.sx-ss-x:hover { background: var(--sx-press); color: var(--sx-ink); }
.sx-q .i[class] { flex: none; }

.sx-keys { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px 16px; margin: 0; font-size: 13.5px; align-items: center; }
.sx-keys dd { margin: 0; color: var(--sx-ink2); }
.sx-keys kbd { display: inline-block; min-width: 22px; padding: 2px 7px; border-radius: 6px; background: var(--sx-wash); box-shadow: inset 0 -1px 0 rgba(15,20,25,.14), inset 0 0 0 1px rgba(15,20,25,.08); font: 550 12px/1.4 var(--font, inherit); text-align: center; color: var(--sx-ink); }

.sx-about { display: grid; gap: 10px; font-size: 13.5px; line-height: 1.55; color: var(--sx-ink); }
.sx-about p { margin: 0; }
.sx-about .src { color: var(--sx-ink2); }
.sx-funnel { display: grid; gap: 6px; padding: 10px 0 4px; border-top: 1px solid var(--sx-line); border-bottom: 1px solid var(--sx-line); }
.sx-funnel .fr { display: grid; grid-template-columns: minmax(0, 1fr) 90px 64px; gap: 10px; align-items: center; font-size: 12.5px; }
.sx-funnel .l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--sx-ink2); }
.sx-funnel .bar { height: 6px; border-radius: 3px; background: rgba(15,20,25,.06); overflow: hidden; }
.sx-funnel .bar i { display: block; height: 100%; border-radius: 3px; background: var(--brand); transition: width 300ms var(--sx-ease); }
.sx-funnel .n { text-align: right; font-variant-numeric: tabular-nums; font-weight: 550; }
.sx-funnel .cut .l { color: var(--sx-ink); font-weight: 550; }

.sx-svtop { display: flex; align-items: center; gap: 10px; padding: 10px 16px 10px 12px; border-bottom: 1px solid var(--sx-line); font-size: 13.5px; position: sticky; top: 0; background: rgba(255,255,255,.97); -webkit-backdrop-filter: saturate(1.8) blur(20px); backdrop-filter: saturate(1.8) blur(20px); z-index: 2; }
.sx-back { all: unset; cursor: pointer; display: flex; align-items: center; gap: 4px; font-weight: 500; padding: 6px 10px 6px 6px; border-radius: 8px; }
.sx-back:hover { background: var(--sx-wash); }
.sx-svtop { white-space: nowrap; }
.sx-back span, .sx-pgn { font-variant-numeric: tabular-nums; white-space: nowrap; }
.sx-svx { margin-left: auto; display: flex; align-items: center; gap: 2px; }
.sx-svx .sx-hide { margin-left: 0; }
.sx-svx [hidden] { display: none; }
.sx-svxm { display: none; }
.sx-pg { margin-left: 4px; flex: none; display: flex; align-items: center; gap: 6px; color: var(--sx-ink3); font-variant-numeric: tabular-nums; font-size: 13px; }

.sx-svx { min-width: 0; overflow: hidden; }

.sx-svx > .sx-q { flex: 0 1 auto; min-width: 0; }
.sx-svx > .sx-q > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.sx-pgt { white-space: nowrap; }
@container sxcol (max-width: 559px) { .sx-svx .sx-hidew { display: none; } }
.sx-pgb { all: unset; cursor: pointer; width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; color: var(--sx-ink); box-sizing: border-box; }
.sx-pgb:hover:not(:disabled) { background: var(--sx-wash); }
.sx-pgb:disabled { opacity: .3; cursor: default; }
.sx-svh { padding: 20px 24px 16px; display: grid; gap: 4px; animation: sx-rise var(--sx-med) var(--sx-ease); }
.sx-svh h2 { margin: 0; font-size: 22px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.15; text-wrap: balance; }
.sx-svh .pl { font-size: 14px; color: var(--sx-ink2); }

.sx-hfig { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 12px; }
.sx-hfig > div { display: grid; gap: 2px; align-content: start; min-width: 0; padding-right: 16px; }
.sx-hfig > div + div { padding: 0 0 0 16px; border-left: 1px solid var(--sx-line); }
.sx-hfig b { font-size: 28px; font-weight: 600; letter-spacing: -0.03em; line-height: 1.1; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sx-hfig b small { margin-left: 2px; font-size: 15px; font-weight: 500; letter-spacing: 0; color: var(--sx-ink3); }
.sx-hfig > div > small { font-size: 12px; line-height: 1.35; color: var(--sx-ink3); font-variant-numeric: tabular-nums; }

.sx-why { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.sx-why .sx-tag { max-width: 100%; cursor: default; }

.sx-acts { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 8px; padding: 16px 24px 20px; }  
.sx-act span { white-space: nowrap; }
.sx-actmore { display: none; }
.sx-actmore .sx-act { width: 100%; }
.sx-acts.has-more .sx-actmore { display: block; }
.sx-acts.has-more .sx-xo, .sx-acts:not(.has-more) .sx-amenu .sx-xom { display: none; }
.sx-act { all: unset; box-sizing: border-box; cursor: pointer; height: 56px; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--sx-line2); display: grid; place-items: center; align-content: center; gap: 4px; font-size: 12px; font-weight: 500; color: var(--sx-ink); text-decoration: none; }
.sx-act:hover { box-shadow: inset 0 0 0 1px var(--sx-line3); background: var(--sx-wash); }
.sx-act .i { width: 18px; height: 18px; }
.sx-stats { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--sx-line); border-bottom: 1px solid var(--sx-line); }
.sx-stat { padding: 14px 14px 14px 24px; display: grid; gap: 3px; align-content: start; border-right: 1px solid var(--sx-line); border-bottom: 1px solid var(--sx-line); min-width: 0; }
.sx-stat:nth-child(3n) { border-right: 0; }
.sx-hw[data-how] { position: relative; cursor: help; }
.sx-hw[data-how] .sx-tl { text-decoration: underline dotted rgba(15,20,25,.3); text-underline-offset: 3px; }
.sx-hw[data-how]::after { content: attr(data-how); position: absolute; left: 12px; width: 260px; box-sizing: border-box; top: calc(100% - 6px); z-index: 4; padding: 9px 11px; border-radius: 10px; background: var(--sx-ink); color: #fff; font: 450 12.5px/1.45 var(--font, inherit); box-shadow: 0 8px 24px rgba(15,20,25,.22); opacity: 0; transform: translateY(-2px); pointer-events: none; transition: opacity 120ms var(--sx-ease) 0s, transform 120ms var(--sx-ease) 0s; }

.sx-hw[data-how].how::after { opacity: 1; transform: none; transition-delay: 350ms; }
.sx-stat.sx-hw:focus-visible { outline-offset: -2px; }
.sx-hfig .sx-hw::after { left: 0; }
.sx-stat.sx-hw:nth-child(3n)::after, .sx-hfig > .sx-hw + .sx-hw::after { left: auto; right: 0; }
.sx-stats .sx-stat:nth-last-child(-n+3) { border-bottom: 0; }
.sx-stat .sx-tl { font-size: 12px; font-weight: 500; color: var(--sx-ink2); overflow-wrap: break-word; }   
.sx-stat > small { display: block; font-size: 12px; font-weight: 400; line-height: 1.35; color: var(--sx-ink3); overflow-wrap: break-word; }
.sx-stat b { font-size: 17px; font-weight: 600; letter-spacing: -0.012em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }

.sx-densw { position: relative; display: inline-block; max-width: 100%; vertical-align: top; color: var(--sx-ink3); font-weight: 500; border-radius: 4px; }
.sx-densv { overflow-wrap: break-word; }
.sx-densl { white-space: nowrap; }
.sx .i.sx-densc { display: inline-block; width: 12px; height: 12px; margin-left: 2px; vertical-align: -2px; stroke-width: 2.25; }
.sx-densw > .sx-dens { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; opacity: 0; cursor: pointer; font-size: 16px; appearance: auto; }
.sx-densw:hover { color: var(--sx-ink); }
.sx-densw:has(.sx-dens:focus-visible) { outline: 2px solid var(--brand); outline-offset: 2px; }
dd > .sx-densw { margin-left: 6px; }

.sx-sec { padding: 20px 24px; border-bottom: 1px solid var(--sx-line); display: grid; gap: 10px; }
.sx-sec h3 { margin: 0; font-size: 15px; font-weight: 600; letter-spacing: -0.01em; }
.sx-verdict { font-size: 14px; line-height: 1.5; }
.sx-also { margin: 6px 0 0; font-size: 13px; line-height: 1.5; color: var(--sx-ink2); }
.sx-also b { color: var(--sx-ink); font-weight: 600; }
.sx-ok { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.5; }
.sx-ok .dot { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; flex: none; margin-top: 1px; background: #e7f6ee; color: #065f46; }
.sx-ok .dot.bad { background: #fdecec; color: #991b1b; }
.sx-ok .dot .i { width: 12px; height: 12px; stroke-width: 2.8; }
.sx-subh { font-size: 12px; font-weight: 500; color: var(--sx-ink3); margin-top: 4px; }

.sx-hfig .sx-rate b { font-size: 24px; white-space: normal; }
.sx-hfig .sx-rate[data-band="consented"] b, .sx-hfig .sx-rate[data-band="maybe"] b, .sx-hfig .sx-rate[data-band="pending"] b, .sx-hfig .sx-rate[data-band="built"] b, .sx-hfig .sx-rate[data-band="road"] b, .sx-hfig .sx-rate[data-band="strip"] b, .sx-hfig .sx-rate[data-band="shape"] b { font-size: 19px; line-height: 1.2; color: var(--sx-warn); }
.sx-conf { font-size: 12px; color: var(--sx-ink3); }
.sx-conf[data-conf="low"] { color: var(--sx-warn); }
.sx-rline { margin-top: 10px; display: grid; gap: 4px; }
.sx-rline p { margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--sx-ink3); }
.sx-rline .sx-rwhy { font-size: 13.5px; color: var(--sx-ink); }
.sx-rline .sx-rwhy b { font-weight: 600; color: var(--sx-warn); }
.sx-hm-b { display: block; }

.sx-plg { display: grid; gap: 14px; margin-top: 10px; }
.sx-plgh { display: grid; gap: 1px; margin-bottom: 2px; }
.sx-plgh .l { font-size: 13px; font-weight: 600; color: var(--sx-ink); }
.sx-plgh .l small { margin-left: 6px; font-size: 12px; font-weight: 500; color: var(--sx-ink3); font-variant-numeric: tabular-nums; }
.sx-plgh .n { font-size: 12px; line-height: 1.35; color: var(--sx-ink3); }
.sx-plg-none, .sx-plg-foot { margin: 2px 0 0; font-size: 13px; line-height: 1.45; color: var(--sx-ink2); }
.sx-plg-foot { font-size: 12px; color: var(--sx-ink3); }
.sx-app .sx-pln { grid-column: 1 / -1; font-size: 12px; line-height: 1.35; color: var(--sx-ink3); }
.sx-cl { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 10px 0; border-top: 1px solid var(--sx-line); font-size: 13.5px; }
.sx-cl small { grid-column: 1; color: var(--sx-ink3); font-size: 12px; }
.sx-cl b { font-weight: 550; font-variant-numeric: tabular-nums; text-align: right; }

.sx-sec h3 .sx-hn { margin-left: 4px; font-weight: 500; color: var(--sx-ink3); font-variant-numeric: tabular-nums; }
.sx-cline { margin: 0; font-size: 14px; line-height: 1.5; color: var(--sx-ink); }
.sx-cex { margin: 0 0 2px; font-size: 13px; line-height: 1.45; color: var(--sx-ink2); font-variant-numeric: tabular-nums; }
.sx-cl.ex > span:first-child { display: inline-flex; align-items: baseline; gap: 6px; min-width: 0; }
.sx-clw { display: inline-flex; flex: none; align-self: center; }
.sx-clw .i { width: 14px; height: 14px; color: var(--sx-warn); }
.sx-mini { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.sx-mini.two { grid-template-columns: repeat(2, 1fr); }

.sx-mini { gap: 10px 0; }
.sx-mini div { display: grid; gap: 2px; align-content: start; padding: 2px 12px; border-left: 1px solid var(--sx-line); }
.sx-mini div:nth-child(3n+1), .sx-mini.two div:nth-child(2n+1) { padding-left: 0; border-left: 0; }
.sx-mini.two div:nth-child(3n+1):not(:nth-child(2n+1)) { padding-left: 12px; border-left: 1px solid var(--sx-line); }
.sx-mini b { font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
.sx-mini span { font-size: 12px; color: var(--sx-ink2); line-height: 1.35; text-wrap: balance; }

.sx-kv { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 10px 12px; margin: 0; font-size: 13.5px; line-height: 1.4; }
.sx-kv dt { color: var(--sx-ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sx-kv dd { margin: 0; min-width: 0; font-weight: 550; font-variant-numeric: tabular-nums; overflow-wrap: break-word; }

.sx-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 12px; }
.sx-tiles.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sx-tile { display: grid; gap: 2px; align-content: start; min-width: 0; }
.sx-tv { font-size: 17px; font-weight: 600; letter-spacing: -0.012em; line-height: 22px; color: var(--sx-ink); font-variant-numeric: tabular-nums; overflow-wrap: break-word; }
.sx-tl { font-size: 12px; font-weight: 500; line-height: 1.35; color: var(--sx-ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sx-tn { display: block; font-size: 12px; font-weight: 400; line-height: 1.4; color: var(--sx-ink3); font-variant-numeric: tabular-nums; text-wrap: pretty; }
.sx-tn::first-letter { text-transform: uppercase; }
.sx-tn .sx-link-btn { color: var(--sx-ink2); font-weight: 500; text-decoration-color: var(--sx-line3); }
.sx-tn .sx-link-btn:hover { color: var(--sx-ink); text-decoration-color: currentColor; }
.sx-tile.is-quiet .sx-tv { font-size: 15px; font-weight: 500; letter-spacing: 0; color: var(--sx-ink3); }
.sx-tv .i.w { width: 14px; height: 14px; margin-right: 4px; vertical-align: -1px; color: var(--sx-warn); stroke-width: 2; }

.sx-tile-btn, .sx-tiles .sx-pl-tile { all: unset; box-sizing: border-box; cursor: pointer; display: grid; gap: 2px; align-content: start; min-width: 0; padding: 6px 8px; margin: -6px -8px; border: 0; border-radius: 10px; text-align: left; transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-tile-btn:hover, .sx-tiles .sx-pl-tile:hover { background: var(--sx-wash); }
.sx-tile-btn:active, .sx-tiles .sx-pl-tile:active { background: var(--sx-press); }
.sx-tile-btn:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.sx-tile-btn .sx-tv, .sx-tiles .sx-pl-tile .sx-tv { text-decoration: underline; text-decoration-color: var(--sx-line3); text-underline-offset: 3px; }
.sx-tiles .sx-pl-tile span { text-decoration: none; }
.sx-tile-btn[aria-pressed="true"], .sx-tile-btn[aria-expanded="true"] { background: var(--sx-press); }
.sx-tile-btn[aria-busy="true"] { opacity: .6; cursor: progress; }

.sx-sec > .sx-asof { margin: -4px 0 0; font-size: 12px; line-height: 1.4; color: var(--sx-ink3); }

.sx-sec > .sx-cl + .sx-cl { margin-top: -10px; }
.sx-src { margin: 0; font-size: 12px; line-height: 1.4; color: var(--sx-ink3); }
.sx-link { font-size: 13.5px; font-weight: 500; color: var(--brand-dark); text-decoration: underline; text-decoration-color: rgba(15,118,110,.3); text-underline-offset: 3px; }
.sx-link:hover { text-decoration-color: currentColor; }

div.sx-pending { display: flex; gap: 8px; font-size: 13px; color: var(--sx-ink3); line-height: 1.45; }

.sx-apl-list { display: grid; }
.sx-app { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 12px; padding: 10px 10px; margin: 0 -10px; border-radius: 10px; border-top: 1px solid var(--sx-line); color: inherit; text-decoration: none; font-size: 13.5px; transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-apl-list .sx-app:first-child { border-top-color: transparent; }
.sx-app:hover { background: var(--sx-wash); border-top-color: transparent; }
.sx-app:hover + .sx-app { border-top-color: transparent; }
.sx-app:active { background: var(--sx-press); }
.sx-app:focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; }
.sx-app .r { font-weight: 500; font-variant-numeric: tabular-nums; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sx-app .w { color: var(--sx-ink3); font-size: 12.5px; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.sx-app .t { grid-column: 1; color: var(--sx-ink2); font-size: 13px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sx-app .s { grid-column: 2; align-self: start; color: var(--sx-ink2); font-size: 12.5px; font-weight: 500; text-align: right; white-space: nowrap; }
.sx-showall { all: unset; box-sizing: border-box; cursor: pointer; justify-self: start; display: inline-flex; align-items: center; gap: 4px; height: 36px; margin-top: 6px; padding: 0 12px 0 14px; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--sx-line2); font: 500 13px/1 var(--font, inherit); color: var(--sx-ink); font-variant-numeric: tabular-nums;
  transition: background-color var(--sx-fast) var(--sx-ease), box-shadow var(--sx-fast) var(--sx-ease), transform var(--sx-fast) var(--sx-ease); }
.sx-showall:hover { background: var(--sx-wash); box-shadow: inset 0 0 0 1px var(--sx-line3); }
.sx-showall:active { transform: scale(.97); }
.sx-showall:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.sx-showall .i { width: 14px; height: 14px; color: var(--sx-ink3); }
.sx-mdl.sx-apls { width: min(640px, calc(calc(100vw / var(--bs-zoom, 1)) - 32px)); height: auto; max-height: calc(100vh / var(--bs-zoom, 1) - 48px); }
@media (max-width: 768px) { .sx-mdl.sx-apls { width: calc(100vw / var(--bs-zoom, 1)); height: calc(100dvh / var(--bs-zoom, 1)); max-height: none; } }
.sx-apls .sx-mb { padding: 8px 24px; overflow: auto; }
.sx-kv dd .sx-link-btn { font-weight: 500; }
.sx-own-n { display: block; margin-top: 2px; font-size: 12px; font-weight: 400; color: var(--sx-ink3); }
@keyframes sx-rise { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

.sx-glass { background: rgba(255,255,255,.86); -webkit-backdrop-filter: saturate(1.8) blur(16px); backdrop-filter: saturate(1.8) blur(16px); box-shadow: 0 0 0 .5px rgba(15,20,25,.12), 0 2px 8px rgba(15,20,25,.12); }
.sx-mtools { position: absolute; top: var(--sx-mi, 12px); left: 50%; transform: translateX(-50%); z-index: 2; }
.sx-follow { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 14px 0 10px; border-radius: 999px; font: 500 13px/1 var(--font, inherit); color: var(--sx-ink); cursor: pointer; white-space: nowrap; user-select: none; }
.sx-follow[hidden] { display: none; }
.sx-follow input { appearance: none; -webkit-appearance: none; margin: 0; width: 16px; height: 16px; border-radius: 5px; box-shadow: inset 0 0 0 1.5px var(--sx-line3); background: #fff; display: grid; place-items: center; cursor: pointer; transition: background-color var(--sx-fast) var(--sx-ease), box-shadow var(--sx-fast) var(--sx-ease); }
.sx-follow input:checked { background: var(--sx-ink); box-shadow: none; }
.sx-follow input:checked::after { content: ""; width: 8px; height: 4px; border: 2px solid #fff; border-top: 0; border-right: 0; transform: translateY(-1px) rotate(-45deg); }
.sx-follow:hover input:not(:checked) { box-shadow: inset 0 0 0 1.5px var(--sx-ink2); }
.sx-follow input:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.sx-mbtn { all: unset; box-sizing: border-box; cursor: pointer; height: var(--sx-mh, 38px); display: inline-flex; align-items: center; gap: 7px; padding: 0 16px; border-radius: 999px; background: var(--sx-ink); color: #fff; box-shadow: 0 4px 14px rgba(15,20,25,.22); font: 500 13px/1 var(--font, inherit); animation: sx-drop var(--sx-med) var(--sx-ease); }
.sx-mbtn:hover { background: #262d33; }
.sx-mbtn[hidden] { display: none; }

.sx-mtools { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.sx-follow { position: relative; height: 36px; display: inline-flex; align-items: center; gap: 8px; padding: 0 14px 0 10px; border-radius: 999px; font: 500 13px/1 var(--font, inherit); color: var(--sx-ink); cursor: pointer; user-select: none; }
.sx-follow input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.sx-follow .sw { width: 28px; height: 16px; border-radius: 999px; background: var(--sx-line3); position: relative; transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-follow .sw::after { content: ""; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(15,20,25,.25); transition: transform var(--sx-med) var(--sx-ease); }
.sx-follow input:checked + .sw { background: var(--filter-accent, #16305c); }   
.sx-follow input:checked + .sw::after { transform: translateX(12px); }
.sx-follow input:focus-visible + .sw { outline: 2px solid var(--brand); outline-offset: 2px; }
.sx-dhint { box-sizing: border-box; height: var(--sx-mh, 38px); display: inline-flex; align-items: center; gap: 10px; padding: 0 6px 0 14px; border-radius: 999px; font: 500 13px/1 var(--font, inherit); color: var(--sx-ink); }
.sx-dhint[hidden] { display: none; }
.sx-mctl.sx-dhint { padding: 0 6px 0 14px; cursor: default; font-weight: 500; }
.sx-dhint button { all: unset; cursor: pointer; height: 28px; padding: 0 12px; border-radius: 999px; background: var(--sx-wash); font-weight: 500; }
.sx-dhint button:hover { background: var(--sx-line2); }
.sx-achip { flex: none; display: inline-flex; align-items: center; }
.sx-achip .sx-fbtn.area { border-radius: 999px 0 0 999px; padding-right: 8px; max-width: 300px; }
.sx-ax { all: unset; box-sizing: border-box; cursor: pointer; height: 34px; width: 32px; display: inline-grid; place-items: center; border-radius: 0 999px 999px 0; background: var(--sx-ink); color: rgba(255,255,255,.75); box-shadow: inset 1px 0 0 rgba(255,255,255,.18); transition: background-color var(--sx-fast) var(--sx-ease), color var(--sx-fast) var(--sx-ease); }
.sx-ax:hover { background: #262d33; color: #fff; }
.sx-ax .i { width: 14px; height: 14px; }
.sx-asec { display: grid; gap: 8px; padding-top: 14px; border-top: 1px solid var(--sx-line); }
.sx-asec h5 { margin: 0; font-size: 13px; font-weight: 600; color: var(--sx-ink2); }
.sx-rad { display: flex; align-items: center; gap: 8px; }
.sx-rad .sx-in { width: 140px; }
.sx-rnote { font-size: 12px; color: var(--sx-ink3, var(--text-muted)); }
.sx-rsrc { margin: 0; font-size: 12px; line-height: 1.45; color: var(--sx-ink3, var(--text-muted)); }
.sx-rmode { justify-self: start; }
.sx-up, .sx-chip.sx-up { position: relative; }   
.sx-up input { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; }
.sx-up:focus-within { outline: 2px solid var(--brand); outline-offset: 2px; }
.sx-amsg { margin: 0; font-size: 13px; color: var(--sx-warn); }
.sx-amsg[hidden] { display: none; }

.sx-vpill, .sx-mapw .sx-expand, .sx-car, .sx-rhmore { display: none; }
@keyframes sx-drop { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

.sx-mapw { --sx-mi: var(--map-inset, 12px); --sx-mc: var(--map-inset, 12px); --sx-mh: 38px; --sx-mg: var(--map-gap, 8px); container: sx-map / inline-size; }

@container sx-map (max-width: 800px) {
  .sx-mtools { top: calc(var(--sx-mi) + var(--sx-mh) + var(--sx-mg)); left: var(--sx-mi); transform: none; }
  .sx-mapw:has(#sx-asm:not([hidden])) .sx-mtools { display: none; }
}   
.sx-mc { position: absolute; z-index: 3; display: flex; align-items: center; gap: var(--sx-mg); }
.sx-mc-tl { top: var(--sx-mi); left: var(--sx-mi); }
.sx-mctl { all: unset; box-sizing: border-box; cursor: pointer; height: var(--sx-mh); display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 14px 0 12px; border-radius: 999px;
  background: #fff; border: 1px solid var(--border-hover, #cfd9de); box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06)); font: 600 13.5px/1 var(--font, inherit); color: var(--text, #0f1419); white-space: nowrap;
  transition: var(--map-ctl-motion); }
.sx-mctl:hover { border-color: var(--text-muted, #64748b); }
.sx-mctl.round { width: var(--sx-mh); padding: 0; }
.sx-mctl .i { width: 16px; height: 16px; stroke-width: 2; }
.sx-mctl:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.sx-mctl:not(.sx-dhint):active { transform: scale(.97); }
.sx-mctl[hidden] { display: none; }

.sx-mctl[aria-pressed="true"]:not(#sx-locate) { background: var(--filter-accent, #16305c); border-color: var(--filter-accent, #16305c); color: #fff; }
#sx-locate[aria-pressed="true"] { color: #0a84ff; }
#sx-locate[aria-pressed="true"] .i { fill: currentColor; }
.sx-mctl.busy .i { animation: sx-pulse 1s var(--sx-ease) infinite alternate; }
@keyframes sx-pulse { to { opacity: .35; } }
.sx-legend button:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }

.sx-mapw.sx-nores #sx-asm-btn:not([aria-pressed="true"]), .sx-mapw.sx-nores #sx-follow { display: none; }

.sx-mtools:has(#sx-dhint:not([hidden])) #sx-follow { display: none; }
.sx-mtools:has(#sx-dhint:not([hidden])) { top: calc(var(--sx-mi) + var(--sx-mh) + var(--sx-mg)); }

.sx-page .sx-mapw .maplibregl-ctrl-bottom-left .maplibregl-ctrl { margin: 0 0 var(--sx-mc) var(--sx-mc); }
.sx-page .sx-mapw .maplibregl-ctrl-bottom-right .maplibregl-ctrl { margin: 0 var(--sx-mc) var(--sx-mc) 0; }
.sx-page .sx-mapw .maplibregl-ctrl-bottom-right .maplibregl-ctrl-attrib { margin: 0; }

.sx-mapw .sx-mlegend { right: var(--sx-mc); bottom: calc(var(--sx-mc) + var(--map-zoom-h, 75px) + var(--sx-mg)); border-radius: 10px; background: #fff; border: 1px solid var(--border-hover, #cfd9de); box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06)); -webkit-backdrop-filter: none; backdrop-filter: none; }
.sx-mapw .sx-mlegend.top { left: auto; right: var(--sx-mi); bottom: auto; top: calc(var(--sx-mi) + 2 * (var(--sx-mh) + var(--sx-mg))); }
.sx-me { width: 14px; height: 14px; border-radius: 50%; background: #0a84ff; box-shadow: 0 0 0 3px #fff, 0 0 0 9px rgba(10,132,255,.18); }

.sx-legend { position: absolute; right: var(--sx-mi); top: var(--sx-mi); z-index: 3; border-radius: 10px; padding: 4px; width: 240px; box-sizing: border-box; background: #fff; border: 1px solid var(--border-hover, #cfd9de); box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06)); font: 500 12.5px/1 var(--font, inherit); font-variant-numeric: tabular-nums; color: var(--sx-ink); }
.sx-legend:not(.multi) { width: auto; }

.sx-legend.multi { width: max-content; min-width: 240px; max-width: calc(100% - 2 * var(--sx-mi)); }
.sx-legend:has(> i) { width: auto; height: var(--sx-mh); display: flex; align-items: center; gap: 8px; padding: 0 12px; }
.sx-legend > i { width: 12px; height: 12px; border-radius: 3px; background: rgba(13,148,136,.25); box-shadow: inset 0 0 0 1.5px var(--brand-dark); }
.sx-legend[hidden] { display: none; }

.sx-legend.sx-lg-away:has(> .sx-lg-h) { display: none; }
.sx-lg-h { display: flex; align-items: center; justify-content: space-between; gap: 10px; height: calc(var(--sx-mh) - 10px); padding-right: 8px; }
.sx-lg-by { all: unset; cursor: pointer; white-space: nowrap; flex: none; display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 8px; border-radius: 8px; font-weight: 500; transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-lg-by:hover, .sx-lg-by[aria-expanded="true"] { background: var(--sx-wash); }
.sx-lg-by .i { width: 13px; height: 13px; color: var(--sx-ink3); }
.sx-lg-n { color: var(--sx-ink2); white-space: nowrap; }
.sx-lg-menu { display: grid; padding: 4px 0; border-top: 1px solid var(--sx-line); border-bottom: 1px solid var(--sx-line); margin: 4px 0; }
.sx-lg-menu button { all: unset; cursor: pointer; height: 28px; padding: 0 8px 0 26px; border-radius: 8px; position: relative; }
.sx-lg-menu button:hover { background: var(--sx-wash); }
.sx-lg-menu button[aria-checked="true"]::before { content: ""; position: absolute; left: 10px; top: 11px; width: 6px; height: 6px; border-radius: 50%; background: var(--sx-ink); }
.sx-lg-rows { display: grid; margin-top: 2px; }
.sx-lg-row { position: relative; display: flex; align-items: center; }
.sx-lg-t { all: unset; cursor: pointer; flex: 1; min-width: 0; height: 28px; display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 0 8px; border-radius: 8px; transition: background-color var(--sx-fast) var(--sx-ease), opacity var(--sx-fast) var(--sx-ease); }
.sx-lg-t:hover { background: var(--sx-wash); }
.sx-lg-t i { width: 12px; height: 12px; border-radius: 3px; background: var(--c); }
.sx-lg-t span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sx-lg-t b { font-weight: 500; color: var(--sx-ink2); }
.sx-lg-row.off .sx-lg-t { opacity: .42; }
.sx-lg-row.off .sx-lg-t i { background: transparent; box-shadow: inset 0 0 0 1.5px var(--c); }
.sx-lg-row.zero .sx-lg-t b { color: var(--sx-ink3); }
.sx-lg-only { all: unset; cursor: pointer; position: absolute; right: 4px; height: 22px; padding: 0 8px; border-radius: 6px; background: #fff; box-shadow: 0 0 0 .5px var(--sx-line2), 0 1px 3px rgba(15,20,25,.1); font: 500 12px/22px var(--font, inherit); color: var(--sx-ink); opacity: 0; pointer-events: none; transition: opacity var(--sx-fast) var(--sx-ease); }
.sx-lg-row:hover .sx-lg-only, .sx-lg-only:focus-visible { opacity: 1; pointer-events: auto; }
.sx-lg-row:hover .sx-lg-t b { visibility: hidden; }
@media (hover: none) { .sx-lg-only { display: none; } }
.sx-lg-f { display: flex; align-items: center; justify-content: space-between; height: 28px; padding: 0 0 0 8px; margin-top: 2px; border-top: 1px solid var(--sx-line); color: var(--sx-ink2); }
.sx-lg-f button { all: unset; cursor: pointer; height: 24px; padding: 0 8px; border-radius: 6px; font-weight: 500; color: var(--sx-ink); }
.sx-lg-f button:hover { background: var(--sx-wash); }

.sx-page .plota-layers-panel:not(.is-drawer) { border: 0; border-radius: 14px; padding: 8px; box-shadow: 0 0 0 .5px rgba(15,20,25,.14), 0 16px 48px rgba(15,20,25,.18), 0 2px 6px rgba(15,20,25,.06); width: 560px; }
.sx-page .plota-layers-panel:not(.is-drawer) .plota-layers-grid { gap: 2px 4px; }
.sx-page .plota-layers-panel:not(.is-drawer) .plota-layers-find input { height: 34px; border: 1px solid var(--sx-line2); border-radius: 10px; font: 450 13px/1 var(--font, inherit); }

.sx-page .plota-layers-panel:not(.is-drawer) .plota-layers-on { height: 34px; }
.sx-page .plota-layers-panel:not(.is-drawer) .plota-layers-find input:focus { border-color: var(--sx-line3); box-shadow: 0 0 0 3px rgba(15,20,25,.06); }
.sx-page .plota-layers-panel:not(.is-drawer) .plota-layer-chip, .sx-page .maplibregl-ctrl .plota-layers-panel:not(.is-drawer) .plota-layer-chip:not(:disabled):hover { min-height: 34px; border: 0; border-radius: 8px; background: transparent; font: 500 13px/16px var(--font, inherit); color: var(--sx-ink); }
.sx-page .maplibregl-ctrl .plota-layers-panel:not(.is-drawer) .plota-layer-chip:not(:disabled):hover, .sx-page .plota-layers-panel:not(.is-drawer) .plota-layer-chip:hover { background-color: var(--sx-wash); }
.sx-page .plota-layers-panel:not(.is-drawer) .plota-layer-chip .plota-layer-ico { color: var(--sx-ink3); }
.sx-page .plota-layers-panel:not(.is-drawer) .plota-layer-chip.is-on { color: var(--sx-ink); font-weight: 500; }
.sx-page .plota-layers-panel:not(.is-drawer) .plota-layer-chip.is-on .plota-layer-ico { color: var(--c, var(--sx-ink)); }
.sx-page .plota-layers-panel:not(.is-drawer) .plota-layer-group { margin: 6px 0 0; padding: 8px 8px 4px; border-top: 1px solid var(--sx-line); font: 500 12px/1.4 var(--font, inherit); letter-spacing: 0; text-transform: none; color: var(--sx-ink3); }
.sx-page .plota-layers-panel:not(.is-drawer) .plota-layer-group.is-static { border-top: 0; margin-top: 2px; }
.sx-page .plota-layers-panel:not(.is-drawer) .plota-layer-more, .sx-page .maplibregl-ctrl .plota-layers-panel:not(.is-drawer) .plota-layer-more { font: 500 13px/1 var(--font, inherit); color: var(--sx-ink2); border-radius: 8px; }
.sx-page .maplibregl-ctrl .plota-layers-panel:not(.is-drawer) .plota-layer-more:not(:disabled):hover { background-color: var(--sx-wash); color: var(--sx-ink); }
.sx-page .plota-layers-panel:not(.is-drawer) .plota-layers-clear { font: 500 13px/1 var(--font, inherit); color: var(--sx-ink2); border-radius: 8px; }
.sx-page .plota-layers-panel:not(.is-drawer) .plota-layers-clear:hover { text-decoration: none; background: var(--sx-wash); color: var(--sx-ink); }
.sx-page .plota-layers-panel:not(.is-drawer) .plota-layer-chip:focus-visible, .sx-page .plota-layers-panel:not(.is-drawer) .plota-layer-more:focus-visible, .sx-page .plota-layers-panel:not(.is-drawer) .plota-layers-clear:focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; }

.sx-page .plota-layers-panel:not(.is-drawer) .plota-layers-note, .sx-page .plota-layers-panel:not(.is-drawer) .plota-layer-group:not(:hover), .sx-page .plota-layers-panel:not(.is-drawer) .plota-layer-group.is-static { color: var(--sx-ink3); }
.sx-tip { position: absolute; z-index: 3; box-sizing: border-box; max-width: calc(100% - 16px); flex-wrap: wrap; transform: translate(calc(var(--tx, 0px) - 50%), calc(-100% - 12px)); background: var(--sx-ink); color: #fff; border-radius: 10px; padding: 8px 11px; font: 550 13px/1.2 var(--font, inherit); white-space: nowrap; pointer-events: none; display: flex; gap: 10px; align-items: center; box-shadow: 0 6px 18px rgba(15,20,25,.25); font-variant-numeric: tabular-nums; }
.sx-tip[hidden] { display: none; }
.sx-tip small { color: rgba(255,255,255,.66); font-weight: 450; }
.sx-tip .kbd { font-size: 11.5px; padding-left: 10px; border-left: 1px solid rgba(255,255,255,.2); }
@media (hover: none) { .sx-tip .kbd { display: none; } }
.sx-tip:after { content: ""; position: absolute; left: calc(50% + var(--ax, 0px)); bottom: -6px; margin-left: -6px; border: 6px solid transparent; border-bottom: 0; border-top-color: var(--sx-ink); }
.sx .maplibregl-ctrl-attrib { font: 400 10.5px/1.4 var(--font, inherit); background: rgba(255,255,255,.7); }

.sx-pop { position: fixed; z-index: 1250; width: 420px; max-width: calc(calc(100vw / var(--bs-zoom, 1)) - 24px); background: #fff; border-radius: 14px; box-shadow: 0 0 0 .5px rgba(15,20,25,.14), 0 16px 48px rgba(15,20,25,.18), 0 2px 6px rgba(15,20,25,.06); padding: 20px 20px 16px; display: grid; gap: 14px; max-height: calc(70vh / var(--bs-zoom, 1)); overflow-y: auto; transform-origin: var(--sx-origin, top left); animation: sx-pop-in 160ms var(--sx-ease); }
.sx-pop[hidden] { display: none; }
.sx-pop:focus { outline: none; }

@media (min-width: 769px) { .sx-ri .sx-pick { left: 32px; top: calc(50% - 37px); } .sx-ri .sx-rsave { top: calc(50% - 37px); } }
@keyframes sx-pop-in { from { opacity: 0; transform: scale(.96) translateY(-4px); } to { opacity: 1; transform: none; } }
.sx-pop h4 { margin: 0; font-size: 15px; font-weight: 600; letter-spacing: -0.01em; }
.sx-pf { display: flex; align-items: center; justify-content: space-between; position: sticky; bottom: -16px; z-index: 1; margin: 0 -20px -16px; padding: 14px 20px 16px; border-top: 1px solid var(--sx-line); background: #fff; }
.sx-pf .clr { all: unset; cursor: pointer; font-weight: 500; font-size: 14px; color: var(--sx-ink2); padding: 8px 10px; margin-left: -10px; border-radius: 8px; transition: background-color var(--sx-fast) var(--sx-ease), color var(--sx-fast) var(--sx-ease); }
.sx-pf .clr:hover { background: var(--sx-wash); color: var(--sx-ink); }
.sx-pf .go { all: unset; cursor: pointer; height: 40px; padding: 0 18px; border-radius: 10px; background: var(--sx-ink); color: #fff; font: 500 14px/40px var(--font, inherit); font-variant-numeric: tabular-nums; }
.sx-pf .go:hover { background: #262d33; }
.sx-hist { height: 56px; display: flex; align-items: flex-end; gap: 2px; }
.sx-hist i { flex: 1; background: rgba(15,20,25,.14); border-radius: 2px 2px 0 0; min-height: 2px; transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-hist i.in { background: var(--brand); }

.sx-hwrap { position: relative; padding-bottom: 14px; }
.sx-hwrap .sx-hist { margin: 0 12px; }   
.sx-hwrap + .sx-hax { margin-top: 10px; padding: 0 2px; }
.sx-hdr { position: absolute; left: 0; right: 0; bottom: 0; height: 28px; transform: translateY(50%); }
.sx-hdr::before { content: ""; position: absolute; left: 12px; right: 12px; top: 50%; height: 2px; margin-top: -1px; background: var(--sx-line2); border-radius: 1px; }
.sx-hdr input { -webkit-appearance: none; appearance: none; position: absolute; inset: 0; width: 100%; height: 28px; margin: 0; background: none; pointer-events: none; }
.sx-hdr input::-webkit-slider-runnable-track { background: none; border: 0; }
.sx-hdr input::-moz-range-track { background: none; border: 0; }
.sx-hdr input::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: auto; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 1px var(--sx-line3), 0 1px 3px rgba(15,20,25,.16); cursor: grab; transition: transform var(--sx-med) var(--sx-ease), box-shadow var(--sx-fast) var(--sx-ease); }
.sx-hdr input::-moz-range-thumb { pointer-events: auto; width: 24px; height: 24px; border: 0; border-radius: 50%; background: #fff; box-shadow: 0 0 0 1px var(--sx-line3), 0 1px 3px rgba(15,20,25,.16); cursor: grab; }
.sx-hdr input:active::-webkit-slider-thumb { transform: scale(1.08); cursor: grabbing; }
.sx-hdr input:focus-visible { outline: none; }
.sx-hdr input:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--brand); }
.sx-hdr input:focus-visible::-moz-range-thumb { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--brand); }
.sx-hax { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--sx-ink3); margin-top: -8px; font-variant-numeric: tabular-nums; }
.sx-mm { display: grid; grid-template-columns: 1fr 20px 1fr auto; gap: 8px; align-items: center; }
.sx-mm > span.to { text-align: center; color: var(--sx-ink3); }
.sx-in { box-shadow: inset 0 0 0 1px var(--sx-line2); border-radius: 10px; padding: 7px 12px; display: grid; gap: 1px; transition: box-shadow var(--sx-fast) var(--sx-ease); }
.sx-in:hover { box-shadow: inset 0 0 0 1px var(--sx-line3); }
.sx-in span { font-size: 11.5px; color: var(--sx-ink3); }
.sx-in input { all: unset; font: 550 15px var(--font, inherit); width: 100%; font-variant-numeric: tabular-nums; }
.sx-in:focus-within { box-shadow: inset 0 0 0 1.5px var(--brand), 0 0 0 3px rgba(13,148,136,.14); }
.sx-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.sx-chip { all: unset; box-sizing: border-box; cursor: pointer; height: 34px; display: inline-flex; align-items: center; gap: 6px; padding: 0 13px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--sx-line2); font-size: 13.5px; font-weight: 500; }
.sx-chip small { color: var(--sx-ink3); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.sx-chip:hover { box-shadow: inset 0 0 0 1px var(--sx-line3); background: var(--sx-wash); }
.sx-chip[aria-pressed="true"] { box-shadow: inset 0 0 0 1.5px var(--sx-ink); background: var(--sx-wash); font-weight: 500; }
.sx-chip:disabled { opacity: .4; cursor: default; box-shadow: inset 0 0 0 1px var(--sx-line2); background: none; }
.sx-lyr { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid var(--sx-line); }
.sx-lyr .ln { font-size: 14px; font-weight: 500; }
.sx-lyr .ln small { display: block; font-size: 12px; color: var(--sx-ink3); font-weight: 400; margin-top: 1px; }
.sx-lyr .rt { display: flex; align-items: center; gap: 10px; }
.sx-lyr .cnt { font-size: 12px; color: var(--sx-ink3); font-variant-numeric: tabular-nums; min-width: 24px; text-align: right; }
.sx-tri { display: inline-flex; background: var(--sx-wash); border-radius: 8px; padding: 2px; }
.sx-tri button { all: unset; cursor: pointer; width: 56px; text-align: center; padding: 5px 0; border-radius: 6px; font: 500 12.5px/1.2 var(--font, inherit); color: var(--sx-ink2); }
.sx-tri button:hover { color: var(--sx-ink); }
.sx-tri button[aria-pressed="true"] { background: var(--card-bg); color: var(--sx-ink); font-weight: 500; box-shadow: 0 1px 2px rgba(15,20,25,.12), 0 0 0 .5px rgba(15,20,25,.08); }
.sx-plist { display: grid; gap: 0; margin: 0 -8px; }

.sx-modal { position: fixed; inset: 0; z-index: 1300; background: rgba(15,20,25,.32); display: grid; place-items: center; animation: sx-fade var(--sx-med) var(--sx-ease); }
.sx-modal[hidden] { display: none; }
@keyframes sx-fade { from { opacity: 0; } to { opacity: 1; } }
.sx-mdl { width: min(780px, calc(calc(100vw / var(--bs-zoom, 1)) - 32px)); height: min(820px, calc(100vh / var(--bs-zoom, 1) - 48px)); background: #fff; border-radius: 16px; box-shadow: 0 0 0 .5px rgba(15,20,25,.14), 0 24px 64px rgba(15,20,25,.28); display: grid; grid-template-rows: 60px auto minmax(0, 1fr) 72px; overflow: hidden; animation: sx-modal-in 240ms var(--sx-ease); }

.sx-mdl > * { grid-row: 3; min-height: 0; }
.sx-mdl > .sx-mh { grid-row: 1; }
.sx-mdl > .sx-pl-tabs { grid-row: 2; }
.sx-mdl > .sx-mf { grid-row: 4; }
@keyframes sx-modal-in { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: none; } }
.sx-mh { display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--sx-line); font-weight: 600; font-size: 15px; position: relative; }
.sx-mx { all: unset; cursor: pointer; position: absolute; left: 14px; top: 14px; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; }
.sx-mx:hover { background: var(--sx-wash); }
.sx-mb { overflow-y: auto; padding: 0 32px; scrollbar-width: thin; }
.sx-ms { padding: 24px 0; border-bottom: 1px solid var(--sx-line); display: grid; gap: 12px; }
.sx-ms h4 { margin: 0; font-size: 18px; font-weight: 600; letter-spacing: -0.016em; }
.sx-ms > p { margin: -6px 0 0; font-size: 13.5px; color: var(--sx-ink2); line-height: 1.5; }
.sx-showmore { all: unset; cursor: pointer; justify-self: start; margin: 4px 0 6px; padding: 6px 10px; margin-left: -10px; border-radius: 8px; font: 500 13.5px/1 var(--font, inherit); color: var(--sx-ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(15,20,25,.3); transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-showmore:hover { background: var(--sx-wash); }
.sx-ms h5 { margin: 8px 0 0; font-size: 13px; font-weight: 600; color: var(--sx-ink2); }
.sx-mf { display: flex; align-items: center; justify-content: space-between; padding: 0 24px; border-top: 1px solid var(--sx-line); }
.sx-mf .clr { all: unset; cursor: pointer; font-weight: 500; font-size: 15px; padding: 8px 10px; margin-left: -10px; border-radius: 8px; transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-mf .clr:hover { background: var(--sx-wash); }
.sx-mf .go { all: unset; cursor: pointer; height: 48px; padding: 0 24px; border-radius: 10px; background: var(--sx-ink); color: #fff; font: 500 15px/48px var(--font, inherit); font-variant-numeric: tabular-nums; }
.sx-mf .go:hover { background: #262d33; }

.sx-mf .go[aria-disabled="true"] { opacity: .4; cursor: not-allowed; }
.sx-mf .go, .sx-pf .go { min-width: 168px; box-sizing: border-box; text-align: center; transition: opacity var(--sx-fast) var(--sx-ease), background-color var(--sx-fast) var(--sx-ease); }
.sx-mf .go[aria-busy="true"], .sx-pf .go[aria-busy="true"] { opacity: .72; }
.sx-fs { position: sticky; top: 0; z-index: 2; background: #fff; padding: 16px 0 12px; margin-bottom: 4px; }
.sx-fsi { display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 12px 0 14px; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--sx-line2); transition: box-shadow var(--sx-fast) var(--sx-ease); }
.sx-fsi:hover { box-shadow: inset 0 0 0 1px var(--sx-line3); }
.sx-fsi:focus-within { box-shadow: inset 0 0 0 1.5px var(--brand), 0 0 0 3px rgba(13,148,136,.14); }
.sx-fsi .i { width: 16px; height: 16px; color: var(--sx-ink3); flex: none; }
.sx-fsi input { all: unset; flex: 1; min-width: 0; font: 500 15px var(--font, inherit); color: var(--sx-ink); }
.sx-fsi input::placeholder { color: var(--sx-ink3); }
.sx-fsi kbd { flex: none; font: 500 11.5px/20px var(--font, inherit); min-width: 20px; text-align: center; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--sx-line2); color: var(--sx-ink3); }
.sx-qh { font-size: 12.5px; font-weight: 600; color: var(--sx-ink2); margin: 12px 0 8px; font-variant-numeric: tabular-nums; }
.sx-ap:empty { display: none; }
.sx-apl { display: flex; flex-wrap: wrap; gap: 8px; }
.sx-apc { display: inline-flex; align-items: center; height: 32px; border-radius: 999px; box-shadow: inset 0 0 0 1.5px var(--sx-ink); background: var(--sx-wash); max-width: 100%; }
.sx-apt, .sx-apx, .sx-qc { all: unset; box-sizing: border-box; cursor: pointer; font: 500 13px/1 var(--font, inherit); color: var(--sx-ink); transition: background-color var(--sx-fast) var(--sx-ease), box-shadow var(--sx-fast) var(--sx-ease); }
.sx-apt { height: 32px; display: inline-flex; align-items: center; padding: 0 4px 0 12px; border-radius: 999px 0 0 999px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 300px; }
.sx-apx { width: 28px; height: 32px; display: grid; place-items: center; border-radius: 0 999px 999px 0; color: var(--sx-ink2); }
.sx-apt:hover, .sx-apx:hover { background: var(--sx-press); }
.sx-apx .i { width: 14px; height: 14px; }
.sx-qc { height: 32px; display: inline-flex; align-items: center; padding: 0 12px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--sx-line2); }
.sx-qc:hover { box-shadow: inset 0 0 0 1px var(--sx-line3); background: var(--sx-wash); }
.sx-qk { padding-bottom: 8px; }
.sx-g { border-top: 1px solid var(--sx-line); }
.sx-gh { all: unset; box-sizing: border-box; cursor: pointer; width: 100%; height: 48px; display: flex; align-items: center; gap: 8px; padding: 0 8px; margin: 0 -8px; width: calc(100% + 16px); border-radius: 8px; transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-gh:hover { background: var(--sx-wash); }
.sx-gh .t { font-size: 14px; font-weight: 600; }
.sx-gh .c { font-size: 12.5px; color: var(--sx-ink3); font-variant-numeric: tabular-nums; }
.sx-gh .set { margin-left: auto; font-size: 12.5px; font-weight: 550; color: var(--sx-ink); font-variant-numeric: tabular-nums; }
.sx-gh .chev { width: 16px; height: 16px; color: var(--sx-ink3); flex: none; transition: transform var(--sx-med) var(--sx-ease); }
.sx-gh[aria-expanded="true"] .chev { transform: rotate(180deg); }
.sx-gb { padding-bottom: 8px; }
.sx-gb .sx-fr:first-child .sx-lyr, .sx-gb .sx-fr:first-child .sx-fe { border-top: 0; }
.sx-fr { border-radius: 10px; transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-fr.flash { background: rgba(13,148,136,.08); }
.sx-res .sx-fr { padding: 0 10px; margin: 0 -10px; }
.sx-res .sx-fr[aria-selected="true"] { background: var(--sx-wash); }
.sx-res .sx-fr[aria-selected="true"] .sx-lyr { border-top-color: transparent; }
.sx-fr .ln small + small { display: inline; margin-left: 0; }
.sx-fe { display: grid; gap: 8px; padding: 10px 0 12px; border-top: 1px solid var(--sx-line); }
.sx-fe .ln { font-size: 14px; font-weight: 500; }
.sx-fe .ln small { display: block; font-size: 12px; color: var(--sx-ink3); font-weight: 400; margin-top: 1px; }
.sx-fwait { font-size: 13px; color: var(--sx-ink3); line-height: 34px; }
.sx-rin { width: 96px; padding: 4px 10px; }
.sx-rin input[aria-invalid="true"] { color: var(--sx-warn); }
.sx-in:has(input[aria-invalid="true"]) { box-shadow: inset 0 0 0 1.5px var(--sx-warn); }
.sx-rerr { margin: 0 0 6px; font-size: 12.5px; color: var(--sx-warn); text-align: right; }
.sx-rerr[hidden] { display: none; }
.sx-pop .sx-rerr { text-align: left; margin: 6px 0 0; }
.sx-hist.sm { height: 28px; gap: 1px; margin: -4px 0 10px; }
.sx-hist.sm:empty { display: none; }
.sx-tri small.n { margin-left: 5px; font-size: 12px; color: var(--sx-ink3); font-variant-numeric: tabular-nums; }
.sx-tri small.n:empty { display: none; }
.sx-pre { gap: 6px; margin: -2px 0 10px; }
.sx-pre .sx-chip { height: 30px; padding: 0 11px; font-size: 12.5px; }
.sx-fnone { padding: 24px 0; font-size: 14px; color: var(--sx-ink2); }

.sx-cmp-btn { margin-left: auto; }
.sx-cmp { width: min(1100px, calc(calc(100vw / var(--bs-zoom, 1)) - 32px)); height: auto; max-height: calc(100vh / var(--bs-zoom, 1) - 48px); }
.sx-cmp .sx-mb { padding: 0 24px; overflow: auto; }
.sx-ct { border-collapse: collapse; width: 100%; table-layout: fixed; font-size: 13.5px; font-variant-numeric: tabular-nums; }
.sx-ct th, .sx-ct td { text-align: left; padding: 11px 12px; border-bottom: 1px solid var(--sx-line); vertical-align: top; }
.sx-ct tbody th { font-weight: 500; color: var(--sx-ink2); padding-left: 0; }
.sx-ct thead th:first-child { width: 170px; }
.sx-ct thead th { position: sticky; top: 0; background: #fff; z-index: 1; padding-top: 18px; vertical-align: bottom; }
.sx-ct td.best { font-weight: 600; color: var(--sx-ink); }
.sx-ct td.best::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--brand); margin: 0 7px 2px 0; }
.sx-ct-site { all: unset; cursor: pointer; display: grid; gap: 3px; border-radius: 12px; padding: 6px; margin: -6px; transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-ct-site:hover { background: var(--sx-wash); }
.sx-ct-site .sx-th { width: 120px; height: 90px; margin-bottom: 6px; }
.sx-ct-site b { font-size: 16px; font-weight: 600; letter-spacing: -0.012em; }
.sx-ct-site small { font-size: 12.5px; color: var(--sx-ink2); font-weight: 400; }
.sx-cmp-note { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--sx-ink2); }
.sx-cmp-note::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--brand); }

@media (max-width: 768px) {
  .sx-fb { padding: 0 14px; }
  
  .sx:has(#sx-pop:not([hidden]))::after { content: ""; position: fixed; inset: 0; z-index: 1240; background: rgba(15,20,25,.32); animation: sx-fade var(--sx-med) var(--sx-ease); }
  .sx-rh, .sx-row, .sx-svh, .sx-acts, .sx-sec, .sx-choose, .sx-zero { padding-left: 16px; padding-right: 16px; }
  .sx-row { grid-template-columns: 96px minmax(0, 1fr) 20px; gap: 12px; }
  .sx-th { width: 96px; height: 72px; }
  .sx-th svg { width: 88px; height: 56px; margin-top: -8px; }
  .sx-stat { padding-left: 16px; }
  .sx-mdl { width: calc(100vw / var(--bs-zoom, 1)); height: calc(100vh / var(--bs-zoom, 1)); height: calc(100dvh / var(--bs-zoom, 1)); border-radius: 0; }
  .sx-mdl-f .sx-mb { padding: 0 16px; }
  .sx-fsi kbd { display: none; }
  .sx-rin { width: 80px; }
  .sx-legend .sx-lg-rows, .sx-legend .sx-lg-f { display: none; }
  
  .sx-fb .sx-sep, .sx-fb .sx-clear { display: none; }
  .sx-fb-row { display: contents; }
  .sx-fbtn.strat { max-width: calc(46vw / var(--bs-zoom, 1)); }
  .sx-d { display: none; } .sx-m { display: inline; }
  
  .sx-pop { left: 16px; right: 16px; top: auto; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); width: auto; max-width: none; max-height: calc(80vh / var(--bs-zoom, 1)); transform-origin: bottom center; animation: sx-sheet-in 320ms cubic-bezier(.32,.72,0,1); }
  .sx-mm { grid-template-columns: 1fr 20px 1fr; }
  .sx-mm > :last-child { grid-column: 1 / -1; justify-self: start; }
  .sx-achip .sx-fbtn.area { max-width: calc(68vw / var(--bs-zoom, 1)); }
  
  .sx-cmp { width: calc(100vw / var(--bs-zoom, 1)); max-height: none; height: calc(100vh / var(--bs-zoom, 1)); border-radius: 0; }
  .sx-cmp .sx-mb { padding: 0 16px; }
  .sx-ct { font-size: 13px; }
  .sx-ct th, .sx-ct td { padding: 10px 8px; overflow-wrap: break-word; }
  .sx-ct thead th:first-child { width: 92px; }
  .sx-ct-site .sx-th { width: 100%; height: 72px; }
  .sx-cmp-pick { display: flex; align-items: center; justify-content: space-between; gap: 4px; margin-bottom: 8px; font: 500 12px/1 var(--font, inherit); color: var(--sx-ink3); font-variant-numeric: tabular-nums; }
  .sx-cmp-pick button { all: unset; cursor: pointer; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--sx-line2); color: var(--sx-ink); transition: background-color var(--sx-fast) var(--sx-ease); }
  .sx-cmp-pick button:active { background: var(--sx-press); }
}
@keyframes sx-sheet-in { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (hover: none) { .sx-row:hover { background: none; } }
@media (prefers-reduced-motion: reduce) { .sx *, .sx-pop, .sx-modal, .sx-mdl { transition: none !important; animation: none !important; } }

.sx-hd { display: grid; gap: 6px; }
.sx-hd .sub, .sx-choose .sx-hd .sub { margin: 0; }
.sx-hd-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }

.sx-lk-btn { all: unset; box-sizing: border-box; cursor: pointer; flex: none; display: inline-flex; align-items: center; gap: 6px; height: 30px; margin-top: -1px; padding: 0 10px; border-radius: 8px; font: 500 13px/1 var(--font, inherit); color: var(--sx-ink2); white-space: nowrap; transition: background-color var(--sx-fast) var(--sx-ease), color var(--sx-fast) var(--sx-ease); }
.sx-lk-btn:hover, .sx-lk-btn[aria-expanded="true"] { background: var(--sx-wash); color: var(--sx-ink); }
.sx-lk-btn:active { background: var(--sx-press); }
.sx-lk-btn .i { width: 14px; height: 14px; }
.sx-ai-slot:empty { display: none; }

.sx-fbox { display: grid; gap: 8px; }
.sx-fbox-l { font-size: 14px; font-weight: 600; color: var(--sx-ink); letter-spacing: -0.006em; }
.sx-rq.sx-rq-lg { height: 44px; border-radius: 12px; padding: 0 14px; }
.sx-rq.sx-rq-lg input { font-size: 15px; }
.sx-askai { display: grid; margin: 0 -12px; }
.sx-askai:empty { display: none; }

.sx-arrive .sx-sugg-none { display: none; }
.sx-rg:has(.sx-rlist:empty) { display: none; }
.sx-askai > .sx-aiwait { margin: 0 12px; }

.sx-aiwait { display: grid; gap: 10px; padding: 14px 16px; border: 1px solid #e3dcff; border-radius: 16px; background: #faf8ff; }
.sx-aiwait-top { display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 10px; }
.sx-aiwait-top .n { font-weight: 650; color: var(--sx-ink); }
.sx-aiwait-top .t { font-size: 13px; color: var(--sx-ink3); font-variant-numeric: tabular-nums; }
.sx-aiwait-ic { animation: sx-aipulse 1.2s ease-in-out infinite; }
.sx-aiwait-bar { height: 4px; border-radius: 999px; background: #ece7ff; overflow: hidden; }
.sx-aiwait-bar span { display: block; width: 35%; height: 100%; border-radius: 999px; background: #7c5cff; animation: sx-aibar 1.1s ease-in-out infinite; }
.sx-aiwait-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 13px; color: var(--sx-ink3); }
.sx-aiwait-steps li { display: flex; align-items: center; gap: 8px; }
.sx-aiwait-steps li::before { content: ''; width: 8px; height: 8px; border-radius: 50%; border: 1.5px solid currentColor; box-sizing: border-box; }
.sx-aiwait-steps li.now { color: var(--sx-ink); font-weight: 550; }
.sx-aiwait-steps li.now::before { border-color: #7c5cff; animation: sx-aipulse 0.9s ease-in-out infinite; }
.sx-aiwait-steps li.done { color: var(--sx-ink2); }
.sx-aiwait-steps li.done::before { background: #7c5cff; border-color: #7c5cff; }
@keyframes sx-aibar { 0% { transform: translateX(-100%); } 100% { transform: translateX(290%); } }
@keyframes sx-aipulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .55; transform: scale(.9); } }
@media (prefers-reduced-motion: reduce) { .sx-aiwait-bar span, .sx-aiwait-ic, .sx-aiwait-steps li.now::before { animation: none; } .sx-aiwait-bar span { width: 100%; opacity: .5; } }
.sx-choose.typing > .sx-guide, .sx-choose.typing > .sx-cg { display: none; }
.sx-askai-ic { width: 32px; height: 32px; border-radius: 6px; display: grid; place-items: center; background: var(--smart-tint, #efeafd); color: var(--smart, #7c5cff); }
.sx-askai-ic svg { width: 16px; height: 16px; }

.sx-askai .sx-ai-err { margin: 4px 12px 0 12px; font-size: 13px; line-height: 1.45; color: var(--sx-ink2); }

.sx-tabs { display: flex; gap: 20px; border-bottom: 1px solid var(--sx-line); margin-top: -4px; }
.sx-tabs button { all: unset; cursor: pointer; padding: 8px 0 10px; margin-bottom: -1px; border-bottom: 2px solid transparent; font: 500 14px/1 var(--font, inherit); color: var(--sx-ink2); transition: color var(--sx-fast) var(--sx-ease), border-color var(--sx-fast) var(--sx-ease); }
.sx-tabs button:hover { color: var(--sx-ink); }
.sx-tabs button[aria-selected="true"] { color: var(--sx-ink); border-bottom-color: var(--sx-ink); }
.sx-findp { display: grid; gap: 20px; }
.sx-findp[hidden] { display: none; }
.sx-gallery { display: grid; gap: 20px; }   
.sx-cg, .sx-lookup { display: grid; gap: 10px; }
.sx-cg h2 { margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.012em; color: var(--sx-ink); }
.sx-cg h2 + .sx-cont { margin-top: -6px; }
.sx-cont { margin: 0 -12px; grid-template-columns: 32px minmax(0, 1fr) auto 16px; }
.sx-cont .n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sx-cont-ic { width: 32px; height: 32px; border-radius: 6px; display: grid; place-items: center; background: var(--sx-soft); color: var(--sx-ink2); }
.sx-cont-all { justify-self: start; margin-left: -12px; font-size: 13px; }
.sx-lookup[hidden] { display: none; }
.sx-lookup .k { margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--sx-ink3); }
.sx-lookup kbd { display: inline-block; min-width: 18px; padding: 0 5px; border-radius: 5px; background: var(--sx-wash); box-shadow: inset 0 -1px 0 rgba(15,20,25,.14), inset 0 0 0 1px rgba(15,20,25,.08); font: 550 11.5px/1.5 var(--font, inherit); text-align: center; color: var(--sx-ink); }

.sx-guide { position: relative; border-radius: 10px; background: var(--sx-wash); padding: 14px 44px 14px 16px; }
.sx-guide ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; counter-reset: sxg; }
.sx-guide li { counter-increment: sxg; display: grid; grid-template-columns: 18px minmax(0, 1fr); font-size: 13px; line-height: 1.45; color: var(--sx-ink2); }
.sx-guide li::before { content: counter(sxg); color: var(--sx-ink3); font-variant-numeric: tabular-nums; }
.sx-guide li p { margin: 0; }
.sx-guide li b { font-weight: 600; color: var(--sx-ink); }
.sx-guide-x { all: unset; cursor: pointer; position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; color: var(--sx-ink3); transition: background-color var(--sx-fast) var(--sx-ease), color var(--sx-fast) var(--sx-ease); }
.sx-guide-x:hover { background: var(--sx-press); color: var(--sx-ink); }
.sx-guide-x .i { width: 14px; height: 14px; }

.sx-sk i { display: block; border-radius: 6px; background: linear-gradient(90deg, #f0f2f4 0, #f7f8fa 40%, #f0f2f4 80%); background-size: 300% 100%; animation: sx-shimmer 1.4s linear infinite; }
.sx-sk .sx-sk-h { height: 29px; width: 78%; }
.sx-sk .sx-sk-l { height: 16px; width: 62%; margin-top: -12px; }
.sx-sk .sx-sk-in { height: 44px; border-radius: 12px; }
.sx-sk-rows { display: grid; gap: 2px; }
.sx-sk-row { height: 58px; display: grid; gap: 7px; align-content: center; }
.sx-sk-row i { height: 14px; }

.sx-state { padding-top: 40px; justify-items: start; }
.sx-st-ic { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: var(--sx-wash); color: var(--sx-ink2); }
.sx-state p { font-size: 15px; max-width: calc(46ch * var(--bs-ch, 1)); }
.sx-st-list { display: grid; gap: 2px; width: 100%; margin: 0 -12px; }
.sx-st-acts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.sx-st-go, .sx-st-alt { all: unset; box-sizing: border-box; cursor: pointer; height: 40px; padding: 0 18px; border-radius: 10px; font: 500 14px/40px var(--font, inherit); white-space: nowrap; transition: background-color var(--sx-fast) var(--sx-ease), box-shadow var(--sx-fast) var(--sx-ease), transform var(--sx-med) var(--sx-ease); }
.sx-st-go { background: var(--sx-ink); color: #fff; }
.sx-st-go:hover { background: #262d33; }
.sx-st-alt { color: var(--sx-ink); box-shadow: inset 0 0 0 1px var(--sx-line2); }
.sx-st-alt:hover { box-shadow: inset 0 0 0 1px var(--sx-line3); background: var(--sx-wash); }
.sx-st-go:active, .sx-st-alt:active { transform: scale(.97); }
.sx-rm.off { cursor: default; color: var(--sx-ink3); box-shadow: inset 0 0 0 1px var(--sx-line); }
.sx-rm.off:hover { background: none; box-shadow: inset 0 0 0 1px var(--sx-line); }
.sx-rm.off .n { color: var(--sx-ink3); }
.sx-slow { margin: 6px 0 0; font-size: 13px; color: var(--sx-ink2); }
.sx-net { height: 32px; display: flex; align-items: center; justify-content: center; padding: 0 16px; background: var(--sx-soft); border-bottom: 1px solid var(--sx-line); font-size: 13px; font-weight: 500; color: var(--sx-ink2); }
.sx-net[hidden] { display: none; }

@media (max-width: 768px) {
  .sx-guide { padding: 12px 40px 12px 14px; }
  .sx-guide li span { display: none; }
  .sx-hd { display: flex; flex-direction: column; align-items: flex-start; }
  .sx-hd-top { display: contents; }
  .sx-hd-top .sx-lk-btn { order: 3; margin: 2px 0 0 -10px; }
  .sx-zero { padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)); }
  .sx-st-acts { width: 100%; display: grid; grid-template-columns: 1fr; }
  .sx-st-go, .sx-st-alt { text-align: center; }
}

.sx-lyr.ruled, .sx-lyr[data-lyr="_hard"] { grid-template-columns: minmax(0, 1fr) auto; }
.sx-lrule { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 2px; }
.sx-lnum { width: 84px; padding: 4px 10px; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px; }
.sx-lnum input { font-size: 14px; }
.sx-lnum span { font-size: 12.5px; }
.sx-lpre { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.sx-lpre button { all: unset; box-sizing: border-box; cursor: pointer; height: 28px; display: inline-flex; align-items: center; padding: 0 10px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--sx-line2); font: 500 12.5px/1 var(--font, inherit); color: var(--sx-ink2); font-variant-numeric: tabular-nums; transition: background-color var(--sx-fast) var(--sx-ease), box-shadow var(--sx-fast) var(--sx-ease), color var(--sx-fast) var(--sx-ease); }
.sx-lpre button:hover { background: var(--sx-wash); box-shadow: inset 0 0 0 1px var(--sx-line3); color: var(--sx-ink); }
.sx-lpre button[aria-pressed="true"] { box-shadow: inset 0 0 0 1.5px var(--sx-ink); color: var(--sx-ink); background: var(--sx-wash); font-weight: 500; }
.sx-lpre button:focus-visible, .sx-lchoose:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.sx-lchoose { all: unset; cursor: pointer; font: 500 12.5px/1 var(--font, inherit); color: var(--sx-ink2); padding: 6px 8px; border-radius: 6px; transition: background-color var(--sx-fast) var(--sx-ease), color var(--sx-fast) var(--sx-ease); }
.sx-lchoose:hover, .sx-lchoose[aria-expanded="true"] { background: var(--sx-wash); color: var(--sx-ink); }
.sx-stopset { display: grid; gap: 8px; }

.sx-xchips { display: flex; flex-wrap: wrap; gap: 6px; }
.sx-xchip { all: unset; box-sizing: border-box; cursor: pointer; height: 28px; display: inline-flex; align-items: center; gap: 4px; padding: 0 6px 0 10px; border-radius: 999px; background: var(--sx-wash); box-shadow: inset 0 0 0 1.5px var(--sx-ink); font: 500 12.5px/1 var(--font, inherit); color: var(--sx-ink); transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-xchip .i { width: 14px; height: 14px; color: var(--sx-ink2); }
.sx-xchip:hover { background: var(--sx-line); }
.sx-xchip:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.sx-lhint { font-size: 12.5px; color: var(--sx-ink3); }

.sx-tag.score { color: var(--sx-ink); font-weight: 600; font-variant-numeric: tabular-nums; }

.sx .i.fill { fill: currentColor; }
.sx-svl { display: inline-grid; }
.sx-svl > span { grid-area: 1 / 1; }
.sx-svl > .off { visibility: hidden; }
.sx-subhd-a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-right: 16px; }
.sx-subhd-a .sx-sel { margin-left: 0; height: 28px; font-size: 12.5px; }
.sx-svempty { margin: 0; padding: 4px 24px 12px; font-size: 13px; line-height: 1.45; color: var(--sx-ink2); }
.sx-svrow { border-bottom: 1px solid var(--sx-line); }
.sx-svrow .sx-row { border-bottom: 0; }
.sx-svmeta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding: 10px 24px 12px; }
.sx-svmeta .sx-sel { margin-left: 0; height: 28px; font-size: 12.5px; }
.sx-rmv { margin-left: auto; }
.sx-svnote { margin: 0; padding: 0 24px 12px 160px; font-size: 13px; line-height: 1.45; color: var(--sx-ink2); white-space: pre-wrap; overflow-wrap: anywhere; }
.sx-noteform { display: grid; gap: 6px; padding: 0 24px 12px 160px; }
.sx-noteform textarea { box-sizing: border-box; width: 100%; resize: vertical; min-height: 64px; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--sx-line2); font: 400 13px/1.45 var(--font, inherit); color: var(--sx-ink); background: var(--card-bg); transition: border-color var(--sx-fast) var(--sx-ease); }
.sx-noteform textarea:hover { border-color: var(--sx-line3); }
.sx-noteform > div { display: flex; gap: 4px; }
button.sx-ss-go { all: unset; box-sizing: border-box; cursor: pointer; display: grid; gap: 2px; padding: 10px 8px; color: var(--sx-ink); min-width: 0; }
.sx-ss-ic { display: grid; place-items: center; width: 28px; color: var(--sx-ink3); }
.sx-actl { display: flex; padding: 0 24px 16px; margin-top: -8px; }
.sx-lnew { display: flex; gap: 6px; align-items: center; margin-top: 8px; }
.sx-lnew input { flex: 1; min-width: 0; height: 32px; box-sizing: border-box; padding: 0 10px; border-radius: 8px; border: 1px solid var(--sx-line2); font: 400 13px var(--font, inherit); color: var(--sx-ink); background: var(--card-bg); transition: border-color var(--sx-fast) var(--sx-ease); }
.sx-lnew input:hover { border-color: var(--sx-line3); }
.sx-lnew-in { margin: 0; padding: 0 16px 8px 24px; flex: 1; }
.sx-rh-top .sx-lnew-in { padding: 0; }
.sx-pnote { margin: 8px 0 0; font-size: 13px; color: var(--sx-ink2); }
.sx-pnote.err, .sx-rh .sx-note { color: var(--text); }
@media (max-width: 720px) {
  .sx-svmeta, .sx-svnote, .sx-noteform { padding-left: 16px; padding-right: 16px; }
}
.sx-toast { position: fixed; left: 24px; bottom: 24px; z-index: 40; display: flex; align-items: center; gap: 12px; max-width: min(420px, calc(calc(100vw / var(--bs-zoom, 1)) - 48px)); box-sizing: border-box; padding: 10px 10px 10px 14px; border-radius: 10px; background: #0f1419; color: #fff; font: 500 13px/1.35 var(--font, inherit); box-shadow: 0 8px 24px rgba(15,20,25,.24); animation: sx-toast-in var(--sx-med) var(--sx-ease); }
.sx-toast[hidden] { display: none; }
.sx-toast button { all: unset; cursor: pointer; padding: 4px 8px; border-radius: 6px; font-weight: 600; color: #fff; transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-toast button:hover { background: rgba(255,255,255,.12); }
.sx-toast button:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
@keyframes sx-toast-in { from { transform: translateY(8px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (max-width: 720px) { .sx-toast { left: 16px; right: 16px; bottom: 16px; max-width: none; } }
.sx-ssr.sx-ssr3 { grid-template-columns: minmax(0, 1fr) auto 32px; }
.sx-ss .sx-lnew-in { padding: 4px 8px 8px; }

.sx-cn h3 { display: flex; align-items: baseline; gap: 8px; }
.sx-cn-name { font-size: 13px; font-weight: 500; color: var(--sx-ink3); letter-spacing: 0; }
.sx-cn-fig div { gap: 3px; padding-top: 6px; padding-bottom: 6px; }
.sx-cn-fig .l { font-size: 12px; font-weight: 500; color: var(--sx-ink3); }
.sx-cn-fig b { display: flex; align-items: center; gap: 5px; }
.sx-cn-fig b .i.w { width: 14px; height: 14px; color: var(--sx-warn); stroke-width: 2; }
.sx-cn-lead { display: grid; gap: 2px; padding: 12px 0 4px; }
.sx-cn-lead .k { font-size: 12px; font-weight: 500; color: var(--sx-ink3); }
.sx-cn-lead b { font-size: 20px; font-weight: 600; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.sx-cn-lead b.none { font-size: 15px; letter-spacing: -0.01em; }
.sx-cn-lead span:not(.k) { font-size: 13px; color: var(--sx-ink2); font-variant-numeric: tabular-nums; }
.sx-cn-t { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.sx-cn-t th, .sx-cn-t td { padding: 7px 0; border-top: 1px solid var(--sx-line); text-align: right; font-weight: 400; white-space: nowrap; }
.sx-cn-t thead th { border-top: 0; font-size: 12px; font-weight: 500; color: var(--sx-ink3); padding-top: 2px; }
.sx-cn-t th:first-child { text-align: left; white-space: normal; padding-right: 8px; color: var(--sx-ink2); }
.sx-cn-t td + td, .sx-cn-t th + th { padding-left: 12px; }
.sx-cn-t td.none { text-align: left; color: var(--sx-ink3); white-space: normal; }
.sx-cn-t tr.on th, .sx-cn-t tr.on td { color: var(--sx-ink); font-weight: 600; }

.sx-cn-hd { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; min-width: 0; }
.sx-rinfo.sx-cn-srcm { width: auto; height: auto; gap: 4px; display: inline-flex; align-items: center; margin-left: 0; font-size: 12px; font-weight: 500; color: var(--sx-ink3); white-space: nowrap; }
.sx-rinfo.sx-cn-srcm:hover, .sx-cn-v .sx-rinfo:hover { color: var(--sx-ink); }
.sx-cn-v { font-weight: 600; }

.sx-lyr.off .ln { color: var(--sx-ink3); }
.sx-lyr.off .sx-tri, .sx-lyr.off .sx-in { opacity: .5; }
.sx-cn-hint { display: block; font-size: 12px; color: var(--sx-ink2); margin-top: 2px; font-variant-numeric: tabular-nums; }
.sx-cn-in { width: 110px; padding: 4px 8px; grid-template-columns: 1fr auto; align-items: center; }
.sx-cn-in span { font-size: 12px; }
.sx-cn-kinds { border-bottom: 0; padding-bottom: 0; }
.sx-chip:disabled { cursor: default; opacity: .5; }
.sx-chip[data-ckind] { white-space: nowrap; }

.sx-kv dd small { display: block; color: var(--sx-ink3); font-size: 12.5px; font-weight: 400; margin-top: 2px; }
.sx-mkt-sec .sx-showall { margin-top: 12px; }
.sx-mkt-own { margin-top: 4px; }
.sx-mkt-hist { display: grid; }
.sx-mkt-h { display: grid; grid-template-columns: 92px minmax(0, 1fr) auto; gap: 12px; align-items: baseline; padding: 8px 0; border-top: 1px solid var(--sx-line); font-size: 13px; }
.sx-mkt-h:first-child { border-top-color: transparent; }
.sx-mkt-h .w { color: var(--sx-ink3); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sx-mkt-h .t { color: var(--sx-ink2); min-width: 0; }
.sx-mkt-h b { font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sx-mdl.sx-mkt { width: min(880px, calc(calc(100vw / var(--bs-zoom, 1)) - 32px)); }
.sx-mkt .sx-mb { padding: 16px 24px 8px; overflow: auto; }
.sx-mkt-ctl { display: grid; gap: 10px; padding-bottom: 14px; border-bottom: 1px solid var(--sx-line); }
.sx-mkt-f { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 12px; align-items: center; }
.sx-mkt-f .l { font-size: 13px; color: var(--sx-ink2); }
.sx-mkt-f .sx-chips { gap: 6px; }
.sx-mkt-f .sx-chip { height: 30px; padding: 0 12px; font-size: 13px; }
.sx-mkt-sum { padding: 14px 0 10px; font-size: 13.5px; color: var(--sx-ink2); font-variant-numeric: tabular-nums; }
.sx-mkt-sum b { color: var(--sx-ink); font-weight: 600; }
.sx-mkt-sum small { display: block; margin-top: 4px; font-size: 12.5px; color: var(--sx-ink3); }
.sx-mkt-tbl { font-size: 13px; font-variant-numeric: tabular-nums; }
.sx-mkt-tr { display: grid; grid-template-columns: 96px minmax(0, 1.3fr) minmax(0, 1.4fr) 76px 92px 72px 76px; gap: 12px; align-items: center; min-height: 40px; padding: 4px 8px; margin: 0 -8px; border-top: 1px solid var(--sx-line); border-radius: 6px; transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-mkt-tbl.noarea .sx-mkt-tr { grid-template-columns: 96px minmax(0, 1.3fr) minmax(0, 1.4fr) 76px 92px 72px; }
.sx-mkt-th { position: sticky; top: -16px; z-index: 1; background: var(--card-bg); min-height: 34px; border-top: 0; border-bottom: 1px solid var(--sx-line2); border-radius: 0; color: var(--sx-ink3); font-size: 12px; font-weight: 500; }
.sx-mkt-th .th { all: unset; cursor: default; display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; }
.sx-mkt-th button.th { cursor: pointer; }
.sx-mkt-th button.th:hover, .sx-mkt-th .th.on { color: var(--sx-ink); }
.sx-mkt-th .th.num { justify-content: flex-end; }
.sx-mkt-th .ar { font-size: 11px; }
.sx-mkt-th + .sx-mkt-tr { border-top-color: transparent; }
.sx-mkt-tr[data-mkt-pt]:hover { background: var(--sx-wash); border-top-color: transparent; }
.sx-mkt-tr[data-mkt-pt]:hover + .sx-mkt-tr { border-top-color: transparent; }
.sx-mkt-tr[data-mkt-pt]:focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; }
.sx-mkt-tr .day { color: var(--sx-ink2); white-space: nowrap; }
.sx-mkt-tr .where { color: var(--sx-ink2); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sx-mkt-tr .type { min-width: 0; }
.sx-mkt-tr .type small { display: block; color: var(--sx-ink3); font-size: 12px; }
.sx-mkt-tr .num { text-align: right; white-space: nowrap; }
.sx-mkt-tr .price { font-weight: 550; color: var(--sx-ink); }
.sx-mkt-tr i { font-style: normal; color: var(--sx-ink3); }
.sx-mkt-sk span { display: block; height: 12px; border-radius: 6px; background: var(--sx-wash); grid-column: 1 / -1; }
.sx-mkt-empty { margin: 16px 0; font-size: 14px; color: var(--sx-ink2); }
.sx-mkt .sx-mf .sx-cmp-note { font-size: 12px; color: var(--sx-ink3); max-width: calc(60ch * var(--bs-ch, 1)); }
@media (max-width: 768px) {
  .sx-mdl.sx-mkt { width: calc(100vw / var(--bs-zoom, 1)); height: calc(100dvh / var(--bs-zoom, 1)); max-height: none; border-radius: 0; }
  .sx-mkt .sx-mb { padding: 12px 14px 8px; }
  .sx-mkt-f { grid-template-columns: 1fr; gap: 6px; }
  .sx-mkt-f .sx-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .sx-mkt-th { display: none; }
  
  .sx-mkt-tr, .sx-mkt-tbl.noarea .sx-mkt-tr { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "type price" "where m2" "day d"; gap: 2px 12px; padding: 10px 8px; }
  .sx-mkt-tr .type { grid-area: type; font-weight: 500; }
  .sx-mkt-tr .price { grid-area: price; }
  .sx-mkt-tr .where { grid-area: where; }
  .sx-mkt-tr .m2 { grid-area: m2; color: var(--sx-ink2); }
  .sx-mkt-tr .day { grid-area: day; color: var(--sx-ink3); font-size: 12.5px; }
  .sx-mkt-tr .d { grid-area: d; color: var(--sx-ink3); font-size: 12.5px; }
  .sx-mkt-tr .area { display: none; }
  .sx-mkt-tr .type small { display: inline; margin-left: 6px; }
}

.sx-mdl.sx-mdl-f { width: min(1040px, calc(calc(100vw / var(--bs-zoom, 1)) - 32px)); height: min(860px, calc(100vh / var(--bs-zoom, 1) - 48px)); }
.sx-fpw { display: grid; grid-template-columns: 220px minmax(0, 1fr); min-height: 0; }
.sx-fpw > .sx-mb { min-height: 0; }
.sx-frail { display: flex; flex-direction: column; gap: 2px; padding: 16px 12px; border-right: 1px solid var(--sx-line); overflow-y: auto; }
.sx-frail button { all: unset; box-sizing: border-box; cursor: pointer; height: 36px; flex: none; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 10px 0 12px; border-radius: 10px; font: 500 13.5px/1 var(--font, inherit); color: var(--sx-ink2); transition: background-color var(--sx-fast) var(--sx-ease), color var(--sx-fast) var(--sx-ease); }
.sx-frail button:hover { background: var(--sx-wash); color: var(--sx-ink); }
.sx-frail button[aria-current="true"] { background: var(--sx-press); color: var(--sx-ink); font-weight: 500; }
.sx-frail .t { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sx-frail .n { flex: none; min-width: 20px; height: 20px; box-sizing: border-box; padding: 0 6px; border-radius: 999px; background: var(--sx-ink); color: #fff; font: 600 11.5px/20px var(--font, inherit); text-align: center; font-variant-numeric: tabular-nums; }
.sx-frail .n:empty { display: none; }
.sx-mdl-f .sx-mb { position: relative; padding: 0 32px 32px; scroll-padding-top: 76px; }   
.sx-mdl-f .sx-ap:not(:empty) { padding-bottom: 12px; }
.sx-mdl-f .sx-qk:empty { display: none; }
.sx-mdl-f .sx-qk { padding-bottom: 12px; }

.sx-fsec { border-top: 1px solid var(--sx-line); }
.sx-ap:empty + .sx-qk:empty + .sx-fsec, .sx-fs + #sx-fl > .sx-fsec:first-child { border-top: 0; }
.sx-fsh { margin: 0; }
.sx-fst { all: unset; box-sizing: border-box; cursor: pointer; width: 100%; display: flex; align-items: center; gap: 10px; padding: 22px 0 10px; }
.sx-fst .t { font: 600 18px/1.25 var(--font, inherit); letter-spacing: -0.015em; color: var(--sx-ink); }
.sx-fst .n { font: 550 12.5px/1 var(--font, inherit); color: var(--sx-ink); font-variant-numeric: tabular-nums; }
.sx-fst .chev { margin-left: auto; width: 18px; height: 18px; color: var(--sx-ink3); transition: transform var(--sx-med) var(--sx-ease), color var(--sx-fast) var(--sx-ease); }
.sx-fst:hover .chev { color: var(--sx-ink); }
.sx-fst[aria-expanded="true"] .chev { transform: rotate(180deg); }
.sx-fst:focus-visible { outline-offset: -2px; border-radius: 10px; }
.sx-fsb { padding-bottom: 14px; }
.sx-fsb[hidden], .sx-fmore[hidden] { display: none; }
.sx-fsec.adv .sx-fst .t { font-size: 15px; color: var(--sx-ink2); }
.sx-fadvp { margin: 0 0 4px; font-size: 13px; line-height: 1.45; color: var(--sx-ink2); }
.sx-fsub { margin: 22px 0 0; padding-bottom: 6px; font: 600 13px/1.3 var(--font, inherit); color: var(--sx-ink2); }
.sx-fmore > .sx-fsub:first-child { margin-top: 10px; }
.sx-fmbtn { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 12px; margin: 10px 0 0 -12px; border-radius: 10px; font: 500 13.5px/1 var(--font, inherit); color: var(--sx-ink); transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-fmbtn:hover { background: var(--sx-wash); }
.sx-fmbtn .c { color: var(--sx-ink3); font-weight: 500; font-variant-numeric: tabular-nums; }
.sx-fmbtn .chev { width: 16px; height: 16px; color: var(--sx-ink3); transition: transform var(--sx-med) var(--sx-ease); }
.sx-fmbtn[aria-expanded="true"] .chev { transform: rotate(180deg); }

.sx-mdl-f .sx-fr { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 10px 32px; align-items: start; padding: 16px 0; border-top: 1px solid var(--sx-line); border-radius: 0; }
.sx-mdl-f .sx-fr.sx-fk-layer { display: block; padding: 0; border-top: 0; }
.sx-mdl-f .sx-fk-layer .sx-lyr { grid-template-columns: minmax(0, 1fr) 360px; column-gap: 32px; padding: 14px 0; }

.sx-mdl-f .sx-fk-layer .sx-lyr .rt { width: 100%; justify-content: flex-end; }
.sx-mdl-f .sx-fk-layer .sx-tri { flex: 1; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); height: 36px; box-sizing: border-box; }
.sx-mdl-f .sx-fk-layer .sx-tri button { width: auto; height: 32px; padding: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; }
.sx-mdl-f .sx-fk-layer .sx-lyr .ln small { margin-top: 3px; font-size: 12.5px; line-height: 1.4; }
.sx-mdl-f .sx-fsb > .sx-fr:first-child, .sx-mdl-f .sx-fsb > .sx-fr:first-child .sx-lyr, .sx-mdl-f .sx-fsub + .sx-fr, .sx-mdl-f .sx-fsub + .sx-fr .sx-lyr { border-top: 0; }
.sx-mdl-f .sx-fr.flash { background: rgba(15,20,25,.04); box-shadow: 0 0 0 8px rgba(15,20,25,.04); }
.sx-mdl-f .sx-res .sx-fr { padding-left: 10px; padding-right: 10px; margin: 0 -10px; border-radius: 10px; }
.sx-frl { min-width: 0; padding-top: 2px; }
.sx-frl .ln { display: block; font: 500 14px/1.35 var(--font, inherit); color: var(--sx-ink); }
.sx-frl .hn { display: block; margin-top: 3px; font: 400 12.5px/1.4 var(--font, inherit); color: var(--sx-ink3); }
.sx-frl .gp { display: block; margin-top: 4px; font: 500 11.5px/1.3 var(--font, inherit); color: var(--sx-ink3); }
.sx-fr.set .sx-frl .ln::after { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 0 2px 8px; border-radius: 50%; background: var(--sx-ink); vertical-align: middle; }
.sx-frc { min-width: 0; }
.sx-funits { margin-top: 10px; }

.sx-tri.sx-yn { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; height: 36px; box-sizing: border-box; }
.sx-tri.sx-yn button { width: auto; height: 32px; padding: 0 8px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-size: 13px; transition: background-color var(--sx-fast) var(--sx-ease), color var(--sx-fast) var(--sx-ease), box-shadow var(--sx-fast) var(--sx-ease); }
.sx-tri.sx-yn button small.n { margin: 0; font-size: 12px; }
.sx-yn button.zero, .sx-fchips .sx-chip.zero, .sx-band.zero { color: var(--sx-ink3); }

.sx-sl { position: relative; }   
.sx-mdl-f .sx-sl .sx-hist { height: 44px; margin: 0 12px; gap: 2px; }
.sx-mdl-f .sx-sl .sx-hist i { background: rgba(15,20,25,.2); border-radius: 2px 2px 0 0; min-height: 0; }
.sx-mdl-f .sx-sl .sx-hist.set i { background: rgba(15,20,25,.1); }
.sx-mdl-f .sx-sl .sx-hist.set i.in { background: var(--sx-ink); }
.sx-sl .sx-hist:empty::before { content: ""; flex: 1; align-self: stretch; border-radius: 10px; background: var(--sx-wash); animation: sx-wait 1.1s var(--sx-ease) infinite alternate; }
@keyframes sx-wait { from { opacity: .5; } to { opacity: 1; } }
.sx-hnone { align-self: center; margin: 0 auto; font: 400 12px/1 var(--font, inherit); color: var(--sx-ink3); }
.sx-sl .sx-hdr { bottom: 0; }
.sx-hfill { position: absolute; top: 50%; height: 2px; margin-top: -1px; border-radius: 1px; left: calc(12px + (100% - 24px) * var(--a, 0)); width: calc((100% - 24px) * (var(--b, 1) - var(--a, 0))); background: var(--sx-line3); pointer-events: none; }
.sx-hist.set + .sx-hdr .sx-hfill { background: var(--sx-ink); }
.sx-hdr input:disabled::-webkit-slider-thumb { cursor: default; box-shadow: 0 0 0 1px var(--sx-line2); }
.sx-hdr input:disabled::-moz-range-thumb { cursor: default; box-shadow: 0 0 0 1px var(--sx-line2); }
.sx-ft { display: grid; grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr); align-items: center; gap: 8px; margin-top: 26px; }
.sx-ft .to { height: 1px; background: var(--sx-line3); }
.sx-ft.flat { margin-top: 0; }
.sx-in.sx-fin { display: flex; align-items: center; gap: 6px; height: 36px; box-sizing: border-box; padding: 0 10px; }
.sx-fin .w { flex: none; font: 500 12.5px/1 var(--font, inherit); color: var(--sx-ink3); }
.sx-fin .u { flex: none; font: 500 13px/1 var(--font, inherit); color: var(--sx-ink2); white-space: nowrap; }
.sx-fin .u.pre { margin-right: -3px; }
.sx-in.sx-fin input { flex: 1; min-width: 0; width: auto; font: 500 14px/36px var(--font, inherit); color: var(--sx-ink); }
.sx-fin input::placeholder { color: var(--sx-ink3); }
.sx-mdl-f .sx-pre { margin: 10px 0 0; gap: 6px; }
.sx-mdl-f .sx-pre .sx-chip, .sx-fchips .sx-chip { height: 32px; padding: 0 12px; font-size: 13px; }
.sx-fchips { gap: 6px; }
.sx-fchips .sx-chip small.n:not(:empty) { margin-left: 2px; padding-left: 8px; box-shadow: inset 1px 0 0 var(--sx-line2); }   
.sx-mdl-f .sx-rerr { margin: 8px 0 0; text-align: left; }

.sx-bands { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.sx-band { all: unset; box-sizing: border-box; cursor: pointer; display: grid; align-content: start; gap: 3px; min-height: 76px; padding: 10px 12px; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--sx-line2); transition: box-shadow var(--sx-fast) var(--sx-ease), background-color var(--sx-fast) var(--sx-ease); }
.sx-band:hover { box-shadow: inset 0 0 0 1px var(--sx-line3); background: var(--sx-wash); }
.sx-band[aria-pressed="true"] { box-shadow: inset 0 0 0 1.5px var(--sx-ink); background: var(--sx-wash); }
.sx-band:active { transform: scale(.97); }
.sx-band .g { width: 22px; height: 22px; margin-bottom: 3px; fill: none; stroke: currentColor; stroke-width: 1.6; color: var(--sx-ink2); }
.sx-band .t { font: 500 13px/1.25 var(--font, inherit); color: var(--sx-ink); }
.sx-band[aria-pressed="true"] .t { font-weight: 600; }
.sx-band .n { font: 400 12px/1.2 var(--font, inherit); color: var(--sx-ink3); font-variant-numeric: tabular-nums; }
.sx-band .n:empty::before { content: "\00a0"; }

.sx-fcur .i { width: 14px; height: 14px; margin-left: 2px; color: var(--sx-ink2); }
.sx-fcurrow { margin-top: 8px; }
.sx-mf .clr[aria-disabled="true"] { color: var(--sx-ink3); cursor: default; }
.sx-mf .clr[aria-disabled="true"]:hover { background: none; }

@media (max-width: 768px) {
  .sx-mdl.sx-mdl-f { width: calc(100vw / var(--bs-zoom, 1)); height: calc(100dvh / var(--bs-zoom, 1)); border-radius: 0; }
  .sx-fpw { grid-template-columns: minmax(0, 1fr); }
  
  .sx-mdl-f .sx-ap .sx-apl { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px 2px; }
  .sx-mdl-f .sx-ap .sx-apl::-webkit-scrollbar { display: none; }
  .sx-mdl-f .sx-apc { flex: none; }
  .sx-frail { display: none; }
  .sx-mdl-f .sx-mb { padding: 0 16px 24px; }
  .sx-mdl-f .sx-fr, .sx-mdl-f .sx-fk-layer .sx-lyr { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .sx-fst { padding: 18px 0; }
  .sx-fst .t { font-size: 16px; }
  .sx-fsb { padding-bottom: 8px; }
}

.sx input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,
.sx textarea:focus, .sx select:focus { outline: none; }
.sx input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible,
.sx textarea:focus-visible, .sx select:focus-visible { box-shadow: inset 0 0 0 1.5px var(--brand), 0 0 0 3px rgba(13,148,136,.14); }

.sx :is(.sx-ai, .sx-rq, .sx-find, .sx-in, .sx-fsi, .sx-hdr, .sx-pgi) input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible,
.sx :is(.sx-ai, .sx-sbox, .sx-rq, .sx-find, .sx-in, .sx-fsi, .sx-hdr, .sx-pgi) :is(textarea, select):focus-visible { box-shadow: none; }

.sx-num { border-radius: 4px; text-decoration-thickness: 1px; text-decoration-color: color-mix(in srgb, var(--brand-dark) 45%, transparent); transition: background 120ms; }
.sx-num:hover { text-decoration-color: currentColor; }
.sx-num:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.sx-num[aria-expanded="true"], .sx-num[aria-pressed="true"] { background: color-mix(in srgb, var(--brand) 12%, transparent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 12%, transparent); text-decoration-color: currentColor; }
.sx-num[aria-busy="true"] { opacity: .6; cursor: progress; }
button.sx-pl-tile.sx-num { border-radius: 0; background: none; box-shadow: none; }
.sx-mini button.sx-pl-tile.sx-num b { color: var(--brand-dark); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.sx-mini button.sx-pl-tile.sx-num b { justify-self: start; padding: 0 3px; margin-left: -3px; border-radius: 4px; }
.sx-mini button.sx-pl-tile.sx-num[aria-expanded="true"] b { background: color-mix(in srgb, var(--brand) 12%, transparent); }

.sx-openl { display: grid; gap: 0; margin: 8px 0 4px; grid-column: 1 / -1; }

.sx-openl:not(.sx-sec .sx-openl) { margin-left: var(--sx-gut, 24px); margin-right: var(--sx-gut, 24px); }
@media (max-width: 768px) { .sx-openl:not(.sx-sec .sx-openl) { --sx-gut: 16px; } }
.sx-openl-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--sx-line); font-size: 13.5px; cursor: pointer; }
.sx-openl-row:last-child { border-bottom: 1px solid var(--sx-line); }
.sx-openl-row:hover { background: var(--sx-wash); }
.sx-openl-row .sx-app { flex: 1; min-width: 0; }
.sx-openl-t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sx-openl-t small { color: var(--sx-ink3); margin-left: 4px; }
.sx-openl-m { flex: none; color: var(--sx-ink2); font-variant-numeric: tabular-nums; }
.sx-openl-note { margin: 6px 0 0; font-size: 12px; color: var(--sx-ink3); line-height: 1.45; }
dd > .sx-openl { font-weight: 400; }

.sx-tag.sx-tag-open:hover { background: rgba(15,20,25,.1); color: var(--sx-ink); }
.sx-tag.new { background: color-mix(in srgb, var(--brand) 14%, transparent); color: var(--brand-dark); }

.sx-omw { position: relative; flex: none; }
.sx-amenu { position: absolute; top: calc(100% + 6px); right: 0; z-index: 6; min-width: 200px; padding: 6px; display: grid; background: #fff; border-radius: 12px; box-shadow: 0 0 0 .5px rgba(15,20,25,.14), 0 12px 32px rgba(15,20,25,.16); animation: sx-rise var(--sx-fast) var(--sx-ease); }
.sx-amenu[hidden] { display: none; }
.sx-amenu.up { top: auto; bottom: calc(100% + 6px); }
.sx-amenu .sx-mi { all: unset; box-sizing: border-box; cursor: pointer; height: 36px; padding: 0 10px; border-radius: 8px; display: flex; align-items: center; gap: 10px; font: 500 13.5px/1 var(--font, inherit); color: var(--sx-ink); white-space: nowrap; text-decoration: none; transition: background-color var(--sx-fast) var(--sx-ease); }
.sx-amenu .sx-mi:hover, .sx-amenu .sx-mi:focus-visible { background: var(--sx-wash); outline: none; }
.sx-amenu .sx-mi .i { width: 16px; height: 16px; color: var(--sx-ink2); }
.sx-omb[aria-expanded="true"] { background: var(--sx-press); }

@container sxcol (max-width: 479px) {
  .sx-svx { display: none; }
  .sx-svxm { display: block; }
  .sx-pg { margin-left: auto; }
  .sx-acts .sx-xo { display: none; }
  .sx-acts .sx-actmore { display: block; }
  .sx-acts:not(.has-more) .sx-amenu .sx-xom { display: flex; }
}
@container sxcol (max-width: 379px) { .sx-tiles:not(.two) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.sx-hd { display: flex; flex-direction: column; align-items: flex-start; }
.sx-hd-top { display: contents; }
.sx-hd-top .sx-lk-btn { order: 3; margin: 2px 0 0 -10px; }
.sx-ro .r { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sx-ro > span:nth-child(2) { min-width: 0; }
.sx-rinfo { display: inline-grid; place-items: center; width: 16px; height: 16px; margin-left: 4px; vertical-align: -2px; color: var(--sx-ink3); cursor: help; }
.sx-rinfo svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.sx-vh { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

@media (min-width: 769px) and (max-width: 1119px) { .sx-body { grid-template-columns: 440px minmax(0, 1fr); } }

@media (min-width: 769px) {
  .sx { display: flex; flex-direction: column; height: calc(100vh / var(--bs-zoom, 1) - var(--nav-h)); height: calc(100dvh / var(--bs-zoom, 1) - var(--nav-h)); }
  .sx-body { flex: 1; min-height: 0; height: auto; }
  .sx-fb { gap: 12px; overflow: visible; }
  .sx-fb::after { display: none; }
  .sx-fb.over:not(:has(.sx-clear)) { -webkit-mask-image: none; mask-image: none; }
  .sx-fb-row { flex: 1; min-width: 0; height: 100%; display: flex; align-items: center; gap: 6px; overflow-x: auto; scrollbar-width: none; }
  .sx-fb-row::-webkit-scrollbar { display: none; }
  .sx-fb-row.over:not(.end) { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent); }
  .sx-fb-row.over.mid:not(.end) { -webkit-mask-image: linear-gradient(90deg, transparent, #000 48px, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(90deg, transparent, #000 48px, #000 calc(100% - 48px), transparent); }
  .sx-fb-row.over.mid.end { -webkit-mask-image: linear-gradient(90deg, transparent, #000 48px); mask-image: linear-gradient(90deg, transparent, #000 48px); }
  .sx-fb .sx-clear { position: static; flex: none; margin: 0 0 0 4px; padding: 8px 4px; box-shadow: none; background: none; }
  .sx-fb .sx-fbtn.sx-allf { flex: none; margin-left: auto; }
}

.sx-afind input { all: unset; flex: 1; min-width: 0; font-size: 15px; color: var(--sx-ink); }
.sx-afind input::placeholder { color: var(--sx-ink3); }
.sx-atabs { display: flex; flex-wrap: wrap; gap: 8px 6px; }

.sx-arrive { display: grid; gap: 12px; }
.sx-alist { display: grid; gap: 2px; max-height: 280px; overflow-y: auto; }
.sx-alist:empty { display: none; }
.sx-aopt { grid-template-columns: 1fr; }
.sx-cchips { display: flex; flex-wrap: wrap; gap: 6px; }
.sx-cchip { display: inline-flex; align-items: center; gap: 4px; height: 30px; padding: 0 4px 0 12px; border-radius: 15px; background: var(--sx-wash); font-size: 13px; font-weight: 500; color: var(--sx-ink); }
.sx-cchip button { all: unset; cursor: pointer; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 12px; font-size: 16px; color: var(--sx-ink2); }
.sx-cchip button:hover { background: var(--sx-press); color: var(--sx-ink); }
.sx-arow { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px; }
.sx-aadd { all: unset; cursor: pointer; height: 32px; padding: 0 12px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--brand-dark); }
.sx-aadd:hover { background: var(--sx-wash); }

.sx-stop-more { font: inherit; color: var(--brand-dark); text-decoration: underline; text-underline-offset: 2px; padding: 0; }
.sx-lyr.byset small { color: var(--brand-dark); }

.sx-mapw .sx-tilenote { bottom: 10px; z-index: 2; width: max-content; max-width: min(440px, calc(100% - 32px)); white-space: normal; align-items: flex-start; font-weight: 500; line-height: 1.4; }
.sx-mapw .sx-tilenote > span { overflow: visible; }
.sx-mapw .sx-tilenote .plota-map-notice-ico { margin-top: 2px; }
.sx-mapw .sx-tilenote.sx-tilenote-off { visibility: hidden; }

.sx-mapw.no-map > :not(#sx-map) { display: none !important; }
.sx-mapw.no-map .sx-map { display: grid; place-items: center; padding: 24px; box-sizing: border-box; background: var(--sx-soft); }
.sx-nomap { max-width: 360px; text-align: center; }
.sx-nomap p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--sx-ink2); }
@media (max-width: 768px) { .sx-mapw.no-map .sx-map { place-items: start center; padding-top: 40px; } }   

.sx-stale { display: flex; align-items: center; gap: 12px; margin: 12px 24px 4px; padding: 10px 10px 10px 14px; border: 1px solid var(--sx-line2); border-radius: 10px; background: var(--sx-soft); }
.sx-stale p { margin: 0; flex: 1; min-width: 0; font-size: 13px; line-height: 1.4; color: var(--sx-ink2); }
.sx-stale .sx-st-go { height: 32px; padding: 0 12px; font-size: 13px; line-height: 32px; border-radius: 8px; }

.sx-fail { margin: 8px 0; font-size: 13px; line-height: 1.45; color: var(--sx-ink2); }
@media (max-width: 768px) { .sx-stale { margin-left: 16px; margin-right: 16px; } }

@media (max-width: 768px) {
  
  body.sx-page { display: flex; flex-direction: column; height: calc(100vh / var(--bs-zoom, 1)); height: calc(100dvh / var(--bs-zoom, 1)); }
  
  body.sx-page > :not(.sx), body.sx-page > #sx > :not(.sx-body) { flex: none; }
  body.sx-page > #sx { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
  .sx-body { flex: 1 1 auto; min-height: 0; height: auto; display: flex; flex-direction: column; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; position: relative; }
  .sx-col { order: 3; flex: none; position: relative; overflow: visible; border-right: 0; padding-bottom: env(safe-area-inset-bottom, 0px); }
  
  .sx-mapw { order: 2; flex: none; position: relative; height: clamp(180px, calc(25vh / var(--bs-zoom, 1)), 320px); height: clamp(180px, calc(25dvh / var(--bs-zoom, 1)), 320px); }
  .sx-body[data-view="list"] .sx-mapw, .sx-body[data-start] .sx-mapw { height: 0; visibility: hidden; }
  .sx-body[data-start] .sx-vpill { display: none; }
  
  .sx-body[data-view="map"] { overflow: hidden; }
  .sx-body[data-view="map"] .sx-mapw { position: absolute; inset: 0; z-index: 1000; height: auto; visibility: visible; }

  
  .sx-vpill { all: unset; box-sizing: border-box; order: 1; flex: none; align-self: flex-start; position: relative; z-index: 6; display: inline-flex; align-items: center; gap: 7px;
    height: 40px; margin: 12px 0 -52px 12px; padding: 0 14px 0 12px; border-radius: 999px; background: #fff; border: 1px solid var(--border-hover, #cfd9de);
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06)); font: 600 13.5px/1 var(--font, inherit); color: var(--text); white-space: nowrap; cursor: pointer; }
  .sx-vpill .i { width: 16px; height: 16px; }
  .sx-vpill::before { content: ""; position: absolute; inset: -2px; }   
  .sx-vpill .sx-vp-map, .sx-vpill .sx-vp-show { display: none; }
  .sx-body[data-view="list"] .sx-vpill .sx-vp-map, .sx-body[data-view="list"] .sx-vpill .sx-vp-show { display: inline; }
  .sx-body[data-view="list"] .sx-vpill .sx-vp-list, .sx-body[data-view="list"] .sx-vpill .sx-vp-hide { display: none; }
  .sx-body[data-view="list"] .sx-vpill { margin: 12px 0 0 14px; box-shadow: none; }
  .sx-body[data-view="map"] .sx-vpill { display: none; }

  
  #sx-full { display: none; }
  .sx-mapw .sx-expand { display: inline-flex; position: absolute; top: var(--sx-mi); right: var(--sx-mi); z-index: 3; }
  .sx-expand .sx-ex-close, .sx-expand[aria-pressed="true"] .sx-ex-open { display: none; }
  .sx-expand[aria-pressed="true"] .sx-ex-close { display: block; }
  .sx-expand[aria-pressed="true"] { background: #fff; border-color: var(--border-hover, #cfd9de); color: var(--text); }
  .sx-mc-tl { top: calc(var(--sx-mi) + var(--sx-mh) + var(--sx-mg)); right: var(--sx-mi); left: auto; flex-direction: column; }
  .sx-mc-tl #sx-asm-btn { width: var(--sx-mh); padding: 0; }
  .sx-mc-tl #sx-asm-btn > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .sx-body:not([data-view="map"]) .sx-mc-tl #sx-asm-btn { display: none; }
  .sx-mtools { top: calc(var(--sx-mi) + var(--sx-mh) + var(--sx-mg)); left: 50%; right: auto; transform: translateX(-50%); max-width: calc(100% - 2 * (var(--sx-mi) + var(--sx-mh) + var(--sx-mg))); }
  .sx-body[data-view="map"] .sx-mtools { top: var(--sx-mi); }
  .sx-legend, .sx-legend.multi { top: auto; bottom: 0; left: 0; right: 0; width: auto; min-width: 0; max-width: none; height: auto; display: flex; flex-direction: column-reverse;
    padding: 0 8px 0 6px; border: 0; border-top: 1px solid var(--sx-line2); border-radius: 0; box-shadow: none; background: rgba(255,255,255,.94); }
  .sx-legend .sx-lg-h { padding-right: 6px; }
  .sx-legend .sx-lg-n { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
  .sx-legend .sx-lg-menu { margin: 0; border-top: 0; }
  .sx-legend .sx-lg-menu button { height: 40px; }
  .sx-body[data-view="map"] .sx-mapw:has(#sx-legend:not([hidden])) .maplibregl-ctrl-bottom-left, .sx-body[data-view="map"] .sx-mapw:has(#sx-legend:not([hidden])) .maplibregl-ctrl-bottom-right { bottom: 40px; }
  
  .sx-body:not([data-view="map"]) .sx-mapw :is(.maplibregl-ctrl-bottom-left, .maplibregl-ctrl-bottom-right .maplibregl-ctrl-group, #sx-legend) { display: none; }
  .sx-mapw:has(.sx-lg-menu) .maplibregl-ctrl-bottom-left, .sx-mapw:has(.sx-lg-menu) .maplibregl-ctrl-bottom-right { visibility: hidden; }
  
  .sx-mapw .sx-tilenote { top: calc(var(--sx-mi) + var(--sx-mh) + var(--sx-mg)) !important; bottom: auto !important; left: var(--sx-mi); transform: none; max-width: calc(100% - 2 * var(--sx-mi) - var(--sx-mh) - var(--sx-mg)); }
  .sx-body:not([data-view="map"]) .sx-mapw .sx-tilenote { display: none; }
  .sx-body[data-view="map"] .sx-mapw:has(.sx-mtools > :not([hidden])) .sx-tilenote { top: calc(var(--sx-mi) + 2 * (var(--sx-mh) + var(--sx-mg))) !important; }

  
  .sx-car { display: block; position: fixed; left: 0; right: 0; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 1010; }
  .sx-car[hidden] { display: none; }
  .sx-car-row { display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 0 24px; scroll-padding: 0 24px; }
  .sx-car-row::-webkit-scrollbar { display: none; }
  .sx-car-i { flex: none; width: calc(100% - 48px); max-width: 420px; scroll-snap-align: center; border-radius: 14px; background: #fff; box-shadow: 0 0 0 .5px rgba(15,20,25,.14), 0 8px 28px rgba(15,20,25,.22); }
  .sx-car-i .sx-row { border-radius: 14px; }
  .sx-car-i .sx-ri { border: 0; }
  .sx-car-i .sx-row { padding: 12px 14px; }
  .sx-car-i .sx-pick, .sx-car-i .sx-rsave { display: none; }
  .sx-car-x { all: unset; box-sizing: border-box; cursor: pointer; position: absolute; right: 12px; top: -52px; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: var(--text); border: 1px solid var(--border-hover, #cfd9de); box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06)); }
  .sx-car-x .i { width: 16px; height: 16px; }
  
  .sx-body:not([data-view="map"]) #sx-locate { display: none; }

  
  .sx-page .sx-fb .sx-fbtn, .sx-page .sx-ax, .sx-page .sx-sortb, .sx-page .sx-rule, .sx-page button.sx-rule.more, .sx-page .sx-cnt { height: 40px; font-size: 14px; }
  .sx-page .sx-fb .sx-fbtn { padding: 0 14px 0 13px; }
  .sx-page .sx-ax { width: 40px; }

  
  .sx-page .sx-rh { padding: 12px 14px 10px; gap: 10px; }
  .sx-page .sx-rh-top { gap: 4px; }
  
  .sx-page .sx-rh-top { flex-wrap: wrap; row-gap: 6px; }
  .sx-page .sx-rh-top h1 { font-size: 22px; flex: 1 0 100%; align-items: baseline; flex-wrap: wrap; gap: 0 6px; height: auto; white-space: normal; line-height: 1.25; }
  .sx-page .sx-rh-n { white-space: nowrap; }
  .sx-page .sx-rh-in { margin-left: 0; font-size: 14px; font-weight: 500; letter-spacing: 0; color: var(--sx-ink2); flex: 0 1 auto; max-width: 100%; }
  .sx-page .sx-how { width: 40px; height: 40px; flex: none; }
  .sx-page .sx-sortb { flex: none; padding: 0 12px 0 14px; }
  .sx-page .sx-sortb .k { display: none; }
  .sx-page .sx-rhmore { all: unset; box-sizing: border-box; cursor: pointer; flex: none; width: 40px; height: 40px; border-radius: 50%; display: inline-grid; place-items: center; color: var(--sx-ink); box-shadow: inset 0 0 0 1px var(--sx-line2); }
  .sx-page .sx-rhmore[aria-expanded="true"] { background: var(--sx-wash); }
  .sx-page .sx-rh-acts { display: none; }
  .sx-page .sx-applied, .sx-page .sx-cnts { display: flex; flex-wrap: nowrap; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 -14px; padding: 0 14px; }
  .sx-page .sx-applied::-webkit-scrollbar, .sx-page .sx-cnts::-webkit-scrollbar { display: none; }
  
  .sx-page .sx-rhx { display: flex; flex-wrap: nowrap; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 -14px; padding: 0 14px; }
  .sx-page .sx-rhx::-webkit-scrollbar { display: none; }
  .sx-page .sx-rhx > :is(.sx-applied, .sx-cnts) { display: contents; overflow: visible; margin: 0; padding: 0; }
  .sx-page .sx-rhx > .sx-applied + .sx-cnts::before { content: ""; flex: none; align-self: center; width: 1px; height: 24px; margin: 0 4px; background: var(--sx-line2); }
  .sx-page .sx-rule { flex: none; max-width: none; padding: 0 0 0 14px; background: rgba(15,20,25,.05); }
  .sx-page .sx-rule button { width: 40px; height: 40px; }
  .sx-page .sx-rule button .i { width: 14px; height: 14px; }
  .sx-page button.sx-rule.more { flex: none; padding: 0 14px; line-height: 40px; }
  .sx-page .sx-cnts { margin-top: 0; }
  .sx-page .sx-cnt, .sx-page .sx-cnt.is-off:hover { flex: none; display: inline-flex; align-items: center; gap: 5px; padding: 0 14px; border-radius: 999px; white-space: nowrap; }
  .sx-page .sx-cnt b { font-size: 14px; }
  .sx-page .sx-cnt span { font-size: 14px; line-height: 1; }
  .sx-page .sx-note { margin: 10px 14px 0; }
  .sx-page .sx-car-row { --swipe-bg: transparent; }
  
  .sx-page .sx-pick { left: 13px; top: 9px; width: 44px; height: 44px; border-radius: 0; background: none; box-shadow: none; }
  .sx-page .sx-pick::before { content: ""; position: absolute; left: 11px; top: 11px; width: 22px; height: 22px; box-sizing: border-box; border-radius: 6px; background: rgba(255,255,255,.92); box-shadow: 0 0 0 1px var(--sx-line2), 0 1px 2px rgba(15,20,25,.08); }
  .sx-page .sx-pick:has(input:checked)::before { background: var(--sx-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 14px no-repeat; box-shadow: none; }
  .sx-page .sx-pick input { position: relative; z-index: 1; width: 44px; height: 44px; opacity: 0; }
  .sx-page .sx-rsave { left: 68px; top: 12px; width: 44px; height: 44px; background: none; box-shadow: none; }
  .sx-page .sx-rsave::before { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: rgba(255,255,255,.92); box-shadow: 0 0 0 1px var(--sx-line2), 0 1px 2px rgba(15,20,25,.08); }
  .sx-page .sx-rsave .i { position: relative; }
  
  .sx-page .sx-ri .sx-tags { height: auto; align-items: flex-start; }
  .sx-page .sx-ri .sx-row > .sx-th { align-self: start; }   
  .sx-page .sx-ri .sx-tag:first-child { flex: 0 1 auto; height: auto; min-height: 24px; padding-top: 4px; padding-bottom: 4px; white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.3; }
  .sx-page .sx-ri .sx-tag:first-child .tt { white-space: normal; overflow: visible; text-overflow: clip; }
  .sx-page .sx-legend .sx-lg-h, .sx-page .sx-legend .sx-lg-by { height: 40px; }
  .sx-page .sx-mapw #sx-expand[aria-pressed="true"] { background: #fff; border-color: var(--border-hover, #cfd9de); color: var(--text); }
  
  .sx-page .sx-pop .sx-mi, .sx-page .sx-pop [role="menuitemradio"], .sx-page .sx-pop .sx-opt { height: auto; min-height: 44px; }
  .sx-page .sx-mx { width: 40px; height: 40px; left: 10px; top: 10px; }
  .sx-page .sx-chip, .sx-page .sx-qc, .sx-page .sx-apt, .sx-page .sx-apx { height: 40px; }
  .sx-page .sx-apx { width: 40px; }
  .sx-page .sx-units button { padding: 0 12px; height: 40px; display: inline-flex; align-items: center; }
  .sx-page .sx-units { padding: 2px; }
  .sx-page .sx-mdl input[type="range"] { height: 40px; }
  .sx-page .sx-mdl-f .sx-pre .sx-chip, .sx-page .sx-fchips .sx-chip, .sx-page .sx-pre .sx-chip { height: 40px; }
  .sx-page .sx-mdl-f input:is([type="text"], [type="number"], :not([type])) { min-height: 40px; box-sizing: border-box; }
  .sx-page .pmt-menu .pmt-item { min-height: 44px; }
  .sx-page .sx-toast button { height: 40px; }
  .sx-page :is(.sx-pf, .sx-mf) :is(.clr, .go) { min-height: 40px; min-width: 80px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; }
  .sx-page .sx-asm-done, .sx-page .sx-asm-x { min-width: 40px; height: 40px; line-height: 40px; }
  .sx-page .sx-asm-t { min-height: 40px; }
  .sx-page .sx-afind input { min-height: 40px; }
  
  .sx-page .plota-drawer-close { width: 40px; height: 40px; }
  .sx-page .plota-check-close { width: 40px; height: 40px; }
  .sx-page .plota-check-line { min-height: 44px; }
  .sx-page .plota-check-link { padding: 13px 0; }
  .sx-page .sx-mt-add, .sx-page .sx-mt-img { height: 40px; line-height: 40px; }

  
  @media (max-width: 480px) {
    .sx-page .sx-fb .sx-fbtn.sx-new { width: 40px; padding: 0; justify-content: center; }
    .sx-page .sx-fb .sx-fbtn.sx-new > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .sx-page .sx-achip .sx-fbtn.area { max-width: calc(100vw / var(--bs-zoom, 1) - 120px); }
    .sx-page .sx-achip:has(.sx-ax) .sx-fbtn.area { max-width: calc(100vw / var(--bs-zoom, 1) - 166px); }
  }

  
  .sx-page .sx-mlegend .sx-mt-x { position: relative; }
  .sx-page .sx-mlegend .sx-mt-x::before { content: ""; position: absolute; inset: -10px; }

  
  .sx:has(#sx-car:not([hidden])) .sx-body[data-view="map"] .sx-mapw :is(.maplibregl-ctrl-bottom-left, .maplibregl-ctrl-bottom-right, #sx-legend) { visibility: hidden; }
}