.tw-root{--tc-display:"Fredoka","Trebuchet MS",system-ui,sans-serif;--tc-body:"Nunito",system-ui,sans-serif;position:relative;isolation:isolate;overflow:hidden;background:var(--tc-bg);color:var(--tc-ink);font-family:var(--tc-body);padding:clamp(36px,5vw,72px) 0}.tw-root *,.tw-root *:before,.tw-root *:after{box-sizing:border-box}.tw-inner{position:relative;max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}.tw-stage{position:relative;height:clamp(480px,64vh,640px);border-radius:28px;overflow:hidden;perspective:1400px;background:radial-gradient(ellipse 70% 60% at 50% 30%,#fff 0,#fdeef3 45%,#f6d6e0);box-shadow:0 20px 50px #96465f29;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}.tw-stage:active{cursor:grabbing}.tw-light{position:absolute;z-index:0;top:0;left:50%;width:80%;height:92%;transform:translate(-50%);transform-origin:50% 0;pointer-events:none;background:linear-gradient(180deg,#fffffff2,#fff0 90%);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);filter:blur(8px);opacity:.85;animation:tw-sway 7s ease-in-out infinite alternate}@keyframes tw-sway{0%{transform:translate(-50%) rotate(-3deg)}to{transform:translate(-50%) rotate(3deg)}}.tw-floor{position:absolute;z-index:1;left:50%;bottom:7%;width:min(64%,420px);aspect-ratio:4/1;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#fff 0,#fbe3ea 55%,#f2bccb);box-shadow:0 12px #e9a3b6,0 12px 0 1px #96465f26,0 30px 40px #96465f38}.tw-shadow{position:absolute;z-index:1;left:50%;bottom:calc(7% + min(64%,420px)/8 - 10px);width:min(26%,170px);height:22px;border-radius:50%;transform:translate(-50%);background:radial-gradient(closest-side,rgba(110,40,60,.35),transparent);pointer-events:none}.tw-girl{position:absolute;z-index:2;left:0;right:0;bottom:calc(7% + min(64%,420px)/8 - 4px);height:76%;display:flex;justify-content:center;align-items:flex-end;transform-origin:50% 50%;outline:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.tw-girl-img{display:block;height:100%;width:auto;max-width:90%;object-fit:contain;object-position:50% 100%;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(110,40,60,.18))}.tw-girl-img.is-photo{height:92%;aspect-ratio:3/4;object-fit:cover;object-position:50% 30%;border-radius:999px 999px 26px 26px;border:6px solid #fff}.tw-girl:focus-visible .tw-girl-img{outline:3px solid var(--tw-accent);outline-offset:6px;border-radius:20px}.tw-burst i{position:absolute;font-style:normal;line-height:1;color:var(--tw-accent);opacity:0;pointer-events:none}.tw-burst i:nth-child(1){top:8%;left:30%;font-size:26px}.tw-burst i:nth-child(2){top:30%;right:28%;font-size:18px;color:#f3b766}.tw-burst i:nth-child(3){top:55%;left:33%;font-size:14px}.tw-stage.is-burst .tw-burst i{animation:tw-pop .9s ease-out}.tw-stage.is-burst .tw-burst i:nth-child(2){animation-delay:.1s}.tw-stage.is-burst .tw-burst i:nth-child(3){animation-delay:.2s}@keyframes tw-pop{0%{opacity:0;transform:scale(.3) rotate(0)}40%{opacity:1;transform:scale(1.3) rotate(45deg)}to{opacity:0;transform:scale(.6) rotate(100deg)}}.tw-petals{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.tw-petals i{position:absolute;top:-24px;left:var(--x);width:var(--s);height:calc(var(--s) * .75);border-radius:100% 0;background:#f5a9bc;opacity:.85;animation:tw-fall var(--t) linear infinite;animation-delay:var(--d)}.tw-petals i:nth-child(3n){background:#fff}.tw-petals i:nth-child(4n){background:#f6c27a}@keyframes tw-fall{0%{transform:translate(0) rotate(0)}50%{transform:translate(34px,340px) rotate(260deg)}to{transform:translate(-10px,700px) rotate(540deg)}}.tw-curtain{position:absolute;z-index:4;top:0;bottom:0;width:15%;pointer-events:none;background:repeating-linear-gradient(90deg,#00000014 0,#ffffff38 9px,#00000014 20px),var(--tw-accent)}.tw-curtain--l{left:0;clip-path:polygon(0 0,100% 0,62% 38%,34% 58%,48% 100%,0 100%)}.tw-curtain--r{right:0;clip-path:polygon(0 0,100% 0,100% 100%,52% 100%,66% 58%,38% 38%)}.tw-valance{position:absolute;z-index:5;top:0;left:0;right:0;height:42px;pointer-events:none;background:radial-gradient(circle at 50% 0,var(--tw-accent) 0 30px,transparent 31px) 0 0/60px 42px repeat-x;filter:drop-shadow(0 4px 4px rgba(110,40,60,.15))}.tw-arrow{position:absolute;z-index:6;top:50%;width:46px;height:46px;margin-top:-23px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#fff;color:var(--tc-ink);box-shadow:0 6px 16px #6e283c2e;cursor:pointer;transition:transform .2s}.tw-arrow:hover{transform:scale(1.08)}.tw-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.tw-prev{left:14px}.tw-next{right:14px}.tw-hint{position:absolute;z-index:6;left:50%;bottom:14px;transform:translate(-50%);padding:6px 14px;border-radius:99px;background:#ffffffd9;font:700 11px/1.2 var(--tc-body);letter-spacing:.12em;text-transform:uppercase;color:var(--tc-ink);white-space:nowrap;pointer-events:none;transition:opacity .4s}.tw-stage.is-used .tw-hint{opacity:0}.tw-kicker{margin:0 0 6px;font:700 12px/1.2 var(--tc-body);letter-spacing:.18em;text-transform:uppercase;color:var(--tw-accent)}.tw-title{margin:0;font:600 clamp(30px,4vw,48px)/1.1 var(--tc-display);color:var(--tc-ink)}.tw-text{margin:10px 0 0;font-size:15px;line-height:1.5;opacity:.7;max-width:380px}.tw-now{margin:clamp(20px,3vw,34px) 0 14px;min-height:64px}.tw-name{margin:0;font:600 clamp(19px,2vw,24px)/1.25 var(--tc-display)}.tw-price{margin:6px 0 0;font-weight:700;font-size:16px}.tw-price s{font-weight:400;opacity:.5;margin-right:6px}.tw-now.is-swap{animation:tw-in .5s ease}@keyframes tw-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tw-shop{display:inline-block;padding:14px 30px;border:0;border-radius:99px;background:var(--tc-ink);color:#fff;font:700 15px var(--tc-body);cursor:pointer;transition:transform .2s}.tw-shop:hover{transform:translateY(-2px)}.tw-looks{display:flex;flex-wrap:wrap;gap:10px;margin:clamp(22px,3vw,32px) 0 0}.tw-look{display:block;width:62px;height:62px;border-radius:50%;overflow:hidden;background:#fff;border:3px solid #fff;box-shadow:0 4px 12px #6e283c1f;transition:transform .2s,border-color .2s}.tw-look img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 4%;transform:scale(1.6);transform-origin:50% 0}.tw-look:hover{transform:translateY(-2px)}.tw-look.on{border-color:var(--tw-accent)}.tw-all{display:inline-block;margin-top:22px;font-weight:700;font-size:14px;color:var(--tc-ink);text-decoration:none;border-bottom:2px solid var(--tw-accent);padding-bottom:2px}@media(max-width:860px){.tw-inner{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center}.tw-side{display:contents}.tw-kicker,.tw-title,.tw-text{order:-2}.tw-stage{order:-1;width:100%;margin-top:22px}.tw-now{margin:20px 0 12px;min-height:0}.tw-looks{justify-content:center}}@media(max-width:600px){.tw-stage{height:500px;border-radius:22px}.tw-curtain{width:13%}.tw-arrow{width:40px;height:40px;margin-top:-20px}.tw-prev{left:8px}.tw-next{right:8px}.tw-look{width:54px;height:54px}}@media(prefers-reduced-motion:reduce){.tw-light,.tw-petals i,.tw-burst i,.tw-now{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/tods-twirl.css.map */