.hand{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;width:100vw;margin-bottom:-36px;padding:8px calc(50vw - 158.4px) 64px;list-style:none;display:flex;overflow:auto hidden}.hand:focus-visible{outline:2px solid var(--color-k-accent);outline-offset:4px;border-radius:16px}.hand::-webkit-scrollbar{display:none}.hand>li{scroll-snap-align:center;zoom:1.2;transform:translateY(var(--arc-y,0px)) rotate(var(--arc-r,0deg));flex-shrink:0}@media (min-width:1180px){.hand{width:min(1160px,100vw - 64px);height:490px;margin-bottom:0;padding:0;display:block;position:relative;overflow:visible}.hand>li{--step:min(64px, (min(1160px, 100vw - 64px) - 312px) / var(--n1));z-index:var(--z);opacity:var(--o);zoom:1;transform:translateX(calc(-50% + var(--k) * var(--step) + var(--push))) translateY(calc(var(--y) + var(--lift))) rotate(var(--r)) scale(var(--s));transform-origin:50% 100%;transition:transform .24s cubic-bezier(.2, .8, .2, 1) var(--d), opacity .2s ease-out var(--d);position:absolute;bottom:56px;left:50%}.hand>li .hand-card{transition:transform .15s ease-out}.hand>li[data-lit] .hand-card{transform:perspective(900px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg))}}.hand-glare{border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--mx,50%) var(--my,30%), #ffffffb3, #fff0 45%);mix-blend-mode:overlay;transition:opacity .2s ease-out;position:absolute;inset:0}@media (min-width:1180px) and (hover:hover){.hand>li[data-lit] .hand-glare{opacity:1}}@media (prefers-reduced-motion:reduce){.hand>li,.hand>li .hand-card{transition:none}.hand>li[data-lit] .hand-card{transform:none}.hand-glare{display:none}}
/*# sourceMappingURL=1lsgmxz-h1bub.css.map*/