.preloader-card-scene{--holo-width:var(--preloader-card-w,min(18rem, 74vw, 40vh))}.preloader-card-hit{cursor:pointer}.preloader-card{box-shadow:0 0 0 .5px #0000002e,0 5px 14px #0000004d,0 20px 40px #00000047,0 44px 78px #0000004d;box-shadow:0 0 0 .5px lab(0% 0 0/.18),0 5px 14px lab(0% 0 0/.3),0 20px 40px lab(0% 0 0/.28),0 44px 78px lab(0% 0 0/.3)}.preloader-card .holo-face--front{background:#081c38}.preloader-card__art{--preloader-art-inset:calc(var(--holo-em) * 1.6);inset:var(--preloader-art-inset);width:calc(100% - 2 * var(--preloader-art-inset));height:calc(100% - 2 * var(--preloader-art-inset));border-radius:max(.35rem, calc(1.25rem - var(--preloader-art-inset)));object-fit:cover;object-position:center;pointer-events:none;position:absolute}
.star-field{--star-gold:#ffe4a9;--star-field-intensity:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}@supports (color:lab(0% 0 0)){.star-field{--star-gold:lab(92.1081% 7.06577 45.3757)}}.star-field__dust{animation:star-field-dust-breathe var(--dust-period,7s) ease-in-out infinite;animation-delay:var(--dust-phase,0s);will-change:opacity;background-repeat:no-repeat;position:absolute;inset:0}.star-field__dust--a{--dust-period:6.4s;--dust-phase:0s;--dust-lo:.4;--dust-hi:1;background-image:radial-gradient(2.5px 2.5px at 13% 22%, var(--star-gold) 40%, transparent 60%), radial-gradient(2px 2px at 71% 9%, var(--star-gold) 40%, transparent 60%), radial-gradient(2.5px 2.5px at 88% 47%, var(--star-gold) 40%, transparent 60%), radial-gradient(2px 2px at 34% 63%, var(--star-gold) 40%, transparent 60%), radial-gradient(2.5px 2.5px at 58% 84%, var(--star-gold) 40%, transparent 60%), radial-gradient(2px 2px at 9% 78%, var(--star-gold) 40%, transparent 60%), radial-gradient(2px 2px at 44% 31%, var(--star-gold) 40%, transparent 60%)}.star-field__dust--b{--dust-period:8.8s;--dust-phase:-2.9s;--dust-lo:.35;--dust-hi:.9;background-image:radial-gradient(1.5px 1.5px at 24% 12%, var(--star-gold) 40%, transparent 60%), radial-gradient(2px 2px at 52% 19%, var(--star-gold) 40%, transparent 60%), radial-gradient(1.5px 1.5px at 81% 28%, var(--star-gold) 40%, transparent 60%), radial-gradient(2px 2px at 17% 44%, var(--star-gold) 40%, transparent 60%), radial-gradient(1.5px 1.5px at 66% 52%, var(--star-gold) 40%, transparent 60%), radial-gradient(2px 2px at 92% 71%, var(--star-gold) 40%, transparent 60%), radial-gradient(1.5px 1.5px at 39% 88%, var(--star-gold) 40%, transparent 60%), radial-gradient(1.5px 1.5px at 74% 93%, var(--star-gold) 40%, transparent 60%), radial-gradient(2px 2px at 5% 58%, var(--star-gold) 40%, transparent 60%)}.star-field__dust--c{--dust-period:11.6s;--dust-phase:-6.1s;--dust-lo:.3;--dust-hi:.75;background-image:radial-gradient(1px 1px at 7% 8%, var(--star-gold) 40%, transparent 60%), radial-gradient(1px 1px at 29% 37%, var(--star-gold) 40%, transparent 60%), radial-gradient(1.5px 1.5px at 47% 6%, var(--star-gold) 40%, transparent 60%), radial-gradient(1px 1px at 63% 27%, var(--star-gold) 40%, transparent 60%), radial-gradient(1px 1px at 84% 14%, var(--star-gold) 40%, transparent 60%), radial-gradient(1.5px 1.5px at 96% 39%, var(--star-gold) 40%, transparent 60%), radial-gradient(1px 1px at 12% 66%, var(--star-gold) 40%, transparent 60%), radial-gradient(1px 1px at 27% 81%, var(--star-gold) 40%, transparent 60%), radial-gradient(1.5px 1.5px at 55% 71%, var(--star-gold) 40%, transparent 60%), radial-gradient(1px 1px at 69% 96%, var(--star-gold) 40%, transparent 60%), radial-gradient(1px 1px at 91% 87%, var(--star-gold) 40%, transparent 60%), radial-gradient(1px 1px at 42% 49%, var(--star-gold) 40%, transparent 60%)}@keyframes star-field-dust-breathe{0%,to{opacity:calc(var(--dust-lo) * var(--star-field-intensity))}50%{opacity:calc(var(--dust-hi) * var(--star-field-intensity))}}.star-field__spark{width:var(--spark-size,9px);height:var(--spark-size,9px);background:radial-gradient(circle, var(--star-gold) 0%, transparent 72%);clip-path:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%);animation:star-field-spark-twinkle var(--spark-period,5s) ease-in-out infinite;animation-delay:var(--spark-phase,0s);will-change:opacity, transform;position:absolute}.star-field__spark--1{--spark-size:16px;--spark-period:4.7s;--spark-phase:0s;top:16%;left:21%}.star-field__spark--2{--spark-size:12px;--spark-period:6.3s;--spark-phase:-1.8s;top:9%;left:76%}.star-field__spark--3{--spark-size:14px;--spark-period:5.1s;--spark-phase:-3.4s;top:41%;left:91%}.star-field__spark--4{--spark-size:15px;--spark-period:7.9s;--spark-phase:-.9s;top:79%;left:12%}.star-field__spark--5{--spark-size:12px;--spark-period:5.9s;--spark-phase:-4.6s;top:88%;left:64%}.star-field__spark--6{--spark-size:13px;--spark-period:6.7s;--spark-phase:-2.2s;top:30%;left:8%}.star-field__spark--7{--spark-size:11px;--spark-period:5.5s;--spark-phase:-3.9s;top:8%;left:44%}.star-field__spark--8{--spark-size:14px;--spark-period:7.3s;--spark-phase:-1.1s;top:55%;left:5%}.star-field__spark--9{--spark-size:12px;--spark-period:4.9s;--spark-phase:-5.2s;top:74%;left:30%}.star-field__spark--10{--spark-size:13px;--spark-period:6.1s;--spark-phase:-.6s;top:22%;left:66%}.star-field__spark--11{--spark-size:15px;--spark-period:8.3s;--spark-phase:-3.1s;top:60%;left:90%}.star-field__spark--12{--spark-size:11px;--spark-period:5.4s;--spark-phase:-2.7s;top:93%;left:41%}@keyframes star-field-spark-twinkle{0%,to{opacity:calc(.1 * var(--star-field-intensity));transform:scale(.82)}38%{opacity:calc(.95 * var(--star-field-intensity));transform:scale(1)}}@media (prefers-reduced-motion:reduce){.star-field__dust,.star-field__spark{animation:none}.star-field__dust{opacity:calc(var(--dust-hi,.5) * .7 * var(--star-field-intensity))}.star-field__spark{opacity:calc(.55 * var(--star-field-intensity))}}
.app-splash{--preloader-card-w:min(18rem, 74vw, 40vh);height:100dvh;padding-block:calc(var(--safe-area-inset-top,0px) + 1.5rem) calc(var(--safe-area-inset-bottom,0px) + 1.5rem);background-color:var(--app-splash-canvas);background-image:var(--app-splash-bg), var(--app-splash-bg-lqip);color:var(--app-ink);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.75rem,4vh,3rem);padding-inline:1.5rem;display:flex;position:relative;overflow:hidden}.app-splash-card{z-index:0;--spread-x:2.4;--shift-x:8%;left:calc(50% + (var(--x) - 50%) * var(--spread-x) + var(--shift-x));top:var(--y);aspect-ratio:615/1148;width:clamp(3.67rem,12.67vmin,8rem);transform:translate(-50%, -50%) rotate(var(--rot)) scale(var(--scale));filter:drop-shadow(0 6px 16px #00000080);filter:drop-shadow(0 6px 16px lab(0% 0 0/.5));opacity:.65;pointer-events:none;position:absolute}.app-splash-card-settle{width:100%;height:100%;animation:app-splash-card-settle .75s cubic-bezier(.22, 1, .36, 1) var(--enter-delay,0s) both}.app-splash-card-face{background-image:var(--scatter-card);will-change:transform;width:100%;height:100%;animation:app-splash-card-sway var(--sway-dur,9s) ease-in-out var(--sway-delay,0s) infinite alternate;background-repeat:no-repeat;background-size:100% 100%}@keyframes app-splash-card-settle{0%{opacity:0;transform:translateY(var(--enter-y,12px)) scale(.94) rotate(var(--enter-rot,8deg))}to{opacity:1;transform:none}}@keyframes app-splash-card-sway{0%{transform:perspective(600px) rotate(calc(var(--dir) * var(--sway) * -1)) rotateX(0deg) translateX(calc(var(--dir) * -5px))}to{transform:perspective(600px) rotate(calc(var(--dir) * var(--sway))) rotateX(3.2deg) translateX(calc(var(--dir) * 5px))}}.app-splash-cloud{z-index:0;aspect-ratio:1668/943;background-image:var(--app-splash-cloud);pointer-events:none;--cloud-drift-x:6px;--cloud-drift-y:4px;--cloud-drift-s:1.012;--cloud-drift-gain:4.5;--flip:1;transform:scale(var(--flip), 1);will-change:transform;background-repeat:no-repeat;background-size:100% 100%;animation:26s ease-in-out infinite alternate app-splash-cloud-drift;position:absolute}@keyframes app-splash-cloud-drift{0%{transform:translate3d(0, 0, 0) scale(var(--flip,1), 1)}to{transform:translate3d(calc(var(--cloud-drift-x) * var(--cloud-drift-gain)), calc(var(--cloud-drift-y) * var(--cloud-drift-gain)), 0) scale(calc(var(--flip,1) * var(--cloud-drift-s)), var(--cloud-drift-s))}}.app-splash-cloud--left{--cloud-drift-x:4px;--cloud-drift-y:2px;--cloud-drift-s:1.008;width:54%;animation-duration:38s;animation-delay:-13s;bottom:-14%;left:-12%}.app-splash-cloud--left-mid{--cloud-drift-x:6px;--cloud-drift-y:4px;width:30%;animation-duration:27s;animation-delay:-9s;top:34%;left:-10%}.app-splash-cloud--left-top{--cloud-drift-x:7px;--cloud-drift-y:-4px;--cloud-drift-s:1.016;width:26%;animation-duration:23s;animation-delay:-17s;top:7%;left:-8%}.app-splash-cloud--right{--cloud-drift-x:-4px;--cloud-drift-y:2px;--cloud-drift-s:1.008;width:56%;animation-duration:42s;animation-delay:-26s;bottom:-16%;right:-12%}.app-splash-cloud--right-mid{--cloud-drift-x:-6px;--cloud-drift-y:3px;width:34%;animation-duration:29s;animation-delay:-21s;top:36%;right:-8%}.app-splash-cloud--right-float{--cloud-drift-x:-8px;--cloud-drift-y:-5px;--cloud-drift-s:1.02;width:16%;animation-duration:19s;animation-delay:-7s;top:40%;right:21%}.app-splash-cloud--center{--cloud-drift-x:5px;--cloud-drift-y:-3px;--cloud-drift-s:1.016;width:20%;animation-duration:24s;animation-delay:-15s;bottom:-8%;left:52%}.app-splash-cloud--center-left{--cloud-drift-x:-5px;--cloud-drift-y:-3px;--cloud-drift-s:1.014;width:15%;animation-duration:21s;animation-delay:-11s;bottom:-10%;left:34%}.app-splash-dim{z-index:0;pointer-events:none;background-image:radial-gradient(ellipse 54% 64% at 50% 46% in oklab, #0a102473 0%, #0a10248f 42%, #0a1024f2 100%);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.app-splash-dim{background-image:radial-gradient(ellipse 54% 64% at 50% 46% in oklab, lab(4.96627% 2.32837 -14.1843/.45) 0%, lab(4.96627% 2.32837 -14.1843/.56) 42%, lab(4.96627% 2.32837 -14.1843/.95) 100%)}}.app-splash-glow{z-index:0;pointer-events:none;mix-blend-mode:screen;background-image:radial-gradient(ellipse 46% 58% at 50% 46% in oklab, #ffffff24 0%, #ffffff0e 42%, #fff0 72%);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.app-splash-glow{background-image:radial-gradient(ellipse 46% 58% at 50% 46% in oklab, lab(100% 0 0/.14) 0%, lab(100% 0 0/.055) 42%, lab(100% 0 0/0) 72%)}}.preloader-card-scene,.app-splash-progress{z-index:1;position:relative}.app-splash-progress{--app-splash-rail:#080d1f;--app-splash-rail-edge:#e3decf1f;width:calc(var(--preloader-card-w) - var(--preloader-card-w) / 21 * 1.47 * 2);background:var(--app-splash-rail);height:8px;box-shadow:inset 0 1px 2px #00000080, inset 0 0 0 1px var(--app-splash-rail-edge);border-radius:100px}@supports (color:lab(0% 0 0)){.app-splash-progress{--app-splash-rail-edge:lab(88.5071% -.188619 7.68993/.12);box-shadow:inset 0 1px 2px lab(0% 0 0/.5), inset 0 0 0 1px var(--app-splash-rail-edge)}}.app-splash-progress-fill{background-image:var(--app-accent-gradient);height:100%;box-shadow:0 0 8px color-mix(in srgb, var(--app-accent) 80%, transparent), 0 0 22px color-mix(in srgb, var(--app-accent) 35%, transparent);border-radius:100px;transition:width .26s linear;display:block}@media (prefers-reduced-motion:reduce){.app-splash-progress-fill{transition:none}.app-splash-cloud,.app-splash-card-face{will-change:auto;animation:none}.app-splash-card-settle{animation:app-splash-card-fade .4s ease var(--enter-delay,0s) both}}@keyframes app-splash-card-fade{0%{opacity:0}to{opacity:1}}@media (max-aspect-ratio:1){.app-splash-card{--spread-x:1.35;--shift-x:0%}.app-splash{background-position:50% 38%}.app-splash-cloud--left{width:78%}.app-splash-cloud--right{width:82%}.app-splash-cloud--left-mid{width:50%}.app-splash-cloud--right-mid{width:54%}}
.coming-soon{--coming-soon-ink:#4a3b28;--coming-soon-canvas:#f1ece1;--coming-soon-badge-bg:#f8f4eb;--coming-soon-frame:#a8987c59}.coming-soon-hit{width:var(--holo-w);aspect-ratio:70/120;border-radius:var(--holo-radius);box-shadow:0 calc(var(--holo-em) * .93) calc(var(--holo-em) * 1.7) calc(var(--holo-em) * -.6) #2b282547, 0 calc(var(--holo-em) * .23) calc(var(--holo-em) * .47) #2b282533;pointer-events:none;display:block;position:relative}@supports (color:lab(0% 0 0)){.coming-soon-hit{box-shadow:0 calc(var(--holo-em) * .93) calc(var(--holo-em) * 1.7) calc(var(--holo-em) * -.6) lab(16.5006% .50649 3.04802/.28), 0 calc(var(--holo-em) * .23) calc(var(--holo-em) * .47) lab(16.5006% .50649 3.04802/.2)}}.coming-soon-face{font-size:var(--holo-em);background:var(--coming-soon-canvas);box-shadow:none}.coming-soon-art{object-fit:cover;border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.coming-soon-scrim{background:linear-gradient(0deg, var(--coming-soon-canvas), transparent 42%)}.coming-soon-face .holo-rule-frame{border-color:var(--coming-soon-frame)}.coming-soon-badge{top:var(--holo-print-inset);z-index:1;border:1px solid color-mix(in srgb, var(--coming-soon-ink) 35%, transparent);background:var(--coming-soon-badge-bg);border-radius:9999px;place-items:center;width:2.3em;height:2.3em;display:grid;position:absolute;left:50%;transform:translate(-50%,-50%)}.coming-soon-badge-icon{width:1.16em;height:1.16em;color:var(--coming-soon-ink)}.coming-soon-title{right:calc(var(--holo-print-inset) + .4em);bottom:2.79em;left:calc(var(--holo-print-inset) + .4em);font-family:var(--app-font-serif);letter-spacing:.07em;text-align:center;text-transform:uppercase;text-indent:.07em;color:var(--coming-soon-ink);margin:0;font-size:1.55em;font-weight:600;line-height:1.2;position:absolute}
.demo-bar{align-items:center;gap:.5rem;display:flex}.demo-toggle{border:1px solid color-mix(in srgb, var(--app-ink) 12%, transparent);background:var(--app-surface);box-shadow:0 4px 14px color-mix(in srgb, var(--app-ink) 6%, transparent);border-radius:9999px;grid-auto-columns:1fr;grid-auto-flow:column;padding:.25rem;display:grid;position:relative}.demo-toggle-thumb{z-index:0;background:var(--app-ink);border-radius:9999px;width:calc(50% - .25rem);height:2.25rem;transition:translate .28s cubic-bezier(.22,1,.36,1);position:absolute;top:.25rem;left:.25rem}.demo-toggle[data-mode=revelar] .demo-toggle-thumb{translate:100%}.demo-toggle-option{z-index:1;height:2.25rem;color:var(--app-ink);font-family:var(--app-font-sans);letter-spacing:.01em;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;gap:.4rem;padding:0 .9rem;font-size:.8125rem;font-weight:500;transition:background-color .2s,color .2s;display:flex;position:relative}.demo-toggle-option svg{flex:none;width:1rem;height:1rem}.demo-toggle-option[aria-pressed=true]{color:var(--app-canvas)}.demo-toggle-option:not([aria-pressed=true]):hover{background:var(--app-surface-hover)}.demo-reset{border:1px solid color-mix(in srgb, var(--app-ink) 12%, transparent);background:var(--app-surface);width:2.75rem;height:2.75rem;box-shadow:0 4px 14px color-mix(in srgb, var(--app-ink) 6%, transparent);color:var(--app-ink);cursor:pointer;border-radius:9999px;place-items:center;transition:background-color .2s;animation:.22s both demo-reset-in;display:grid}.demo-reset svg{width:1.0625rem;height:1.0625rem}.demo-reset:hover{background:var(--app-surface-hover)}.demo-reset:focus-visible{outline:2px solid color-mix(in srgb, var(--app-ink) 55%, transparent);outline-offset:2px}@keyframes demo-reset-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.demo-toggle-thumb{transition:none}.demo-reset{animation:none}}@media (max-width:40rem){.demo-toggle-option span{display:none}.demo-toggle-option{padding:0 .75rem}.demo-toggle-option,.demo-toggle-thumb{height:calc(var(--topbar-h,3rem) - .5rem - 2px)}.demo-reset{width:var(--topbar-h,3rem);height:var(--topbar-h,3rem)}}
.lift-veil{z-index:900;pointer-events:none;background:#fff;background:lab(100% 0 0);position:fixed;inset:0}.lift-veil--in{opacity:1;transition:opacity .8s}@starting-style{.lift-veil--in{opacity:0}}.lift-veil--out{opacity:0;transition:opacity .8s}@starting-style{.lift-veil--out{opacity:1}}@media (prefers-reduced-motion:reduce){.lift-veil{transition:none}}
.collection{background:var(--app-canvas);height:100dvh;color:var(--app-ink);font-family:var(--app-font-sans);position:relative;overflow:hidden}.collection-page{height:100%;overflow-y:auto}.collection--arriving .collection-run,.collection--arriving .collection-topbar{animation:.52s cubic-bezier(.22,1,.36,1) both collection-in}.collection--arriving .collection-headline,.collection--arriving .collection-count-value,.collection--arriving .collection-count-label{animation:.24s both collection-copy-in}@keyframes collection-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}@keyframes collection-copy-in{0%{opacity:0}to{opacity:1}}.collection-inner{max-width:var(--collection-max,90rem);padding-inline:clamp(1.25rem,9vw,8.125rem);margin-inline:auto;padding-bottom:8rem;position:relative}.collection-header{text-align:center;flex-direction:column;align-items:center;padding-top:clamp(2rem,6vw,4.5rem);display:flex}.collection-mark{width:3.25rem;height:auto;color:var(--app-ink)}.collection-headline{letter-spacing:-.02em;text-wrap:balance;margin-top:2rem;font-size:clamp(1.75rem,4.2vw,2.75rem);font-weight:500;line-height:1.15}.collection-count{font-family:var(--app-font-mono);align-items:center;gap:.875rem;margin-top:1.75rem;font-size:.875rem;display:flex}.collection-count-value{height:1em;color:var(--app-accent);font-weight:600;line-height:1;display:inline-block;overflow:hidden}.collection-count-roll{flex-direction:column;display:flex}.collection-count-roll>span{height:1em;line-height:1}.collection-count-value--rolling .collection-count-roll{animation:.26s cubic-bezier(.22,1,.36,1) both count-roll}.collection-count-value--rolling .collection-count-roll>:first-child{animation:.26s both count-roll-out}.collection-count-value--rolling .collection-count-roll>:last-child{animation:.26s both count-roll-in}@keyframes count-roll{0%{transform:none}to{transform:translateY(-1em)}}@keyframes count-roll-out{0%{opacity:1}to{opacity:0}}@keyframes count-roll-in{0%{opacity:0}to{opacity:1}}.collection-count-rail{background:color-mix(in srgb, var(--app-ink) 12%, transparent);border-radius:9999px;width:11.25rem;height:4px;overflow:hidden}.collection-count-fill{background:var(--app-accent-gradient);border-radius:9999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}@starting-style{.collection-count-fill{width:100%}}.collection-count-label{color:var(--app-ink-muted);font-weight:500}@media (prefers-reduced-motion:reduce){.collection-count-fill{transition:none}.collection-count-value--rolling .collection-count-roll{animation:none;transform:translateY(-1em)}.collection-count-value--rolling .collection-count-roll>:first-child{opacity:0;animation:none}.collection-count-value--rolling .collection-count-roll>:last-child{animation:none}}.collection-topbar{z-index:2;align-items:center;gap:15px;display:flex;position:absolute;top:clamp(1.25rem,2.5vw,1.875rem);right:clamp(1.25rem,9vw,8.125rem)}.cube-slot{z-index:1;aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:1.25rem;width:clamp(5.5rem,22vw,12rem);padding:0;position:absolute;top:calc(clamp(1.25rem,2.5vw,1.875rem) + 3.25rem);right:clamp(1.25rem,9vw,8.125rem)}.cube-slot:focus-visible{outline:2px solid color-mix(in srgb, var(--app-ink) 45%, transparent);outline-offset:4px}.view-toggle{border:1px solid color-mix(in srgb, var(--app-ink) 12%, transparent);background:var(--app-surface);box-shadow:0 4px 14px color-mix(in srgb, var(--app-ink) 6%, transparent);border-radius:9999px;gap:.25rem;padding:.25rem;display:flex;position:relative}.view-toggle-thumb{z-index:0;background:var(--app-ink);border-radius:9999px;width:2.75rem;height:2.25rem;transition:translate .28s cubic-bezier(.22,1,.36,1);position:absolute;top:.25rem;left:.25rem}.view-toggle[data-view=carousel] .view-toggle-thumb{translate:3rem}.view-toggle-option{z-index:1;width:2.75rem;height:2.25rem;color:var(--app-ink);cursor:pointer;background:0 0;border:0;border-radius:9999px;place-items:center;transition:background-color .2s,color .2s;display:grid;position:relative}.view-toggle-option svg{width:1.125rem;height:1.125rem}.view-toggle-option[aria-pressed=true]{color:var(--app-canvas)}.view-toggle-option:not([aria-pressed=true]):hover{background:var(--app-surface-hover)}@media (prefers-reduced-motion:reduce){.view-toggle-thumb{transition:none}}@media (max-width:40rem){.collection-topbar{--topbar-h:3rem;justify-content:flex-end;padding-top:1.25rem;position:static}.collection-count{flex-wrap:wrap;justify-content:center;max-width:100%}.view-toggle-option,.view-toggle-thumb{height:calc(var(--topbar-h,3rem) - .5rem - 2px)}}.collection-run{margin-top:clamp(2.5rem,5vw,3.75rem);position:relative}.collection-track{grid-template-columns:repeat(4,1fr);gap:clamp(1.25rem,2.5vw,2rem);display:grid}.collection-slot{position:relative;container-type:inline-size}.collection-slot .holo-scene{--holo-width:100cqw;width:100%}.collection-slot .holo-hit{transition:transform .26s cubic-bezier(.22,1,.36,1)}.collection-slot .holo-hit:not([aria-disabled=true]):hover{transform:translateY(-.375rem)}@media (max-width:64rem){.collection-track{grid-template-columns:repeat(3,1fr)}}@media (max-width:40rem){.collection-run:not(.collection-run--carousel) .collection-track{grid-template-columns:min(var(--mobile-card-max,17rem), 100%);justify-content:center}}@media (prefers-reduced-motion:reduce){.collection-slot .holo-hit{transition:none}}.collection-run--carousel .collection-track{scroll-snap-type:x mandatory;scrollbar-width:none;--carousel-bleed:7rem;padding-block:var(--carousel-bleed);margin-top:calc(var(--carousel-bleed) * -1);margin-bottom:-5.5rem;margin-inline:-1rem;padding-inline:1rem;scroll-padding-inline:1rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 1rem calc(100% - 1rem),#0000 100%),linear-gradient(#0000 0,#000 2.5rem calc(100% - 2.5rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 1rem calc(100% - 1rem),#0000 100%),linear-gradient(#0000 0,#000 2.5rem calc(100% - 2.5rem),#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.collection-track::-webkit-scrollbar{display:none}.collection-run--carousel .collection-slot{scroll-snap-align:start;flex:0 0 calc(25% - clamp(1.25rem,2.5vw,2rem)/1.33333)}@media (max-width:64rem){.collection-run--carousel .collection-slot{flex-basis:calc(50% - clamp(1.25rem,2.5vw,2rem)/2)}}@media (max-width:40rem){.collection-run--carousel .collection-track{--carousel-card:80%;--carousel-peek:10%;padding-inline:var(--carousel-peek);scroll-padding-inline:var(--carousel-peek);margin-inline:calc(-1*clamp(1.25rem,9vw,8.125rem));-webkit-mask-image:linear-gradient(#0000 0,#000 2.5rem calc(100% - 2.5rem),#0000 100%);mask-image:linear-gradient(#0000 0,#000 2.5rem calc(100% - 2.5rem),#0000 100%)}.collection-run--carousel .collection-slot{flex-basis:var(--carousel-card);scroll-snap-align:center}}.carousel-arrow{z-index:2;border:1px solid color-mix(in srgb, var(--app-ink) 12%, transparent);background:var(--app-surface);width:3rem;height:3rem;color:var(--app-ink);cursor:pointer;box-shadow:0 6px 16px color-mix(in srgb, var(--app-ink) 10%, transparent);border-radius:9999px;place-items:center;transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s,scale .14s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow svg{width:1.1875rem;height:1.1875rem}.carousel-arrow:hover:not(:disabled){background:var(--app-surface-hover-light);border-color:color-mix(in srgb, var(--app-ink) 20%, transparent);box-shadow:0 10px 22px color-mix(in srgb, var(--app-ink) 14%, transparent)}.carousel-arrow:active:not(:disabled){box-shadow:0 3px 8px color-mix(in srgb, var(--app-ink) 12%, transparent);scale:.97}.carousel-arrow--prev{left:clamp(-3.5rem,-4vw,-1rem)}.carousel-arrow--next{right:clamp(-3.5rem,-4vw,-1rem)}@media (max-width:40rem){.carousel-arrow{display:none}}.carousel-arrow:disabled{border-color:color-mix(in srgb, var(--app-ink) 6%, transparent);color:color-mix(in srgb, var(--app-ink) 30%, transparent);box-shadow:none;cursor:default}.carousel-pages{justify-content:center;gap:.5rem;margin-top:2.5rem;display:flex}.carousel-page{background:color-mix(in srgb, var(--app-ink) 22%, transparent);border-radius:9999px;width:.375rem;height:.375rem;transition:width .28s cubic-bezier(.22,1,.36,1),background-color .28s}.carousel-page[data-current=true]{background:var(--app-accent);width:1.375rem}@media (prefers-reduced-motion:reduce){.carousel-page{transition:none}.carousel-arrow:active:not(:disabled){scale:1}.collection--arriving .collection-run,.collection--arriving .collection-topbar,.collection--arriving .collection-headline,.collection--arriving .collection-count-value,.collection--arriving .collection-count-label{animation:none}}.collection-slot[data-hidden]{visibility:hidden}
