.ss{background:#fff;border:1px solid #dcdcd7;border-radius:4px;padding:22px 24px 18px;position:relative;container:ss/inline-size}.ss-h{font:500 11px/1.4 var(--fl-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fl-text-muted);border-bottom:1px solid #ecece8;justify-content:space-between;gap:12px;margin:0 0 18px;padding-bottom:12px;display:flex}.ss-b{grid-template-columns:auto minmax(0,1fr);gap:28px;display:grid}.ss-map,.ss-rank{flex-direction:column;display:flex}.ss-seats{grid-template-columns:repeat(8,23px);gap:8px;display:grid}.ss-seat{aspect-ratio:1;box-sizing:border-box;background:#e3e3de;border:1px solid #0000;padding:0;display:block}.ss-seat.l0{background:#f6f6f3;border-color:#ddddd7}.ss-seat.l2{background:#c6c7c0}.ss-seat.l3{background:#9a9b94}button.ss-seat{cursor:pointer;transition:transform .2s,background-color .2s}button.ss-seat.l1,button.ss-seat.l2{background:#b4c6c3}button.ss-seat.l3{background:#6e8e8a}.ss-seat.is-agent{border-radius:50%}.ss-seat.is-on{outline:1.5px solid var(--fl-canal);outline-offset:3px}button.ss-seat.is-on{background:var(--fl-canal)}button.ss-seat.l0.is-on{border-color:var(--fl-canal);background:#fff}button.ss-seat:hover{transform:scale(1.1)}button.ss-seat:focus-visible{outline:2px solid var(--fl-focus);outline-offset:3px}.ss-cap{font:400 11px/1.4 var(--fl-font-mono);letter-spacing:.04em;color:var(--fl-text-floor);margin:auto 0 0;padding-top:12px}.ss-rank-h{font:400 10px/1.3 var(--fl-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fl-text-floor);justify-content:space-between;gap:10px;margin:0 0 6px;padding:0 6px;display:flex}.ss-rank ul{margin:0;padding:0;list-style:none}.ss-row{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;grid-template-columns:minmax(0,104px) minmax(0,1fr) 44px;align-items:center;gap:10px;width:100%;margin:0;padding:6px;transition:background-color .2s;display:grid}.ss-row:hover,.ss-row.is-on{background:#f3f5f4}.ss-row:focus-visible{outline:2px solid var(--fl-focus);outline-offset:1px}.ss-name{white-space:nowrap;text-overflow:ellipsis;font:400 13px/1.3 var(--fl-font-sans);color:var(--fl-ink);overflow:hidden}.ss-row.is-agent .ss-name{font:400 12px/1.3 var(--fl-font-mono)}.ss-row.is-on .ss-name{color:var(--fl-canal);font-weight:500}.ss-q{font:400 12px/1.3 var(--fl-font-mono);color:var(--fl-text-secondary);text-align:right;font-variant-numeric:tabular-nums}.ss-row.is-on .ss-q{color:var(--fl-ink)}.ss-strip{grid-template-columns:repeat(30,minmax(0,1fr));place-items:center;height:12px;display:grid}.ss-strip i,.ss-key i{background:#d2d3cd;width:2px;height:2px;display:block}.ss-strip i.is-s,.ss-key i.is-s{background:#8e8f88}.ss-strip i.h1{width:4px;height:4px}.ss-strip i.h4{width:6px;height:6px}.ss-strip i.h8,.ss-key i.h8{width:8px;height:8px}.ss-row.is-on .ss-strip i.is-s{background:#5f605a}.ss-strip i.is-open,.ss-key i.is-open,.ss-row.is-on .ss-strip i.is-open{background:var(--fl-canal)}.ss-strip i.is-pending,.ss-key i.is-pending,.ss-row.is-on .ss-strip i.is-pending{border:1.5px solid var(--fl-canal);box-sizing:border-box;background:#fff}.ss-key{font:400 11px/1.4 var(--fl-font-sans);color:var(--fl-text-muted);flex-wrap:wrap;gap:6px 16px;margin:auto 0 0;padding:12px 6px 0;display:flex}.ss-key span{align-items:center;gap:6px;display:inline-flex}.ss-row .ss-name,.ss-row .ss-q,.ss-row .ss-strip i{transition:color .2s,background-color .2s,font-weight .2s}@media (prefers-reduced-motion:no-preference){.ss-row.is-on,.ss-row.is-on .ss-name,.ss-row.is-on .ss-q,.ss-row.is-on .ss-strip i{transition-delay:.75s}.ss-row:hover,.ss-row:hover .ss-name,.ss-row:hover .ss-q,.ss-row:hover .ss-strip i{transition-delay:0s}}.ss-dots i{background:var(--fl-canal);opacity:0;pointer-events:none;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;top:0;left:0}@container ss (max-width:599px){.ss-h{flex-direction:column;gap:4px}.ss-h span{text-wrap:balance}.ss-b{grid-template-columns:minmax(0,1fr);gap:22px}.ss-seats{grid-template-columns:repeat(16,minmax(0,1fr));gap:6px}}@container ss (max-width:399px){.ss-seats{gap:4px}.ss-rank-by{display:none}}@media (max-width:767px){.ss{padding:18px 16px 14px}.ss-row{grid-template-columns:minmax(0,88px) minmax(0,1fr) 40px;gap:8px}}@media (prefers-reduced-motion:reduce){button.ss-seat,.ss-row,.ss-row .ss-name,.ss-row .ss-q,.ss-row .ss-strip i{transition:none}button.ss-seat:hover{transform:none}}