.vp-dh--parts{--vp-dh-u: calc(100vw / 375);padding-block:40px;box-shadow:0 1px 0 var(--vp-dh-bg, #000)}.vp-dh--parts .vp-dh__signup--apart .vp-dh__box{gap:var(--vp-dh-fgap, 15px)}.vp-dh--parts .vp-dh__signup--apart .vp-dh__button{flex:none;inline-size:107px}.vp-dh__part{position:absolute;inset-block-start:calc(var(--y) * var(--vp-dh-u));inset-inline-start:calc(var(--x) * var(--vp-dh-u));z-index:-1;inline-size:calc(var(--w) * var(--vp-dh-u));pointer-events:none}.vp-dh__part img{display:block;max-inline-size:none;inline-size:100%;block-size:auto;transform-origin:0 0;translate:calc(var(--p1-x, 0) * var(--vp-dh-u)) calc(var(--p1-y, 0) * var(--vp-dh-u));rotate:var(--p1-r, 0deg)}.vp-dh__part--blue{--x: -158;--y: 66.9;--w: 309.2;--p1-x: 257;--p1-y: -157;--p1-r: 44.63deg;--p2-x: 220.3;--p2-y: -134.9;--p2-r: 37.87deg;--p3-x: 302.6;--p3-y: -134.8;--p3-r: 51.4deg;--p4-x: 298.7;--p4-y: -80.6;--p4-r: 54.98deg;--out-x: -130;--out-y: -80}.vp-dh__part--purple{--x: 244;--y: -64;--w: 398.2;--p1-x: 25;--p1-y: -95;--p1-r: 13.06deg;--p2-x: 68.1;--p2-y: -99.9;--p2-r: 24.82deg;--p3-x: 28.6;--p3-y: -87.1;--p3-r: 13.9deg;--p4-x: -46.6;--p4-y: -45.3;--p4-r: 0deg;--out-x: 100;--out-y: -100}.vp-dh__part--orange{--x: 199;--y: 187;--w: 467.8;--p1-x: 111;--p1-y: -181;--p1-r: 33.62deg;--p2-x: 36.8;--p2-y: -152.4;--p2-r: 22.2deg;--p3-x: 182.7;--p3-y: -196.5;--p3-r: 42.49deg;--p4-x: 40.5;--p4-y: -175.3;--p4-r: 19.18deg;--out-x: 150;--out-y: 50}.vp-dh__part--x{--x: 6;--y: 221;--w: 51}.vp-dh__part--splat{--x: 321;--y: 0;--w: 54}.vp-dh__part--sticker{--x: var(--x-m);--y: var(--y-m);--w: var(--w-m);rotate:var(--turn)}@media(min-width:750px){.vp-dh--parts{--vp-dh-u: min(100vw / 1440, 1.35px);padding-block:var(--vp-dh-pad, 40px);z-index:2;min-block-size:max(var(--vp-dh-h, 650px),var(--vp-dh-hn, 667) * var(--vp-dh-u));overflow:clip visible;clip-path:inset(0 0 -200vh)}.vp-dh--parts .vp-dh__signup--apart .vp-dh__box{gap:var(--vp-dh-fgap, 20px)}.vp-dh--parts .vp-dh__signup--apart .vp-dh__button{inline-size:var(--vp-dh-btn, 222px)}.vp-dh__part--purple,.vp-dh__part--orange,.vp-dh__part--splat{inset-inline:auto calc(var(--x-end) * var(--vp-dh-u))}.vp-dh__part--blue{--x: -60;--y: -404;--w: 678;--p1-x: 493.4;--p1-y: -140;--p1-r: 37.638deg;--p2-x: 0;--p2-y: 0;--p2-r: 0deg;--p3-x: -64.5;--p3-y: 65.6;--p3-r: -6.962deg;--p4-x: 126.7;--p4-y: -72.5;--p4-r: 10.738deg;--out-x: -213.8;--out-y: -284.2}.vp-dh__part--purple{--x-end: -183.1;--y: -436;--w: 873.1;--p1-x: 203.2;--p1-y: -177;--p1-r: 13.058deg;--p2-x: 0;--p2-y: 0;--p2-r: 0deg;--p3-x: -49.2;--p3-y: 73.4;--p3-r: -6.631deg;--p4-x: 63;--p4-y: -13.5;--p4-r: 7.551deg;--out-x: 574.8;--out-y: -391}.vp-dh__part--orange{--x-end: -197;--y: -18;--w: 1026;--p1-x: 476.1;--p1-y: -83;--p1-r: 32.603deg;--p2-x: 0;--p2-y: 0;--p2-r: 0deg;--p3-x: 53.9;--p3-y: 26.6;--p3-r: -2.896deg;--p4-x: 256;--p4-y: -151;--p4-r: 16.016deg;--out-x: 296.2;--out-y: 983.4}.vp-dh__part--x{--x: 63;--y: 502;--w: 96}.vp-dh__part--splat{--x-end: 127;--y: 237;--w: 101}.vp-dh__part--sticker{--x: var(--x-d);--y: var(--y-d);--w: var(--w-d)}.vp-dh__part--from-center{inset-inline-start:calc(50% + var(--x) * var(--vp-dh-u))}.vp-dh__part--from-right{inset-inline:auto calc(var(--x) * var(--vp-dh-u))}}@media(prefers-reduced-motion:no-preference){.vp-dh--sway .vp-dh__part--arm img{animation:vp-dh-part-in .9s linear both,vp-dh-part-sway 6s linear .9s infinite}@supports (view-timeline-name: --a){.vp-dh--out{view-timeline-name:--vp-dh;view-timeline-inset:var(--header-group-height, 0px) 0px}.vp-dh--out .vp-dh__part--arm{animation:vp-dh-part-out linear both;animation-timeline:--vp-dh;animation-range:exit 0% exit 30%}}}@keyframes vp-dh-part-in{33.33%,66.67%{translate:calc(var(--p2-x) * var(--vp-dh-u)) calc(var(--p2-y) * var(--vp-dh-u));rotate:var(--p2-r)}to{translate:calc(var(--p3-x) * var(--vp-dh-u)) calc(var(--p3-y) * var(--vp-dh-u));rotate:var(--p3-r)}}@keyframes vp-dh-part-sway{0%,to{translate:calc(var(--p3-x) * var(--vp-dh-u)) calc(var(--p3-y) * var(--vp-dh-u));rotate:var(--p3-r)}50%{translate:calc(var(--p4-x) * var(--vp-dh-u)) calc(var(--p4-y) * var(--vp-dh-u));rotate:var(--p4-r)}}@keyframes vp-dh-part-out{99%{opacity:1}to{translate:calc(var(--out-x) * var(--vp-dh-u)) calc(var(--out-y) * var(--vp-dh-u));opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/200/assets/vp-dh-parts.css.map */