@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}.live-show-rail{scroll-snap-type:x mandatory;grid-auto-columns:clamp(150px,15%,200px);grid-auto-flow:column;gap:20px;padding-bottom:12px;display:grid;overflow-x:auto}.live-show-rail-large{grid-auto-columns:44%}@media(min-width:640px){.live-show-rail-large{grid-auto-columns:calc(38.4615% - 15.3846px)}}@media(min-width:1024px){.live-show-rail-large{grid-auto-columns:calc(20% - 16px)}}.live-show-card{scroll-snap-align:start;min-width:0;color:inherit;position:relative}.live-status{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:#17171d;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:4px 7px;font-size:.75rem;line-height:1.5;display:inline-flex}.live-status-on{color:#fff;background:#bd243f}.live-show-card .live-status{border-radius:999px;padding:4px 10px}.live-show-card .live-status:not(.live-status-on,.live-status-soon){color:#fff;background:#21253b}.live-status-soon{color:#21253b;background:#d0f986}@property --tw-font-weight{syntax:"*";inherits:false}
