.session-chip{border:1px solid var(--line);min-width:0;color:var(--ss-on-surface);font-family:var(--ss-font-ui);font-variant-numeric:tabular-nums;border-radius:10px;align-items:stretch;display:inline-flex;position:relative}.session-chip.chip-signal{background:var(--ss-surface-container-high)}html[data-color-mode=light] .session-chip.chip-signal,html[data-color-mode=light] .session-chip.is-clickable.chip-signal{background:#fff}.session-chip .chip-when{flex-direction:column;flex:auto;justify-content:center;gap:2px;min-width:0;padding:6px 10px;display:flex}.session-chip .chip-hall{align-items:center;gap:6px;width:100%;min-height:12px;display:flex}.session-chip .chip-hall-name{color:var(--ss-on-surface-variant);white-space:nowrap;font-size:10px;font-weight:500}.session-chip .chip-time{color:#fff;font-family:var(--ss-font-ui);letter-spacing:.01em;font-size:15px;font-weight:500;line-height:1.15}.session-chip--event{overflow:visible}.session-chip--event:hover,.session-chip--event:focus-within{z-index:4}.session-chip .chip-event{z-index:2;--chip-event-bg:#ff4f93;background:var(--chip-event-bg);min-width:18px;height:18px;box-shadow:0 0 0 2px var(--session-container-bg,var(--ss-surface-container));color:#fff;letter-spacing:.02em;white-space:nowrap;text-align:center;border-radius:999px;padding:0 6px;font-size:10px;font-weight:700;line-height:18px;display:inline-block;position:absolute;top:-6px;right:-6px;overflow:visible}.session-chip .chip-event__text{text-overflow:ellipsis;white-space:nowrap;max-width:6em;display:block;overflow:hidden}.session-chip .chip-partial-seat{outline:none;flex:none;align-items:center;margin-left:auto;margin-right:-3px;display:flex;position:relative}.session-chip{--chip-partial-seat-yellow:#f0a020}.session-chip .chip-partial-seat__mark{background:var(--chip-partial-seat-yellow);color:#fff;border-radius:3px;place-items:center;width:12px;height:12px;display:grid}.session-chip .chip-partial-seat__mark svg{width:8px;height:8px}.session-chip .chip-partial-seat:focus-visible .chip-partial-seat__mark{outline:2px solid var(--chip-partial-seat-yellow);outline-offset:2px}.chip-partial-seat__positioner{z-index:40}.chip-partial-seat__tip{border:1px solid var(--ss-outline);border-radius:var(--ss-radius-button);background:var(--ss-surface);width:max-content;max-width:min(16rem,70vw);box-shadow:var(--ss-elevation-soft);color:var(--ss-on-surface);font-family:var(--ss-font-ui);letter-spacing:0;text-align:left;white-space:nowrap;pointer-events:none;will-change:transform, opacity;padding:6px 10px;font-size:12px;font-weight:600;line-height:1.4;position:relative}.chip-partial-seat__arrow{pointer-events:none;display:flex}.chip-partial-seat__arrow[data-side=top]{top:auto;bottom:-6px;rotate:180deg}.chip-partial-seat__arrow[data-side=bottom]{top:-6px;bottom:auto}.chip-partial-seat__arrow[data-side=left]{left:auto;right:-6px;rotate:90deg}.chip-partial-seat__arrow[data-side=right]{left:-6px;right:auto;rotate:-90deg}.chip-partial-seat__arrow svg{display:block;overflow:visible}.chip-partial-seat__arrow-fill{fill:var(--ss-surface)}.chip-partial-seat__arrow-stroke{fill:none;stroke:var(--ss-outline);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;vector-effect:non-scaling-stroke}.session-chip .chip-event:after{content:attr(data-tooltip);z-index:3;border:1px solid var(--ss-outline);border-radius:var(--ss-radius-button);background:var(--ss-surface);width:max-content;max-width:min(16rem,70vw);box-shadow:var(--ss-elevation-soft);color:var(--ss-on-surface);font-family:var(--ss-font-ui);letter-spacing:0;text-align:left;white-space:normal;opacity:0;pointer-events:none;padding:6px 10px;font-size:12px;font-weight:600;line-height:1.4;transition:opacity 90ms;position:absolute;top:calc(100% + 6px);right:0}.session-chip .chip-event:hover:after,.session-chip .chip-event:focus-visible:after{opacity:1;transition-delay:.3s}@media (prefers-reduced-motion:reduce){.session-chip .chip-event:after{transition:none}.session-chip .chip-event:hover:after,.session-chip .chip-event:focus-visible:after{transition-delay:0s}}html[data-color-mode=light] .session-chip .chip-event{--chip-event-bg:#ff4f93;box-shadow:0 0 0 2px var(--session-container-bg,#fff)}.session-chip--timeline.session-chip--event .chip-event,.session-chip--timeline-poster.session-chip--event .chip-event{min-width:16px;height:16px;padding:0 5px;font-size:9px;line-height:16px;top:-4px;right:-4px}html[data-color-mode=light] .session-chip .chip-time{color:#000}.session-chip .chip-end{color:var(--ss-on-surface-variant);letter-spacing:0;margin-left:4px;font-size:11px;font-weight:500}.chip-nextday{color:var(--ss-on-surface-variant);letter-spacing:0;margin-left:3px;font-size:10px;font-style:normal;font-weight:500}.session-chip .chip-seatmap,.session-chip .chip-remaining{position:relative}.session-chip .chip-seatmap:before{content:"";background:var(--line);pointer-events:none;width:1px;position:absolute;top:7px;bottom:7px;left:0}.session-chip:not(:has(.chip-seatmap)) .chip-remaining:before{content:"";background:var(--line);pointer-events:none;width:1px;position:absolute;top:7px;bottom:7px;left:0}html[data-color-mode=light] .session-chip.chip-no-signal .chip-seatmap:before{background:var(--ss-surface-container-highest)}html[data-color-mode=light] .session-chip.chip-no-signal:not(:has(.chip-seatmap)) .chip-remaining:before{background:var(--ss-surface-container-highest)}.session-chip .chip-seatmap{color:var(--ss-on-surface-variant);font-family:var(--ss-font-ui);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;padding:5px 8px;font-size:9px;line-height:1.2;display:flex}.session-chip .chip-seatmap-icon{font-size:16px}.session-chip .chip-seatmap:hover{color:var(--ss-primary)}html[data-color-mode=dark] .session-chip .chip-seatmap:hover:not(.is-unavailable){color:#fff}.session-chip .chip-seatmap:focus-visible{outline:2px solid var(--ss-primary);outline-offset:-2px;border-radius:0 9px 9px 0}.session-chip .chip-remaining{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;min-width:46px;padding:5px 8px;display:flex}.session-chip .chip-pct{color:var(--ss-on-surface-variant);font-size:10px;font-weight:500}.session-chip .chip-pct--plenty{color:var(--band-empty)}.session-chip .chip-pct--open{color:var(--band-open)}.session-chip .chip-pct--tight{color:var(--band-tight)}.session-chip .chip-pct--sold-out{color:var(--band-sold-out)}.session-chip.chip-no-signal{background:var(--ss-session-no-signal);color:var(--ss-session-no-signal-text)}.session-chip.chip-no-signal .chip-hall-name,.session-chip.chip-no-signal .chip-pct,.session-chip.chip-no-signal .chip-mark--unknown,.session-chip.chip-no-signal .chip-seatmap{color:var(--ss-session-no-signal-text)}.chip-bar{background:var(--line)}.chip-bar-fill{background:var(--ss-on-surface-variant);height:100%;display:block}.chip-bar-fill--plenty{background:var(--band-empty)}.chip-bar-fill--open{background:var(--band-open)}.chip-bar-fill--tight{background:var(--band-tight)}.chip-bar-fill--sold-out{background:var(--band-sold-out)}.session-chip--b{padding-bottom:3px;position:relative;overflow:hidden}.session-chip--b.session-chip--event{overflow:visible}.session-chip--b .chip-remaining{min-width:40px}.session-chip--b .chip-bar{height:3px;position:absolute;bottom:0;left:0;right:0}.session-chip--b-prime .chip-main{flex-direction:column;flex:auto;min-width:0;padding-bottom:2px;display:flex}.session-chip--b-prime .chip-when{justify-content:flex-start;gap:2px;padding-top:4px;padding-bottom:0}.session-chip--b-prime .chip-time{margin-top:0;margin-bottom:0}.session-chip--b-prime .chip-hall-name.is-missing{color:var(--ss-on-surface-variant);opacity:.55;font-style:italic}.session-chip--b-prime .chip-foot{align-items:center;gap:8px;min-height:16px;padding:1px 10px 0;display:flex}.session-chip--b-prime .chip-bar{border-radius:2px;flex:auto;height:3px;overflow:hidden}.session-chip--b-prime .chip-pct{flex:none;margin-left:auto}.session-chip--b-prime.chip-no-signal .chip-pct{font-size:8px}.session-chip--b-prime.chip-no-signal .chip-bar{background:color-mix(in srgb, var(--ss-session-no-signal-text) 34%, transparent)}.session-chip--b-prime.session-chip--no-meter .chip-main{padding-bottom:2px}.session-chip--b-prime.session-chip--no-meter .chip-when{padding-top:6px;padding-bottom:6px}.session-chip--b-prime .chip-seatmap{justify-content:center;align-self:stretch;gap:3px;min-width:64px;padding:5px 12px;font-size:9px;line-height:1.2}.session-chip--b-prime .chip-seatmap-icon{margin:0;font-size:22px}.session-chip--b-prime .chip-seatmap:focus-visible{border-radius:0 9px 9px 0}.session-chip--b-prime .chip-seatmap.is-unavailable{color:var(--ss-on-surface-variant);opacity:.38;cursor:default;pointer-events:none}.session-chip--timeline{border:0;border-radius:8px;min-height:34px}.session-chip--timeline .chip-main{flex-direction:column;flex:auto;min-width:0;display:flex}.session-chip--timeline .chip-when{justify-content:center;gap:0;padding:3px 8px 0}.session-chip--timeline .chip-hall{min-height:9px}.session-chip--timeline .chip-time{white-space:nowrap;font-size:14px;line-height:1.05}.session-chip--timeline .chip-nextday{vertical-align:super;margin-left:1px;font-size:8px}.session-chip--timeline .chip-end{font-size:9px}.session-chip--timeline .chip-foot{align-items:center;gap:5px;min-height:10px;padding:0 8px 3px;display:flex}.session-chip--timeline .chip-bar{border-radius:2px;flex:auto;height:2px;overflow:hidden}.session-chip--timeline .chip-pct{flex:none;margin-left:auto;font-size:8px;line-height:1}.session-chip--timeline.session-chip--no-meter .chip-when{padding:6px 8px}.session-chip--timeline-poster{border:0;border-radius:8px;align-items:center;gap:0;min-height:52px;padding:0 10px 0 0;overflow:hidden}.session-chip--timeline-poster.session-chip--event{overflow:visible}.session-chip--timeline-poster .chip-poster{background:var(--ss-surface-container-high);border-radius:8px 0 0 8px;flex:none;align-self:stretch;width:44px;max-width:38%;position:relative;overflow:hidden}.session-chip--timeline-poster .chip-poster img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.session-chip--timeline-poster .chip-main{flex-direction:column;flex:auto;gap:1px;min-width:0;padding-left:8px;display:flex}.session-chip--timeline-poster .chip-movie{color:var(--ss-on-surface);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.2;overflow:hidden}.session-chip--timeline-poster .chip-when{gap:0;padding:0}.session-chip--timeline-poster .chip-time{color:var(--ss-on-surface);white-space:nowrap;font-size:16px;font-weight:700;line-height:1.1}.session-chip--timeline-poster .chip-nextday{vertical-align:super;margin-left:1px;font-size:9px}.session-chip--timeline-poster .chip-end{font-size:10px}.session-chip--timeline-poster .chip-foot{align-items:center;gap:5px;min-height:8px;display:flex}.session-chip--timeline-poster .chip-bar{border-radius:2px;flex:auto;height:2px;overflow:hidden}.session-chip--timeline-poster .chip-pct{flex:none;margin-left:auto;font-size:8px;line-height:1}.session-chip.session-chip--c .chip-remaining:before{content:none}.session-chip.is-clickable{text-align:inherit;background:var(--ss-surface-container-high);cursor:pointer;padding:0}.session-chip.is-clickable.chip-no-signal{background:var(--ss-session-no-signal)}.session-chip.is-clickable:hover{border-color:var(--ss-primary)}.session-chip.is-clickable:hover .chip-hall-name{color:var(--ss-primary)}html[data-color-mode=dark] .session-chip.is-clickable:hover .chip-hall-name{color:#fff}.session-chip.is-clickable:focus-visible{outline:2px solid var(--ss-primary);outline-offset:1px}
.session-chips-frame{container:session-chips/inline-size}.session-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:8px 16px 10px;list-style:none;display:grid}.session-chips>li{display:contents}.session-chips .session-chip{width:100%;min-width:0;display:flex}@container session-chips (min-width:960px){.session-chips{grid-template-columns:repeat(5,minmax(0,1fr))}}@container session-chips (max-width:759px){.session-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}@container session-chips (max-width:539px){.session-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.session-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
