.ios-device{--ios-ground:#f2f2f7;--ios-raised:#fff;--ios-label:#000;--ios-dim:#3c3c439e;--ios-fill:#78788029;--ios-hair:#3c3c4329;--ios-glass:#fafafcbd;--ios-glass-edge:#ffffffd9;--ios-pressed:#78788038;--ios-blue:#08f;--ios-green:#34c759;--ios-yellow:#fc0;--ios-sheet-ease:cubic-bezier(.32, .72, 0, 1);--ios-bezel:#0d0f15;--ios-bezel-edge:#60636a;--ios-wallpaper:linear-gradient(165deg, #8d149e, #0d0f15 72%);letter-spacing:-.01em;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}@supports (color:lab(0% 0 0)){.ios-device{--ios-bezel:lab(4.38504% .200026 -3.38308);--ios-bezel-edge:lab(41.9315% .130013 -4.51847);--ios-wallpaper:linear-gradient(165deg, lab(34.986% 59.173 -46.1595), lab(4.38504% .200026 -3.38308) 72%)}}.dark .ios-device{--ios-ground:#1c1c1e;--ios-raised:#2c2c2e;--ios-label:#fff;--ios-dim:#ebebf59e;--ios-fill:#78788052;--ios-hair:#54545899;--ios-glass:#2c2c30b8;--ios-glass-edge:#ffffff29;--ios-pressed:#78788066;--ios-blue:#0091ff;--ios-green:#30d158}.ios-glass{background-color:var(--ios-glass);-webkit-backdrop-filter:blur(14px)saturate(1.7);box-shadow:inset 0 0 0 .5px var(--ios-glass-edge), 0 8px 20px -10px #0006}.ios-press{transition:background-color .16s ease-out}.ios-press[data-on=true]{background-color:var(--ios-pressed)}.ios-press-solid{transition:filter .16s ease-out}.ios-press-solid[data-on=true]{filter:brightness(.78)}.ios-tap{z-index:5;background-color:color-mix(in oklch, var(--purple) 38%, transparent);width:30px;height:30px;box-shadow:0 0 0 2px var(--purple);opacity:0;pointer-events:none;border-radius:9999px;margin:-15px 0 0 -15px;position:absolute;top:50%;left:50%}.ios-tap[data-on=true]{animation:.7s ease-out both ios-tap}@keyframes ios-tap{0%{opacity:0;transform:scale(1.6)}30%,62%{opacity:1;transform:scale(.82)}to{opacity:0;transform:scale(1.5)}}.ios-menu{opacity:0;transition:transform .24s ease-in,opacity .2s ease-in;transform:scale(.25)}.ios-menu[data-open=true]{opacity:1;transition:transform .38s var(--ease-out-expo), opacity .16s ease-out;transform:scale(1)}.ios-fade{transition:opacity .2s ease-out}.ios-fade[data-off=true]{opacity:0}.ios-sheet{transition:transform .42s var(--ios-sheet-ease);transform:translateY(108%)}.ios-sheet[data-open=true]{transform:translateY(0)}.ios-scrim{opacity:0;background-color:#00000047;transition:opacity .3s ease-out}.ios-scrim[data-on=true]{opacity:1}.ios-scroll{transition:transform .8s cubic-bezier(.3,.7,.2,1)}.ios-scroll[data-scrolled=true]{transform:translateY(-112px)}.ios-app{transform-origin:18% 46%;transition:transform .52s var(--ios-sheet-ease), opacity .3s ease-in .16s, border-radius .52s linear}.ios-app[data-away=true]{opacity:0;border-radius:80px;transform:scale(.16)}.ios-home-icon{opacity:0;transform:scale(.4)}.ios-home-icon[data-on=true]{opacity:1;transition:transform .52s var(--ease-out-expo) .38s, opacity .2s ease-out .38s;transform:scale(1)}.ios-tracked .ios-home-icon{opacity:clamp(0, calc(var(--ios-arrive,1) * 2.5), 1);transform:scale(calc(.4 + .6 * var(--ios-arrive,1)));transition:none}.ios-status{transition:color .3s ease-out}@media (prefers-reduced-motion:reduce){.ios-device *,.ios-device [data-on],.ios-device [data-off],.ios-device [data-open]{transition:none;animation:none}.ios-tap[data-on=true]{opacity:1;transform:scale(.82)}.ios-tracked>*{transform:none!important}.ios-tracked .ios-home-icon{opacity:1;transform:none}}
.pass-strap{background-image:linear-gradient(to bottom, transparent 62%, color-mix(in oklch, var(--carbon) 55%, transparent)), linear-gradient(90deg, transparent 0 2px, color-mix(in oklch, var(--track) 30%, transparent) 2px 3px, transparent 3px calc(100% - 3px), color-mix(in oklch, var(--track) 30%, transparent) calc(100% - 3px) calc(100% - 2px), transparent calc(100% - 2px))}:root:not(.dark) .pass-ground{--panel:#e5e8ec;--panel-foreground:#0d0f15}@supports (color:lab(0% 0 0)){:root:not(.dark) .pass-ground{--panel:lab(91.8611% -.318319 -2.24524);--panel-foreground:lab(4.38504% .200026 -3.38308)}}.dark .pass-ground{--panel:var(--carbon);--panel-foreground:var(--track)}.pass-slot{box-shadow:inset 0 2px 2px color-mix(in oklch, var(--carbon) 50%, transparent)}:root:not(.dark) .pass-card{--card:#13151a;--foreground:#f2f3f6;--muted-foreground:#b0b4bf;--border:color-mix(in oklch, var(--foreground) 14%, transparent)}@supports (color:lab(0% 0 0)){:root:not(.dark) .pass-card{--card:lab(6.63001% .23406 -4.30656);--foreground:lab(95.9276% -.215024 -1.49841);--muted-foreground:lab(73.2295% .15825 -6.03274)}}.dark .pass-card{--card:#fff;--foreground:#0d0f15;--muted-foreground:#434753;--border:color-mix(in oklch, var(--foreground) 14%, transparent)}@supports (color:lab(0% 0 0)){.dark .pass-card{--card:lab(100% 0 0);--foreground:lab(4.38504% .200026 -3.38308);--muted-foreground:lab(30.2765% .371277 -7.45609)}}.pass-card{box-shadow:0 1px 0 color-mix(in oklch, var(--carbon) 30%, transparent), 0 12px 18px -12px color-mix(in oklch, var(--carbon) 70%, transparent)}@keyframes pass-thud-a{35%{scale:.982}}@keyframes pass-thud-b{35%{scale:.982}}.pass[data-thud=a]{animation:.24s ease-out pass-thud-a}.pass[data-thud=b]{animation:.24s ease-out pass-thud-b}.pass-digit{width:1ch;height:1em;line-height:1;display:inline-block;overflow:hidden}.pass-digit-col{text-align:center;white-space:pre;translate:0 calc(var(--pass-d) * -10%);transition:translate .18s var(--ease-out-expo);display:block}.pass-comma{height:1em;line-height:1;display:inline-block}@keyframes pass-tick{0%{opacity:0;translate:0 -55%}}.pass-tick{animation:pass-tick .22s var(--ease-out-expo) both;display:inline-block}.pass-stamp{border-radius:var(--r-chip);outline-offset:-5px;height:1.75rem;color:var(--green-text);font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;transform-origin:50%;border:2px solid;outline:1px solid;align-items:center;padding-inline:.4375rem;font-size:.8125rem;font-weight:700;font-stretch:87.5%;line-height:1;display:inline-flex;rotate:-7deg}@keyframes pass-press{0%{opacity:0;rotate:-13deg;scale:1.7}55%{opacity:1;rotate:-6deg;scale:.93}}.pass-stamp-press{animation:.26s cubic-bezier(.3,0,.2,1) both pass-press}.pass-barcode{--bar:var(--foreground);background:linear-gradient(90deg, var(--bar) 0 2px, transparent 2px 4px, var(--bar) 4px 5px, transparent 5px 6px, var(--bar) 6px 9px, transparent 9px 11px, var(--bar) 11px 12px, transparent 12px 15px, var(--bar) 15px 17px, transparent 17px 18px, var(--bar) 18px 19px, transparent 19px 21px, var(--bar) 21px 24px, transparent 24px 26px) left / 26px 100% repeat-x}.pass-foil{--foil-violet:oklch(from var(--purple) calc(l + .1) calc(c * .6) calc(h - 40));--foil-silver:color-mix(in oklch, var(--track) 82%, var(--purple));background:linear-gradient(100deg, var(--purple), var(--foil-silver) 12%, var(--foil-violet) 25%, var(--purple) 38%, var(--foil-silver) 50%, var(--foil-violet) 62%, var(--purple) 75%, var(--foil-silver) 88%, var(--foil-violet)) calc(var(--pass-p) * 100%) 0 / 240% 100%;transition:background-position .16s ease-out}.pass-sheen{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--track) 22%, transparent) 42%, color-mix(in oklch, var(--track) 22%, transparent) 58%, transparent);transform:skew(-14deg);translate:calc(var(--pass-p) * 230% - 40%) 0;transition:translate .16s ease-out}@media (prefers-reduced-motion:reduce){.pass[data-thud],.pass-tick,.pass-stamp-press{animation:none}.pass-digit-col,.pass-foil,.pass-sheen{transition:none}}
:root{--press-face:linear-gradient(to bottom, #ffffff29, #fff0 60%);--press-edge:inset 0 1px 0 #ffffff52, inset 0 -2px 0 #0000002e;--press-contact:0 1px 2px color-mix(in oklch, var(--carbon) 38%, transparent);--press-glow:0 8px 24px -6px color-mix(in oklch, var(--purple) 60%, transparent);--press-glow-hover:0 12px 28px -6px color-mix(in oklch, var(--purple) 70%, transparent)}@supports (color:lab(0% 0 0)){:root{--press-face:linear-gradient(to bottom, lab(100% 0 0/.16), lab(100% 0 0/0) 60%);--press-edge:inset 0 1px 0 lab(100% 0 0/.32), inset 0 -2px 0 lab(0% 0 0/.18)}}.dark{--press-contact:0 1px 2px #0009;--press-glow:0 8px 24px -6px color-mix(in oklch, var(--purple) 50%, transparent);--press-glow-hover:0 12px 28px -6px color-mix(in oklch, var(--purple) 62%, transparent)}@supports (color:lab(0% 0 0)){.dark{--press-contact:0 1px 2px lab(0% 0 0/.6)}}@layer components{:is([data-slab=purple],[data-slab=carbon],[data-slab=paper],[data-slab=green]):before{background-image:var(--press-face);box-shadow:var(--press-edge), var(--press-contact)}[data-slab=purple]:before{box-shadow:var(--press-edge), var(--press-contact), var(--press-glow)}[data-slab=purple]:hover:before{box-shadow:var(--press-edge), var(--press-contact), var(--press-glow-hover)}[data-slab=paper]:before{box-shadow:inset 0 -2px 0 #00000014, var(--press-contact)}@supports (color:lab(0% 0 0)){[data-slab=paper]:before{box-shadow:inset 0 -2px 0 lab(0% 0 0/.08), var(--press-contact)}}:is([data-slab=purple],[data-slab=carbon],[data-slab=paper],[data-slab=green]):active:before{box-shadow:var(--press-edge)}[data-slot=button][data-variant=default]{background-image:var(--press-face);box-shadow:var(--press-edge), var(--press-contact)}.ticket-slab:not([data-ticket=paper]){background-image:var(--press-face);box-shadow:var(--press-edge)}}
