@property --wbm-z{syntax:"*";inherits:false}@property --wbm-a{syntax:"*";inherits:false}@property --wbm-o{syntax:"*";inherits:false}@property --wbm-p{syntax:"*";inherits:false}@property --wbm-q{syntax:"*";inherits:false}@property --wbm-d{syntax:"<time>";inherits:false;initial-value:0s}@layer components{:where(.wb-crane,.wb-mascot,.wb-jar,.wb-fold,.wb-unfold){--wb-paper:var(--color-background);--wb-ink:var(--color-foreground);--wb-brand:var(--color-brand)}[data-theme=dark] :where(.wb-crane,.wb-mascot,.wb-jar,.wb-fold,.wb-unfold){--wb-paper:#eeebe5;--wb-ink:#110c08;--wb-brand:#d67d5e}@supports (color:lab(0% 0 0)){[data-theme=dark] :where(.wb-crane,.wb-mascot,.wb-jar,.wb-fold,.wb-unfold){--wb-paper:lab(93.0723% .225216 3.04791);--wb-ink:lab(3.68116% 1.3494 2.16347);--wb-brand:lab(61.9937% 33.3335 32.7487)}}.wb-mascot{--wbm-m-accent:var(--wb-brand);--wbm-m-ink:var(--wb-ink);--wbm-m-paper:var(--wb-paper);--wbm-m-fill:color-mix(in oklch, var(--wbm-m-accent) 16%, var(--wbm-m-paper));--wbm-c1:color-mix(in oklch, var(--wbm-m-accent) 58%, var(--wbm-m-paper));--wbm-c3:color-mix(in oklch, var(--wbm-m-accent) 68%, var(--wbm-m-ink));--wbm-n1:wb-mascot-idle;--wbm-n2:wb-mascot-idle-l;--wbm-lp:3.6s;width:100%;height:100%;display:block;overflow:visible}[data-theme=dark] .wb-mascot{--wbm-m-accent:var(--wb-brand);--wbm-m-ink:#110c08;--wbm-m-paper:#eeebe5;--wbm-m-fill:color-mix(in oklch, var(--wbm-m-accent) 28%, #322c28);--wbm-c1:color-mix(in oklch, var(--wbm-m-accent) 55%, var(--wbm-m-paper));--wbm-c3:color-mix(in oklch, var(--wbm-m-accent) 78%, var(--wbm-m-ink))}@supports (color:lab(0% 0 0)){[data-theme=dark] .wb-mascot{--wbm-m-ink:lab(3.68116% 1.3494 2.16347);--wbm-m-paper:lab(93.0723% .225216 3.04791);--wbm-m-fill:color-mix(in oklch, var(--wbm-m-accent) 28%, lab(18.7737% 2.10702 4.05527))}}.wb-mascot *{transform-box:view-box}.wb-mascot :is(.f1,.f2,.f3){stroke:var(--wbm-m-ink);stroke-width:2.4px;stroke-linejoin:round}.wb-mascot .f1{fill:var(--wbm-c1)}.wb-mascot .f2{fill:var(--wbm-m-accent)}.wb-mascot .f3{fill:var(--wbm-c3)}.wb-mascot .sh{fill:var(--wbm-m-fill);opacity:.7}.wb-mascot :is(.cr,.gd){fill:none;stroke-linecap:round}.wb-mascot .cr{stroke:var(--wbm-m-ink);stroke-width:1.3px;opacity:.35}.wb-mascot .gd{stroke:var(--wbm-m-paper);stroke-width:1px;opacity:.55}.wb-mascot .ey{fill:var(--wbm-m-ink)}.wb-mascot .b{transform-origin:100px 172px}.wb-mascot .sh{transform-origin:104px 186px}.wb-mascot .wf{transform-origin:104px 134px;--wbm-d:60ms}.wb-mascot .wn{transform-origin:92px 139px;--wbm-d:.12s}.wb-mascot .tl{transform-origin:82px 156px;--wbm-d:.1s}.wb-mascot .nk{transform-origin:117px 155px;--wbm-d:40ms}.wb-mascot .hd{transform-origin:151px 90px;--wbm-d:.1s}.wb-mascot .ey{transform-origin:158px 85px}.wb-mascot .pt{--wbm-Z:var(--wbm-z,none);--wbm-P:var(--wbm-p,none);--wbm-A:var(--wbm-a,var(--wbm-P));--wbm-O:var(--wbm-o,var(--wbm-P));--wbm-Q:var(--wbm-q,var(--wbm-P));transform:var(--wbm-P);animation:var(--wbm-n1) var(--wbm-id,.6s) cubic-bezier(.3, 0, .3, 1) var(--wbm-d) backwards, var(--wbm-n2) var(--wbm-lp) var(--wbm-lz,ease-in-out) calc(var(--wbm-id,.6s) + var(--wbm-d)) infinite}.wb-mascot :is(.wn,.wf){--wbm-lz:var(--ease-paper)}.wb-mascot .ey{animation:5.2s infinite wb-mascot-blink}.wb-mascot[data-offscreen],.wb-mascot[data-offscreen] *{animation-play-state:paused}.wb-mascot[data-still],.wb-mascot[data-still] *{animation:none}.wb-mascot .b{--wbm-z:var(--wbm-bz);--wbm-a:var(--wbm-ba);--wbm-o:var(--wbm-bo);--wbm-p:var(--wbm-bp);--wbm-q:var(--wbm-bq)}.wb-mascot .sh{--wbm-a:var(--wbm-sha);--wbm-o:var(--wbm-sho);--wbm-q:var(--wbm-shq)}.wb-mascot .wf{--wbm-a:var(--wbm-wfa);--wbm-o:var(--wbm-wfo);--wbm-p:var(--wbm-wfp);--wbm-q:var(--wbm-wfq)}.wb-mascot .wn{--wbm-a:var(--wbm-wna);--wbm-o:var(--wbm-wno);--wbm-p:var(--wbm-wnp);--wbm-q:var(--wbm-wnq)}.wb-mascot .tl{--wbm-o:var(--wbm-tlo);--wbm-p:var(--wbm-tlp);--wbm-q:var(--wbm-tlq)}.wb-mascot .nk{--wbm-a:var(--wbm-nka);--wbm-o:var(--wbm-nko);--wbm-p:var(--wbm-nkp);--wbm-q:var(--wbm-nkq)}.wb-mascot .hd{--wbm-a:var(--wbm-hda);--wbm-o:var(--wbm-hdo);--wbm-p:var(--wbm-hdp);--wbm-q:var(--wbm-hdq)}.wb-mascot[data-state=idle]{--wbm-ba:scaleX(.94);--wbm-bo:scaleX(1.02);--wbm-bq:scale(1.01, 1.025);--wbm-wnq:scaleY(.93);--wbm-wfq:scaleY(.95);--wbm-tlq:rotate(-3deg);--wbm-nkq:rotate(2.5deg);--wbm-hdq:rotate(3deg)}.wb-mascot[data-state=greet]{--wbm-n1:wb-mascot-greet;--wbm-n2:wb-mascot-greet-l;--wbm-lp:1.7s;--wbm-ba:scaleX(.55);--wbm-bo:translateY(-7px) scaleX(1.06);--wbm-bq:translateY(-2px);--wbm-nka:rotate(-8deg);--wbm-nko:rotate(38deg);--wbm-nkp:rotate(28deg);--wbm-nkq:rotate(12deg);--wbm-hdp:rotate(14deg);--wbm-hdq:rotate(6deg);--wbm-wna:scaleY(.75);--wbm-wno:rotate(-20deg) scaleY(1.08);--wbm-wnp:rotate(-12deg);--wbm-wnq:rotate(-12deg) scaleY(.45);--wbm-wfo:rotate(12deg);--wbm-wfp:rotate(6deg);--wbm-wfq:rotate(6deg) scaleY(.75);--wbm-tlo:rotate(-10deg);--wbm-tlp:rotate(-4deg)}.wb-mascot[data-state=listen]{--wbm-n1:wb-mascot-listen;--wbm-n2:wb-mascot-listen-l;--wbm-lp:2.8s;--wbm-bp:rotate(3deg);--wbm-nka:rotate(-6deg);--wbm-nko:rotate(22deg);--wbm-nkp:rotate(16deg);--wbm-nkq:rotate(24deg);--wbm-hdp:rotate(12deg);--wbm-hdq:rotate(18deg);--wbm-wnp:scaleY(.9);--wbm-wnq:scaleY(.86);--wbm-tlq:rotate(-4deg)}.wb-mascot[data-state=think]{--wbm-n1:wb-mascot-think;--wbm-n2:wb-mascot-think-l;--wbm-lp:3.2s;--wbm-ba:scaleX(.08);--wbm-bo:scaleX(1.06);--wbm-bq:scaleX(.72) skewY(-3deg);--wbm-nko:rotate(-12deg);--wbm-nkp:rotate(-9deg);--wbm-hdp:rotate(-14deg);--wbm-hdq:rotate(-6deg);--wbm-wno:scaleY(.6);--wbm-wnp:scaleY(.72);--wbm-wnq:scaleY(.4);--wbm-wfp:scaleY(.8);--wbm-wfq:scaleY(.6)}.wb-mascot[data-state=cheer]{--wbm-n1:wb-mascot-cheer;--wbm-n2:wb-mascot-cheer-l;--wbm-lp:1.4s;--wbm-ba:scaleX(.7) translateY(4px);--wbm-bo:translateY(-18px);--wbm-bp:translateY(-4px);--wbm-bq:translateY(-11px);--wbm-sha:scale(1.05);--wbm-sho:scale(.68);--wbm-shq:scale(.8);--wbm-wno:rotate(-26deg) scaleY(1.1);--wbm-wnp:rotate(-18deg);--wbm-wnq:rotate(-18deg) scaleY(.45);--wbm-wfo:rotate(18deg);--wbm-wfp:rotate(12deg);--wbm-wfq:rotate(12deg) scaleY(.6);--wbm-nko:rotate(-14deg);--wbm-nkp:rotate(-10deg);--wbm-nkq:rotate(-5deg);--wbm-hdp:rotate(-10deg);--wbm-tlo:rotate(-12deg);--wbm-tlp:rotate(-6deg)}.wb-mascot[data-state=point]{--wbm-n1:wb-mascot-point;--wbm-n2:wb-mascot-point-l;--wbm-lp:1.8s;--wbm-ba:rotate(-3deg);--wbm-bo:translateX(-14px);--wbm-bp:translateX(-12px);--wbm-nka:rotate(-10deg);--wbm-nko:rotate(42deg);--wbm-nkp:rotate(36deg);--wbm-nkq:rotate(38deg);--wbm-hdo:rotate(-36deg);--wbm-hdp:rotate(-30deg);--wbm-wna:scaleY(.8);--wbm-wno:rotate(40deg);--wbm-wnp:rotate(32deg);--wbm-wnq:rotate(35deg) scaleY(.94);--wbm-tlo:rotate(-8deg);--wbm-tlp:rotate(-4deg)}.wb-mascot[data-state=talk]{--wbm-n1:wb-mascot-talk;--wbm-n2:wb-mascot-talk-l;--wbm-lp:1.2s;--wbm-bq:translateY(-2px) scaleX(.98);--wbm-nko:rotate(6deg);--wbm-nkp:rotate(3deg);--wbm-nkq:rotate(-2deg);--wbm-hdp:rotate(2deg);--wbm-hdq:rotate(-9deg);--wbm-wnq:scaleY(.9)}.wb-mascot[data-state=laugh]{--wbm-n1:wb-mascot-laugh;--wbm-n2:wb-mascot-laugh-l;--wbm-lp:.52s;--wbm-ba:scaleX(.82);--wbm-bo:translateY(-6px);--wbm-bq:translateY(-5px) rotate(-2deg);--wbm-nka:rotate(6deg);--wbm-nko:rotate(-24deg);--wbm-nkp:rotate(-17deg);--wbm-nkq:rotate(-10deg);--wbm-hdo:rotate(-20deg);--wbm-hdp:rotate(-16deg);--wbm-hdq:rotate(-8deg);--wbm-wnq:scaleY(.62);--wbm-wfq:scaleY(.8);--wbm-tlq:rotate(-6deg)}.wb-mascot[data-state=moved]{--wbm-n1:wb-mascot-moved;--wbm-n2:wb-mascot-moved-l;--wbm-lp:4s;--wbm-id:.9s;--wbm-bo:translateY(4px) scaleX(.96);--wbm-bp:translateY(3px) scaleX(.97);--wbm-nko:rotate(34deg);--wbm-nkp:rotate(29deg);--wbm-nkq:rotate(33deg);--wbm-hdp:rotate(22deg);--wbm-hdq:rotate(26deg);--wbm-wnp:rotate(6deg) scaleY(.7);--wbm-wnq:rotate(6deg) scaleY(.66);--wbm-wfp:scaleY(.76);--wbm-tlp:rotate(8deg)}.wb-mascot[data-state=wow]{--wbm-n1:wb-mascot-wow;--wbm-n2:wb-mascot-wow-l;--wbm-lp:2.2s;--wbm-ba:scaleX(.6) scaleY(.92);--wbm-bo:translateY(-11px) scale(1.04, 1.12);--wbm-bp:translateY(-3px) scaleY(1.06);--wbm-bq:translateY(-4px) scaleY(1.08);--wbm-nka:rotate(8deg);--wbm-nko:rotate(-20deg);--wbm-nkp:rotate(-13deg);--wbm-nkq:rotate(-15deg);--wbm-hdo:rotate(-18deg);--wbm-hdp:rotate(-12deg);--wbm-wno:rotate(-26deg) scaleY(1.12);--wbm-wnp:rotate(-18deg) scaleY(1.05);--wbm-wfo:rotate(20deg);--wbm-wfp:rotate(13deg);--wbm-tlo:rotate(-12deg);--wbm-tlp:rotate(-8deg)}.wb-mascot[data-state=talk] .hd{--wbm-lp:.44s}@keyframes wb-mascot-idle{0%{transform:var(--wbm-Z)}38%{transform:var(--wbm-A)}72%{transform:var(--wbm-O)}to{transform:var(--wbm-P)}}@keyframes wb-mascot-greet{0%{transform:var(--wbm-Z)}38%{transform:var(--wbm-A)}72%{transform:var(--wbm-O)}to{transform:var(--wbm-P)}}@keyframes wb-mascot-listen{0%{transform:var(--wbm-Z)}38%{transform:var(--wbm-A)}72%{transform:var(--wbm-O)}to{transform:var(--wbm-P)}}@keyframes wb-mascot-think{0%{transform:var(--wbm-Z)}38%{transform:var(--wbm-A)}72%{transform:var(--wbm-O)}to{transform:var(--wbm-P)}}@keyframes wb-mascot-cheer{0%{transform:var(--wbm-Z)}38%{transform:var(--wbm-A)}72%{transform:var(--wbm-O)}to{transform:var(--wbm-P)}}@keyframes wb-mascot-point{0%{transform:var(--wbm-Z)}38%{transform:var(--wbm-A)}72%{transform:var(--wbm-O)}to{transform:var(--wbm-P)}}@keyframes wb-mascot-talk{0%{transform:var(--wbm-Z)}38%{transform:var(--wbm-A)}72%{transform:var(--wbm-O)}to{transform:var(--wbm-P)}}@keyframes wb-mascot-laugh{0%{transform:var(--wbm-Z)}38%{transform:var(--wbm-A)}72%{transform:var(--wbm-O)}to{transform:var(--wbm-P)}}@keyframes wb-mascot-moved{0%{transform:var(--wbm-Z)}38%{transform:var(--wbm-A)}72%{transform:var(--wbm-O)}to{transform:var(--wbm-P)}}@keyframes wb-mascot-wow{0%{transform:var(--wbm-Z)}38%{transform:var(--wbm-A)}72%{transform:var(--wbm-O)}to{transform:var(--wbm-P)}}@keyframes wb-mascot-idle-l{0%,to{transform:var(--wbm-P)}50%{transform:var(--wbm-Q)}}@keyframes wb-mascot-greet-l{0%,to{transform:var(--wbm-P)}50%{transform:var(--wbm-Q)}}@keyframes wb-mascot-listen-l{0%,to{transform:var(--wbm-P)}50%{transform:var(--wbm-Q)}}@keyframes wb-mascot-think-l{0%,30%,to{transform:var(--wbm-P)}60%,75%{transform:var(--wbm-Q)}}@keyframes wb-mascot-cheer-l{0%,to{transform:var(--wbm-P)}50%{transform:var(--wbm-Q)}}@keyframes wb-mascot-point-l{0%,to{transform:var(--wbm-P)}50%{transform:var(--wbm-Q)}}@keyframes wb-mascot-talk-l{0%,to{transform:var(--wbm-P)}50%{transform:var(--wbm-Q)}}@keyframes wb-mascot-laugh-l{0%,to{transform:var(--wbm-P)}50%{transform:var(--wbm-Q)}}@keyframes wb-mascot-moved-l{0%,to{transform:var(--wbm-P)}50%{transform:var(--wbm-Q)}}@keyframes wb-mascot-wow-l{0%,to{transform:var(--wbm-P)}50%{transform:var(--wbm-Q)}}@keyframes wb-mascot-blink{0%,93%,to{transform:none}96%{transform:scaleY(.15)}}.wb-crane{--wb-k2:var(--wb-brand);--wb-k1:color-mix(in oklch, var(--wb-brand) 58%, var(--wb-paper));--wb-k3:color-mix(in oklch, var(--wb-brand) 68%, var(--wb-ink));width:100%;height:100%;display:block;overflow:visible}.wb-crane .k1{fill:var(--wb-k1)}.wb-crane .k2{fill:var(--wb-k2)}.wb-crane .k3{fill:var(--wb-k3)}.wb-crane .kg{fill:none;stroke:var(--wb-paper);stroke-width:1px;opacity:.55;stroke-linecap:round}.wb-crane *{transform-box:view-box}.wb-crane .cw-bw{transform-origin:104px 134px}.wb-crane .cw-fw{transform-origin:96px 141px}.wb-crane .cw-tl{transform-origin:82px 156px}.wb-crane .cw-nk{transform-origin:117px 155px}.wb-crane .cw-bd{transform-origin:96px 151px}.wb-jar{width:100%;height:100%;display:block;overflow:visible}.wb-jar .jc{--t1:color-mix(in oklch, var(--t2) 62%, var(--wb-paper));--t3:color-mix(in oklch, var(--t2) 74%, var(--wb-ink))}.wb-jar .jb{opacity:.78}.wb-jar .jth{stroke:color-mix(in oklch, var(--wb-ink) 40%, transparent);stroke-width:.6px;fill:none}.wb-jar .jge{stop-color:color-mix(in oklch, var(--wb-ink) 9%, var(--wb-paper));stop-opacity:.75}.wb-jar .jgm{stop-color:var(--wb-paper);stop-opacity:.28}.wb-jar .jo{fill:none;stroke:color-mix(in oklch, var(--wb-ink) 34%, transparent);stroke-width:1.8px}.wb-jar .jbase{fill:none;stroke:color-mix(in oklch, var(--wb-ink) 14%, transparent);stroke-width:3px;stroke-linecap:round}.wb-jar .jhi{fill:none;stroke:#fff;stroke-width:5px;stroke-linecap:round;opacity:.8}.wb-jar .jhi2{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;opacity:.75}.wb-jar .jhi3{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;opacity:.45}.wb-jar .jsh0{stop-color:var(--wb-ink);stop-opacity:.2}.wb-jar .jsh1{stop-color:var(--wb-ink);stop-opacity:0}.wb-jar .jlip{fill:color-mix(in oklch, var(--wb-paper) 72%, transparent);stroke:color-mix(in oklch, var(--wb-ink) 34%, transparent);stroke-width:1.6px}.wb-jar .jcork{fill:#c7a47f;fill:lab(69.7733% 9.49961 24.2914);stroke:#836046;stroke:lab(44.1097% 12.0844 20.9195);stroke-width:1.3px;stroke-linejoin:round}.wb-jar .jcork2{fill:none;stroke:#d8c0a1;stroke:lab(79.1662% 5.05173 19.0816);stroke-width:1.2px;stroke-linecap:round}.wb-jar .jcorkd{fill:none;stroke:#8d6850;stroke:lab(47.5568% 12.8131 20.0683);stroke-width:1.3px;stroke-linecap:round}.wb-jar .jtw{fill:none;stroke:#b09b7c;stroke:lab(65.2723% 4.34017 19.4645);stroke-width:2.2px;stroke-linecap:round}.wb-jar .jtwd{stroke:#856d52;stroke:lab(47.7687% 6.81484 18.9898);stroke-width:2.2px;stroke-dasharray:1.1 2.2;stroke-linecap:butt}.wb-jar .jknot{fill:#a58e70;fill:lab(60.5953% 5.24902 19.2883);stroke:#7c644a;stroke:lab(44.2631% 7.40802 18.8142);stroke-width:1px}.wb-jar .jtag{fill:#f6f1e7;fill:lab(95.4151% .418961 5.35046);stroke:color-mix(in oklch, var(--wb-ink) 30%, transparent);stroke-width:1px}.wb-jar .jhole{fill:#b09b7c;fill:lab(65.2723% 4.34017 19.4645)}.wb-jar .jtagt{fill:#201914;fill:lab(9.48198% 2.73063 4.99646);font:600 11px/1 var(--font-sans);text-anchor:middle}[data-theme=dark] .wb-jar .jge{stop-color:var(--wb-paper);stop-opacity:.16}[data-theme=dark] .wb-jar .jgm{stop-color:var(--wb-paper);stop-opacity:.04}[data-theme=dark] .wb-jar .jo{stroke:color-mix(in oklch, var(--wb-paper) 42%, transparent)}[data-theme=dark] .wb-jar .jbase{stroke:color-mix(in oklch, var(--wb-paper) 16%, transparent)}[data-theme=dark] .wb-jar .jlip{fill:color-mix(in oklch, var(--wb-paper) 14%, transparent);stroke:color-mix(in oklch, var(--wb-paper) 42%, transparent)}[data-theme=dark] .wb-jar .jhi{opacity:.42}[data-theme=dark] .wb-jar .jhi2{opacity:.35}[data-theme=dark] .wb-jar .jhi3{opacity:.2}[data-theme=dark] .wb-jar .jsh0{stop-color:#000;stop-opacity:.45}[data-theme=dark] .wb-jar .jth{stroke:color-mix(in oklch, var(--wb-paper) 45%, transparent)}[data-theme=dark] .wb-jar .jb{opacity:.72}@keyframes wb-jar-pop{0%{opacity:0;transform:translateY(-14px)scale(.6)}70%{opacity:1;transform:translateY(1px)scale(1.06)}}.wb-jar .jci{transform-box:fill-box;transform-origin:50%}.wb-jar .jci.new{animation:wb-jar-pop var(--duration-crane-pop) var(--ease-out) both}.wb-fold{aspect-ratio:420/260;-webkit-user-select:none;user-select:none;width:100%;max-width:420px;position:relative;overflow:hidden}:is(.wb-fold,.wb-unfold)[data-state=playing]{cursor:pointer}.wb-fold-stage{transform-origin:0 0;--wf-grid:color-mix(in oklch, var(--wb-brand) 26%, transparent);--wf-t2:var(--wb-brand);--wf-sheet:#faf4ea;--wf-t3:color-mix(in oklch, var(--wb-brand) 68%, var(--wb-ink));width:420px;height:260px;position:absolute;top:0;left:0}@supports (color:lab(0% 0 0)){.wb-fold-stage{--wf-sheet:lab(96.3207% .991762 5.25889)}}[data-theme=dark] .wb-fold-stage{--wf-sheet:#e2ddd5}@supports (color:lab(0% 0 0)){[data-theme=dark] .wb-fold-stage{--wf-sheet:lab(88.4338% .706792 4.53427)}}.wb-fold-box{perspective:700px;width:200px;height:200px;transform-style:preserve-3d;position:absolute;top:30px;left:20px}.wb-fold-jar{width:150px;height:180px;position:absolute;top:56px;left:232px}.wb-fold-st,.wb-fold-flap{transform-style:preserve-3d;position:absolute;inset:0}.wb-fold-face{backface-visibility:hidden;position:absolute;inset:0}.wb-fold-paper{background:repeating-linear-gradient(45deg, var(--wf-grid) 0 1px, transparent 1px 13px), repeating-linear-gradient(-45deg, var(--wf-grid) 0 1px, transparent 1px 13px), var(--wf-sheet)}.wb-fold-shadow{clip-path:polygon(0 50%,100% 50%,50% 100%);background:color-mix(in oklch, var(--wb-ink) 10%, transparent);position:absolute;inset:0;transform:translate3d(3px,4px,-2px)}.wb-fold-t2{background:var(--wf-t2)}.wb-fold-t3{background:var(--wf-t3)}.wb-fold-up{clip-path:polygon(0 50%,50% 0,100% 50%)}.wb-fold-dn{clip-path:polygon(0 50%,100% 50%,50% 100%)}.wb-fold-dl{clip-path:polygon(0 50%,50% 50%,50% 100%)}.wb-fold-dr{clip-path:polygon(50% 50%,100% 50%,50% 100%)}.wb-fold-flapA .wb-fold-back{transform:rotateX(180deg)}.wb-fold-flapB .wb-fold-back{transform:rotateY(180deg)}.wb-fold-crane{position:absolute;inset:0}.wb-fold:not([data-state=playing]) :is(.wb-fold-shadow,.wb-fold-st),.wb-fold:not([data-state=playing],[data-state=reduced]) .wb-fold-crane{visibility:hidden}.wb-fold-hint{font-size:var(--text-sm);color:var(--color-muted-foreground);line-height:1;position:absolute;top:6px;right:8px}[data-theme=dark] .wb-fold-hint{color:#b1aea7;color:lab(71.0396% .295609 3.81926)}.wb-fold:not([data-state=playing]) .wb-fold-hint{display:none}.wb-fold[data-settle] .wb-fold-jar>.wb-jar{transform-origin:0 0;transition:transform var(--duration-slow) var(--ease-out)}.wb-fold[data-settle]:not([data-state=playing]) .wb-fold-jar>.wb-jar{transform:translate(-142px,-101px)scale(1.6)}.wb-fold[data-settle][data-state=reduced] .wb-fold-crane{visibility:hidden}.wb-unfold{position:relative}.wb-unfold-fx{pointer-events:none;perspective:800px;visibility:hidden;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.wb-unfold-flap{background:var(--wb-brand);transform-origin:50% 0;height:50%;position:absolute;top:50%;left:0;right:0}.wb-unfold-crane{aspect-ratio:1;visibility:hidden;pointer-events:none;width:min(120px,50%);position:absolute;top:50%;left:50%;translate:-50% -50%}@media (prefers-reduced-motion:reduce){.wb-mascot,.wb-mascot *,.wb-jar .jci.new{animation:none!important}.wb-fold[data-settle] .wb-fold-jar>.wb-jar{transition:none}}}