.wn-stage{--wn-ease-move:cubic-bezier(.2, 0, 0, 1);--wn-ease-enter:cubic-bezier(.16, 1, .3, 1);--wn-card-h:112px;--wn-fan-zone:28px;--wn-band:56px;--wn-cycle:5s;--wn-card-0:#e7e5e4;--wn-card-1:#dad6d4;--wn-card-2:#ccc7c4;--wn-card-3:#beb8b4;--wn-ink:#44403b;--wn-ink-soft:#a6a09b;--wn-bar:#d6d3d1;--wn-bar-hot:#44403b;--wn-rule:#f5f5f4;--wn-track:#e7e5e4;--wn-dot-on:#57534d;--wn-dot:#a6a09b;--wn-dot-hover:#79716b;--wn-violet-500:#4920f5;--wn-violet-600:#3313c6;--wn-violet-100:#eae5fd;--wn-violet-800:#2b0f9e}@supports (color:lab(0% 0 0)){.wn-stage{--wn-card-0:lab(91.055% .663072 .865579);--wn-card-1:lab(85.8276% 1.07875 1.47164);--wn-card-2:lab(80.4865% 1.44973 2.12101);--wn-card-3:lab(75.147% 1.78513 2.80242);--wn-ink:lab(27.3812% 1.32917 3.57789);--wn-ink-soft:lab(66.2166% 1.88044 3.20326);--wn-bar:lab(84.7909% .928015 1.59738);--wn-bar-hot:lab(27.3812% 1.32917 3.57789);--wn-rule:lab(96.5286% -.0991821 .364268);--wn-track:lab(91.055% .663072 .865579);--wn-dot-on:lab(35.5168% 1.08604 4.07829);--wn-dot:lab(66.2166% 1.88044 3.20326);--wn-dot-hover:lab(48.1164% 2.35701 4.26852)}}.dark .wn-stage{--wn-card-0:#373230;--wn-card-1:#433d3b;--wn-card-2:#4f4946;--wn-card-3:#5c5551;--wn-ink:#d6d3d1;--wn-ink-soft:#79716b;--wn-bar:#57534d;--wn-bar-hot:#e7e5e4;--wn-rule:#292524;--wn-track:#44403b;--wn-dot-on:#e7e5e4;--wn-dot:#79716b;--wn-dot-hover:#a6a09b}@supports (color:lab(0% 0 0)){.dark .wn-stage{--wn-card-0:lab(21.0689% 2.08186 1.99637);--wn-card-1:lab(26.2919% 2.16663 2.46795);--wn-card-2:lab(31.5174% 2.19397 2.96808);--wn-card-3:lab(36.7455% 2.15994 3.48855);--wn-ink:lab(84.7909% .928015 1.59738);--wn-ink-soft:lab(48.1164% 2.35701 4.26852);--wn-bar:lab(35.5168% 1.08604 4.07829);--wn-bar-hot:lab(91.055% .663072 .865579);--wn-rule:lab(15.0353% 1.96067 1.53427);--wn-track:lab(27.3812% 1.32917 3.57789);--wn-dot-on:lab(91.055% .663072 .865579);--wn-dot:lab(48.1164% 2.35701 4.26852);--wn-dot-hover:lab(66.2166% 1.88044 3.20326)}}@container (min-width:28rem){.wn-root{--wn-band:48px}}.wn-slot{bottom:calc(var(--wn-band) + 8px)}.wn-scale{transform-origin:bottom}@container (max-width:28rem){.wn-root{--wn-card-h:144px}}.wn-stack{height:calc(var(--wn-card-h) + var(--wn-fan-zone))}.wn-card{height:var(--wn-card-h)}.wn-skeleton{opacity:.8;overflow:hidden;transform:translateY(-34%);-webkit-mask-image:linear-gradient(90deg,#000 86%,#0000);mask-image:linear-gradient(90deg,#000 86%,#0000)}.wn-skel-card{aspect-ratio:236/72;border:1px solid var(--border);background-color:var(--card);border-radius:8px;flex-direction:column;flex:none;justify-content:flex-end;gap:9px;width:30.73%;padding:14px 16px;display:flex}.wn-skel-bar{background-color:var(--wn-bar);border-radius:9999px;height:6px}.wn-skel-bar[data-title=true]{background-color:var(--wn-dot-hover);margin-bottom:2px}@container (max-width:28rem){.wn-skel-card{gap:8px;width:66%;padding:10px 12px}.wn-skel-bar{height:5px}.wn-skel-bar[data-title=true]{display:none}}.wn-deck{transform-origin:bottom;transition:transform .26s var(--wn-ease-move), opacity .2s var(--wn-ease-move)}.wn-deck[data-state=open]{transition:transform .32s var(--wn-ease-enter), opacity .2s var(--wn-ease-move)}.wn-deck[data-state=closed],.wn-deck[data-state=collapsing]{opacity:0;transform:translateY(28px)scale(.9)}.wn-card{--wn-fan:translate(0, 0) rotate(0deg) scale(1);--wn-slot:translate(0, 0) rotate(0deg) scale(1);--wn-back:translate(0, 0) rotate(0deg) scale(1);transform:var(--wn-slot);transform-origin:top;-webkit-user-select:none;user-select:none;transition:transform .3s var(--wn-ease-move), background-color .3s var(--wn-ease-move)}.wn-card[data-position="0"]{background-color:var(--wn-card-0);z-index:4}.wn-card[data-position="1"]{--wn-fan:translate(0, -8px) rotate(0deg) scale(.96);background-color:var(--wn-card-1);z-index:3;pointer-events:none}.wn-card[data-position="2"]{--wn-fan:translate(0, -16px) rotate(0deg) scale(.92);background-color:var(--wn-card-2);z-index:2;pointer-events:none}.wn-card[data-position="3"]{--wn-fan:translate(0, -24px) rotate(0deg) scale(.88);background-color:var(--wn-card-3);z-index:1;pointer-events:none}:is(.wn-root:has(.wn-deck[data-state=open]:hover) .wn-card,.wn-root:has(.wn-deck[data-state=open]:focus-within) .wn-card,.wn-root:has(.wn-deck[data-state=open]):has(.wn-band:hover) .wn-card){--wn-slot:var(--wn-fan);--wn-back:translate(0, -24px) rotate(0deg) scale(.88)}:is(.wn-root:has(.wn-deck[data-state=open]:hover) .wn-card:not([data-position="0"]),.wn-root:has(.wn-deck[data-state=open]:focus-within) .wn-card:not([data-position="0"]),.wn-root:has(.wn-deck[data-state=open]):has(.wn-band:hover) .wn-card:not([data-position="0"])){pointer-events:auto;cursor:pointer}@media (hover:none){.wn-deck[data-state=open] .wn-card{--wn-slot:var(--wn-fan);--wn-back:translate(0, -24px) rotate(0deg) scale(.88)}.wn-deck[data-state=open] .wn-card:not([data-position="0"]){pointer-events:auto}}.wn-card[data-move=tuck]{animation:wn-tuck var(--wn-move,.64s)}.wn-card[data-move=deal]{animation:wn-deal var(--wn-move,.64s)}.wn-card[data-move=rise]{animation:wn-rise var(--wn-move,.64s) linear}.wn-card[data-move=tuck] .wn-card-face{animation:wn-tuck-face var(--wn-move,.64s) linear}.wn-card[data-move=deal] .wn-card-face{animation:wn-deal-face var(--wn-move,.64s) linear}@keyframes wn-tuck{0%{transform:translate(var(--wn-dx,0px), 0) rotate(var(--wn-rot,0deg)) scale(1);z-index:5;background-color:var(--wn-card-0);animation-timing-function:cubic-bezier(.4,0,.9,.7)}39%{transform:translate(min(var(--wn-dx,0px) - 10%, -50%), 2px) rotate(-3deg) scale(.97);z-index:5;background-color:var(--wn-card-0)}39.5%{transform:translate(min(var(--wn-dx,0px) - 10%, -50%), 2px) rotate(-3deg) scale(.97);z-index:0;background-color:var(--wn-card-0);animation-timing-function:cubic-bezier(.4,0,.2,1)}85%{background-color:var(--wn-card-0)}to{transform:var(--wn-slot);z-index:0}}@keyframes wn-deal{0%{transform:var(--wn-back);z-index:0;animation-timing-function:cubic-bezier(.8,0,.6,1)}60.5%{z-index:0;transform:translate(-50%,2px)rotate(-3deg)scale(.97)}61%{z-index:5;background-color:var(--wn-card-0);animation-timing-function:cubic-bezier(.1,.3,.6,1);transform:translate(-50%,2px)rotate(-3deg)scale(.97)}to{transform:var(--wn-slot);z-index:5;background-color:var(--wn-card-0)}}@keyframes wn-rise{0%,39%{animation-timing-function:cubic-bezier(.23,1,.32,1);scale:.96}70%,to{scale:1}}@keyframes wn-tuck-face{0%{filter:blur();opacity:1}21%{filter:blur();animation-timing-function:cubic-bezier(.4,0,1,1)}39%{filter:blur(6px);opacity:1}39.5%,65%{filter:blur(6px);opacity:.55}92%,to{filter:blur(6px);opacity:0}}@keyframes wn-deal-face{0%,8%{filter:blur(6px);opacity:0}35%,60.5%{filter:blur(6px);opacity:.55}61%{filter:blur(6px);opacity:1;animation-timing-function:cubic-bezier(.1,.3,.6,1)}79%,to{filter:blur();opacity:1}}.wn-card[data-position="0"]{touch-action:pan-y;cursor:grab}.wn-card[data-dragging=true]{cursor:grabbing;transition:none}.wn-card-face{transition:opacity .12s var(--wn-ease-move)}.wn-card[data-position="0"] .wn-card-face{opacity:1}.wn-card:not([data-position="0"]) .wn-card-face{opacity:0}.wn-close{opacity:0;transition:opacity .15s ease-out}:is(.wn-deck[data-state=open]:hover .wn-close,.wn-deck[data-state=open]:focus-within .wn-close,.wn-root:has(.wn-band:hover) .wn-deck[data-state=open] .wn-close){opacity:1}@media (hover:none){.wn-deck[data-state=open] .wn-close{opacity:1}}@container (max-width:28rem){.wn-close{display:none}}.wn-dots,.wn-reopen{transition:opacity .2s var(--wn-ease-move), scale .2s var(--wn-ease-move), visibility 0s linear .2s}.wn-band[data-open=true] .wn-reopen,.wn-band[data-open=false] .wn-dots{opacity:0;visibility:hidden;scale:.96}.wn-band[data-open=true] .wn-dots,.wn-band[data-open=false] .wn-reopen{opacity:1;visibility:visible;transition:opacity .2s var(--wn-ease-move), scale .2s var(--wn-ease-move), visibility 0s;scale:1}.wn-dots{background-color:var(--wn-track);border-radius:9999px;align-items:center;height:100%;padding:0 6px;display:flex}.wn-dot-button{cursor:pointer;justify-content:center;align-items:center;height:100%;padding:0 4px;display:flex}.wn-dot{background-color:var(--wn-dot);width:4px;height:4px;transition:width .3s var(--wn-ease-move), background-color .3s var(--wn-ease-move);border-radius:9999px;position:relative;overflow:hidden}.wn-dot-button:hover .wn-dot{background-color:var(--wn-dot-hover)}.wn-dot[data-active=true],.wn-dot-button:hover .wn-dot[data-active=true]{background-color:var(--wn-dot-on);width:16px}.wn-dot[data-active=true][data-fill=true]{background-color:var(--wn-dot)}.wn-dot:after{content:"";border-radius:inherit;background-color:var(--wn-dot-on);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.wn-dot[data-active=true][data-fill=true]:after{animation:wn-fill var(--wn-cycle) linear forwards}.wn-root[data-paused=true] .wn-dot:after{animation-play-state:paused}@keyframes wn-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.wn-btn{white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;height:28px;margin:1px;padding:0 8px;font-size:12px;font-weight:500;line-height:1;display:inline-flex;box-shadow:0 1px 2px #0000000d}.wn-btn-primary{background-color:var(--wn-violet-500);border-color:var(--wn-violet-600);color:#fff}.wn-btn-secondary{background-color:var(--card);border-color:var(--border);color:var(--wn-ink)}.wn-badge{background-color:var(--wn-violet-100);height:18px;color:var(--wn-violet-800);border-radius:4px;align-items:center;padding:0 4px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.wn-mini{border:1px solid var(--border);background-color:var(--card);width:190px;color:var(--wn-ink);border-radius:8px;box-shadow:0 1px 2px #0000000d}@media (prefers-reduced-motion:reduce){.wn-deck,.wn-card,.wn-dots,.wn-reopen{transition-property:opacity;transition-duration:.15s;scale:1}.wn-deck[data-state=closed],.wn-deck[data-state=collapsing]{transform:none}.wn-dot:after,.wn-card[data-move],.wn-card[data-move] .wn-card-face{animation:none}}
