@media (min-width:640px){.v3-curve-end{clip-path:ellipse(92% 125% at 0%);margin-inline-end:-40px}.v3-curve-start{clip-path:ellipse(92% 125% at 100%);margin-inline-start:-40px}[dir=rtl] .v3-curve-end{clip-path:ellipse(92% 125% at 100%)}[dir=rtl] .v3-curve-start{clip-path:ellipse(92% 125% at 0%)}}.v3-scene{aspect-ratio:16/10;border-radius:var(--radius-lg);background:var(--surface);position:relative;overflow:hidden;container-type:inline-size}.v3-scene[data-drop-target]{outline:3px dashed var(--accent);outline-offset:-3px}.v3-piece{--v3-flip:1;translate:calc(-50% * var(--v3-flip)) var(--v3-ty,-100%);mix-blend-mode:multiply;transition:opacity .35s,filter .35s;position:absolute}[dir=rtl] .v3-piece{--v3-flip:-1}.v3-piece:after{content:"";inset-inline:6%;z-index:-1;height:12%;opacity:var(--v3-shadow,1);pointer-events:none;background:radial-gradient(closest-side,#1717174d,#17171700);border-radius:50%;position:absolute;bottom:-5%}.v3-piece img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.v3-piece[data-dim]{opacity:.35;filter:saturate(.4)}.v3-piece:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}.v3-cutout{mix-blend-mode:multiply}.v3-scene[data-anim]:not([data-in]) .v3-piece{opacity:0}@media (prefers-reduced-motion:no-preference){@keyframes v3-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes v3-drop{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:none}}@keyframes v3-fade{0%{opacity:0}to{opacity:1}}@keyframes v3-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes v3-pop{0%{opacity:0;transform:scale(.92)}70%{opacity:1;transform:scale(1.03)}to{transform:none}}@keyframes v3-pulse{0%,to{box-shadow:0 0 #f2740573}50%{box-shadow:0 0 0 10px #f2740500}}.v3-rise{animation:.7s cubic-bezier(.2,.7,.2,1) both v3-rise}.v3-drop{animation:.6s cubic-bezier(.2,.7,.2,1) both v3-drop}.v3-fade{animation:.5s both v3-fade}.v3-pop{animation:.45s cubic-bezier(.2,.7,.2,1) both v3-pop}.v3-pulse{animation:2s ease-in-out infinite v3-pulse}.v3-draw{stroke-dasharray:1;animation:.9s ease-out both v3-draw}.v3-piece img{transition:transform .35s}.v3-piece[data-lift] img{transform:translateY(-6px)}@keyframes v3-piece-in{0%{opacity:0;transform:translateY(-36px)scale(.96)}55%{opacity:1;transform:translateY(4px)scale(1.01)}75%{transform:translateY(-2px)}to{opacity:1;transform:none}}@keyframes v3-shadow-in{0%,40%{opacity:0;transform:scaleX(.4)}to{opacity:var(--v3-shadow,1);transform:none}}.v3-scene[data-anim][data-in] .v3-piece,.v3-scene[data-anim][data-in] .v3-piece:after{animation-duration:.8s;animation-timing-function:cubic-bezier(.3,.9,.4,1);animation-delay:calc(var(--v3-i,0) * 90ms + .12s);animation-fill-mode:both}.v3-scene[data-anim][data-in] .v3-piece{animation-name:v3-piece-in}.v3-scene[data-anim][data-in] .v3-piece:after{animation-name:v3-shadow-in}.v3-piece[data-fresh]{animation:v3-piece-in .6s cubic-bezier(.3, .9, .4, 1) calc(var(--v3-i,0) * 80ms) both}.v3-piece[data-fresh]:after{animation:v3-shadow-in .6s ease-out calc(var(--v3-i,0) * 80ms) both}.v3-scene[data-glide] .v3-piece{transition:inset-inline-start .6s cubic-bezier(.3,.9,.4,1),top .6s cubic-bezier(.3,.9,.4,1),width .6s cubic-bezier(.3,.9,.4,1),opacity .35s,filter .35s}@keyframes v3-curve-open-left{0%{clip-path:ellipse(45% 125% at 0%)}to{clip-path:ellipse(92% 125% at 0%)}}@keyframes v3-curve-open-right{0%{clip-path:ellipse(45% 125% at 100%)}to{clip-path:ellipse(92% 125% at 100%)}}@media (min-width:640px){.anim-live .reveal:not([data-in]) .v3-curve-end{clip-path:ellipse(45% 125% at 0%)}.anim-live .reveal:not([data-in]) .v3-curve-start,[dir=rtl] .anim-live .reveal:not([data-in]) .v3-curve-end{clip-path:ellipse(45% 125% at 100%)}[dir=rtl] .anim-live .reveal:not([data-in]) .v3-curve-start{clip-path:ellipse(45% 125% at 0%)}.anim-live .reveal[data-in] .v3-curve-end{animation:1.1s cubic-bezier(.2,.7,.2,1) .15s both v3-curve-open-left}.anim-live .reveal[data-in] .v3-curve-start{animation:1.1s cubic-bezier(.2,.7,.2,1) .15s both v3-curve-open-right}[dir=rtl] .anim-live .reveal[data-in] .v3-curve-end{animation-name:v3-curve-open-right}[dir=rtl] .anim-live .reveal[data-in] .v3-curve-start{animation-name:v3-curve-open-left}}.v3-nudge{transition:translate .3s cubic-bezier(.3,.9,.4,1)}.group:hover .v3-nudge,.v3-nudge-host:hover .v3-nudge{translate:4px}[dir=rtl] .group:hover .v3-nudge,[dir=rtl] .v3-nudge-host:hover .v3-nudge{translate:-4px}.v3-press{transition:transform .15s,opacity .2s}.v3-press:active{transform:scale(.97)}@keyframes v3-tick{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}.v3-tick{animation:.35s cubic-bezier(.3,.9,.4,1) both v3-tick;display:inline-block}}