@layer properties,theme,base;@layer components{.wd{background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.wd-stage{--wd-w:140px;--wd-gap:16px;--wd-rx:12deg;--wd-rz:-5deg;--wd-persp:1000px;--wd-pop:18px;--wd-h:calc(var(--wd-w) * 969 / 1536);--wd-px:calc(var(--wd-w) + var(--wd-gap));--wd-py:calc(var(--wd-h) + var(--wd-gap));--wd-fade-x:linear-gradient(to right, transparent, #00000059 4%, #000000bf 8%, #000 12%, #000 88%, #000000bf 92%, #00000059 96%, transparent);--wd-fade-y:linear-gradient(to bottom, transparent, #0003 5%, #0000008c 10%, #000000d9 14%, #000 18%, #000 80%, #000000bf 87%, #00000059 94%, transparent);min-height:0;perspective:var(--wd-persp);perspective-origin:50%;-webkit-mask-image:var(--wd-fade-x), var(--wd-fade-y);mask-image:var(--wd-fade-x), var(--wd-fade-y);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;animation:wd-fade-in var(--dur-5) var(--ease-out) both;outline:none;flex:1;position:relative;overflow:clip;-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes wd-fade-in{0%{opacity:0}}.wd-stage[data-dragging]{cursor:grabbing}@media (width>=640px){.wd-stage{--wd-w:200px;--wd-gap:20px;--wd-rx:14deg;--wd-rz:-6deg;--wd-persp:1300px;--wd-pop:26px}}@media (width>=1024px){.wd-stage{--wd-w:240px;--wd-gap:24px;--wd-rx:15deg;--wd-persp:1500px;--wd-pop:32px}}@media (width>=1600px){.wd-stage{--wd-w:260px}}@media (height<=480px){.wd-stage{--wd-w:140px;--wd-gap:16px;--wd-rx:10deg;--wd-rz:-5deg;--wd-persp:1000px;--wd-pop:18px}}.wd-world{width:0;height:0;transform-style:preserve-3d;transform:rotateX(var(--wd-rx)) rotateZ(var(--wd-rz));animation:wd-unfold 1.2s var(--ease-out) both;position:absolute;top:50%;left:50%}@keyframes wd-unfold{0%{transform:rotateX(calc(var(--wd-rx) + 16deg)) rotateZ(calc(var(--wd-rz) - 3deg)) scale(.9)}}.wd-plane{transform-style:preserve-3d;will-change:transform;transition:opacity var(--dur-2) linear;position:absolute;top:0;left:0}.wd-plane[data-fade]{opacity:0}.wd-cell{width:var(--wd-w);border-radius:var(--card-radius);transform:translate3d(calc(var(--x) * var(--wd-px) - var(--wd-w) / 2), calc(var(--y) * var(--wd-py) - var(--wd-h) / 2), 0);transform-style:preserve-3d;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none;display:block;position:absolute;top:0;left:0}.wd-lift{border-radius:inherit;transform-style:preserve-3d;transition:transform var(--dur-5) var(--ease-out);display:block}.wd-cell[data-focus] .wd-lift{transform:translateZ(var(--wd-pop)) scale(1.04)}.wd-stage[data-dragging] .wd-cell[data-focus] .wd-lift{transform:none}.wd-cell[data-lifted] .wd-lift{opacity:0}.wd-flip{border-radius:inherit;transform-style:preserve-3d;display:block;position:relative}.wd-face{border-radius:inherit;box-shadow:var(--shadow-1);backface-visibility:hidden;display:block;position:relative}.wd-face:before{content:"";border-radius:inherit;box-shadow:var(--shadow-3);opacity:0;transition:opacity var(--dur-5) var(--ease-out);pointer-events:none;position:absolute;inset:0}.wd-cell[data-focus] .wd-face:before{opacity:1}.wd-stage[data-dragging] .wd-cell[data-focus] .wd-face:before{opacity:0}.wd-face .ca-art:before{content:"";z-index:2;background:var(--bg);opacity:.1;transition:opacity var(--dur-5) var(--ease-out);pointer-events:none;position:absolute;inset:0}.wd-cell[data-focus] .ca-art:before{opacity:0}.wd-face+.wd-face{position:absolute;inset:0;transform:rotateY(180deg)}.wd-cell:focus-visible .wd-face{outline:2px solid var(--accent);outline-offset:3px}.wd-flip[data-flip]{animation:.62s both wd-deal;animation-delay:var(--delay,0s)}@keyframes wd-deal{0%{animation-timing-function:cubic-bezier(.55,0,.8,.4);transform:none}50%{transform:translateZ(calc(var(--wd-pop) * 1.5)) rotateY(90deg) scale(.92);animation-timing-function:cubic-bezier(.2,.7,.3,1)}to{transform:rotateY(180deg)}}@media (prefers-reduced-motion:reduce){.wd-world{animation:none}.wd-lift,.wd-face:before{transition-duration:var(--dur-2)}.wd-cell[data-focus] .wd-lift{transform:none}}button:has(+.wd-haptic:active:enabled){transform:scale(var(--press))}.wd-zoom{pointer-events:auto}.wd-zoom:not([data-show]){opacity:0;pointer-events:none;transform:scale(.9)}.wd-backdrop{background:var(--scrim);min-height:100dvh;transition:opacity .6s cubic-bezier(.33,1,.68,1);position:fixed;inset:0}.wd-backdrop[data-starting-style],.wd-backdrop[data-ending-style],.wd-backdrop[data-closing]{opacity:0}.wd-backdrop[data-closing]{transition-duration:.46s;transition-delay:.1s}.wd-peek{--wd-in:.36s;width:100%;max-width:min(680px,158.514dvh - 316.731px);transition:opacity var(--dur-2) var(--ease-out);outline:none;position:relative}.wd-peek[data-ending-style]{opacity:0}.wd-peek-panel{border-radius:var(--radius-xl);background:var(--raised);box-shadow:var(--shadow-3);transition:opacity var(--dur-4) var(--ease-out) .26s, transform var(--dur-5) var(--ease-out) .26s;position:absolute;inset:0}.wd-peek[data-starting-style] .wd-peek-panel,.wd-peek[data-closing] .wd-peek-panel{opacity:0;transform:scale(.96)}.wd-peek-in{transition:opacity .3s var(--ease-out), transform .45s var(--ease-out);transition-delay:calc(var(--wd-in) + var(--i,0) * var(--stagger))}.wd-peek[data-starting-style] .wd-peek-in{opacity:0;transform:translateY(var(--enter-y))}.wd-peek[data-closing] .wd-peek-in{opacity:0;transform:translateY(calc(var(--enter-y) / 2))}.wd-peek[data-closing] .wd-peek-panel,.wd-peek[data-closing] .wd-peek-in{transition-delay:0s;transition-duration:var(--dur-2)}.wd-peek[data-closing] .wd-peek-panel{transition-duration:.2s}.wd-peek-art{border-radius:var(--card-radius);box-shadow:var(--shadow-2);will-change:transform;position:relative}.wd-peek-art .ca-art-img+.ca-art-img{position:absolute;inset:0}.wd-peek-art .ca-art:before{content:"";z-index:2;background:var(--bg);opacity:0;pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.wd-peek{--wd-in:0s}.wd-peek[data-starting-style]{opacity:0}.wd-backdrop{transition-duration:var(--dur-2)}.wd-backdrop[data-closing],.wd-peek-panel{transition-delay:0s}}}@layer utilities;