.deck-showcase{--deck-ease-out:cubic-bezier(.23, 1, .32, 1);--deck-ease-in-out:cubic-bezier(.86, 0, .07, 1);--deck-card-w:min(58vw, 1240px)}.deck-showcase__viewport{width:100vw;margin-top:8px;margin-left:calc(50% - 50vw);overflow:hidden}.deck-showcase__strip{width:100%;height:calc(var(--deck-card-w) * 3 / 4);touch-action:pan-y;outline:none;position:relative}.deck-showcase__strip:focus-visible{outline-offset:-2px;border-radius:16px;outline:1.5px solid #08080873}.dark .deck-showcase__strip:focus-visible{outline-color:#ffffff73}.deck-showcase__slot{width:var(--deck-card-w);will-change:transform;position:absolute;top:0;left:50%}.deck-showcase__slot:not(.deck-showcase__slot--front){cursor:pointer}.deck-showcase__slot:not(.deck-showcase__slot--front) .design-card{pointer-events:none}.deck-showcase .design-card__label{display:none}.deck-showcase__card-scale{transform-origin:50% 0;opacity:.7;transition:transform .7s var(--deck-ease-out), opacity .7s var(--deck-ease-out);transform:scale(.75)}.deck-showcase__slot--front .deck-showcase__card-scale{opacity:1;transform:scale(.9)}.deck-showcase__slot--front .design-card{box-shadow:0 0 0 1px #0808080f,0 2px 6px #0808080f,0 16px 40px #08080829}.dark .deck-showcase__slot--front .design-card{box-shadow:0 0 0 1px #ffffff14,0 2px 6px #0006,0 16px 40px #0000008c}.deck-showcase__details{width:100%;max-width:1220px;margin:calc(var(--deck-card-w) * -.045) auto 0;justify-content:center;align-items:center;display:flex;position:relative}.deck-showcase__counter{font-variant-numeric:tabular-nums;color:#08080866;font-size:12px;font-weight:500;position:absolute;left:0}.dark .deck-showcase__counter{color:#fff6}.deck-showcase__lines{flex-direction:column;align-items:center;display:flex}.deck-showcase__titles,.deck-showcase__categories{text-align:center;display:grid;overflow:hidden}.deck-showcase__titles>p,.deck-showcase__categories>p{grid-area:1/1;margin:0}.deck-showcase__title{font-family:var(--font-space-grotesk), var(--font-inter), sans-serif;letter-spacing:-.01em;color:#080808;transition:transform .3s var(--deck-ease-in-out);padding:4px 0;font-size:clamp(20px,16px + 1vw,28px);font-weight:500;line-height:1.2;transform:translateY(100%)}.dark .deck-showcase__title{color:#fff}.deck-showcase__title--active{transition:transform .8s var(--deck-ease-out) .2s;transform:translateY(0)}.deck-showcase__category{letter-spacing:.12em;text-transform:uppercase;color:#08080873;transition:transform .3s var(--deck-ease-in-out) .1s;padding:2px 0;font-size:11px;font-weight:600;transform:translateY(-100%)}.dark .deck-showcase__category{color:#ffffff73}.deck-showcase__category--active{transition:transform .7s var(--deck-ease-out) .3s;transform:translateY(0)}.deck-showcase__controls{align-items:center;display:flex;position:absolute;right:0}.deck-showcase__arrow{--flair-x:50%;--flair-y:50%;--deck-arrow-fill:#080808;--deck-arrow-invert:#fff;isolation:isolate;color:#080808b3;cursor:pointer;width:clamp(44px,2.6vw + 36px,52px);height:clamp(44px,2.6vw + 36px,52px);transition:color .35s var(--deck-ease-out), border-color .35s var(--deck-ease-out);background-color:#0000;border:1.5px solid #08080840;border-radius:9999px;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.dark .deck-showcase__arrow{--deck-arrow-fill:#fff;--deck-arrow-invert:#080808;color:#ffffffb3;border-color:#ffffff40}.deck-showcase__arrow+.deck-showcase__arrow{margin-left:12px}.deck-showcase__arrow-flair{left:var(--flair-x);top:var(--flair-y);aspect-ratio:1;background-color:var(--deck-arrow-fill);transform-origin:50%;width:180%;transition:transform .45s var(--deck-ease-out);pointer-events:none;will-change:transform;border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(0)}.deck-showcase__arrow:hover .deck-showcase__arrow-flair{transform:translate(-50%,-50%)scale(1)}.deck-showcase__arrow:hover{border-color:var(--deck-arrow-fill);color:var(--deck-arrow-invert)}.deck-showcase__arrow:active .deck-showcase__arrow-flair{transition-duration:.12s;transform:translate(-50%,-50%)scale(.94)}.deck-showcase__arrow-icon{z-index:1;width:18px;height:18px;transition:transform .35s var(--deck-ease-out);position:relative}.deck-showcase__arrow--prev:hover .deck-showcase__arrow-icon{transform:translate(-3px)}.deck-showcase__arrow--next:hover .deck-showcase__arrow-icon{transform:translate(3px)}@media (max-width:900px){.deck-showcase{--deck-card-w:86vw}.deck-showcase__details{flex-direction:column;gap:14px;margin-top:0}.deck-showcase__counter{order:3;position:static}.deck-showcase__controls{order:2;position:static}}@media (prefers-reduced-motion:reduce){.deck-showcase__slot,.deck-showcase__card-scale,.deck-showcase__title,.deck-showcase__category,.deck-showcase__arrow,.deck-showcase__arrow-flair,.deck-showcase__arrow-icon{transition-duration:.01ms!important;transition-delay:0s!important}}