.szd{--szd-h:56px;position:relative}.szd-row{align-items:center;gap:2px;padding-top:34px;display:flex;position:relative}.szd-hit{--szd-d:calc(26px + 18px * var(--szd-k,0));min-width:0;min-height:var(--szd-h);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:1 1 0;place-items:center;padding:0;display:grid}.szd-dot{width:min(var(--szd-d), 100%);aspect-ratio:1;border:2px solid var(--ink);background:var(--card);color:var(--ink-soft);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:13px;font-weight:800;line-height:1;display:grid}.szd-hit.is-on .szd-dot{background:var(--dot-on,var(--map));color:var(--ink);box-shadow:2px 3px 0 var(--ink);border-width:2.5px}.szd-hit:focus-visible{outline:none}.szd-hit:focus-visible .szd-dot{outline:3px solid var(--map-ink);outline-offset:3px}@media (hover:hover){.szd-hit:not(.is-on):hover .szd-dot{background:var(--map-soft);color:var(--ink)}}.szd-tip{bottom:calc(var(--szd-h) / 2 + var(--szd-d) / 2 + 10px);left:calc(var(--szd-p,.5) * 100%);transform:translateX(calc(var(--szd-p,.5) * -100%));background:var(--ink);color:#fff;text-align:center;pointer-events:none;border-radius:10px;width:max-content;max-width:100%;padding:5px 10px;font-size:13px;font-weight:800;line-height:1.2;position:absolute}.szd-tip:after{content:"";top:100%;left:clamp(10px, calc(var(--szd-p,.5) * 100%), calc(100% - 10px));border:6px solid #0000;border-top-color:var(--ink);margin-left:-6px;position:absolute}.szd-ends{color:var(--ink-soft);justify-content:space-between;gap:12px;margin:4px 0 0;font-size:13px;font-weight:700;display:flex}.szd-ends span:last-child{text-align:right}@media (min-width:640px){.szd{--szd-h:64px}.szd-row{gap:6px}.szd-hit{--szd-d:calc(30px + 22px * var(--szd-k,0))}.szd-dot{font-size:14px}}@media (prefers-reduced-motion:no-preference){.szd-dot{transition:background-color .15s,transform .15s}.szd-hit:active .szd-dot{transform:scale(.94)}.szd-hit.is-on .szd-dot{animation:.32s cubic-bezier(.34,1.6,.64,1) both szd-pop}.szd-tip{animation:.22s ease-out both szd-tip}}@keyframes szd-pop{0%{transform:scale(.8)}}@keyframes szd-tip{0%{opacity:0;translate:0 4px}}.szd.is-compact{--szd-h:48px}.szd.is-compact .szd-row{padding-top:28px}.szd.is-compact .szd-hit{--szd-d:calc(22px + 16px * var(--szd-k,0));min-height:48px}.szd.is-compact .szd-dot{font-size:12px}.szd.is-compact .szd-tip{bottom:calc(var(--szd-h) / 2 + var(--szd-d) / 2 + 8px);padding:4px 9px;font-size:12.5px}.szd.is-compact .szd-ends{margin-top:2px;font-size:12.5px}@media (min-width:640px){.szd.is-compact{--szd-h:52px}.szd.is-compact .szd-hit{--szd-d:calc(26px + 18px * var(--szd-k,0));min-height:52px}.szd.is-compact .szd-dot{font-size:13px}}