.tdi-coordi{--blue:var(--td-color-brand-primary);--ink:#171717;--line:#eff1f2;--T:13s}.tdi-coordi .stage{background:#fff radial-gradient(circle,#e3e7ea 1px,#0000 1px) 0 0/18px 18px;width:100%;height:100%;position:relative;overflow:hidden}.tdi-coordi .stage *{animation-duration:var(--T);animation-timing-function:cubic-bezier(.6,0,.25,1);animation-iteration-count:infinite}.tdi-coordi svg{display:block}.tdi-coordi img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.tdi-coordi .look{background:#fff;border-radius:10px;width:40.4%;height:84%;animation-name:tdic-look;position:absolute;top:8%;overflow:hidden;box-shadow:0 12px 30px #17171729}.tdi-coordi .look img{object-position:50% 20%}@keyframes tdic-look{0%{opacity:0;transform:scale(.88)}5%,96%{opacity:1;transform:none}to{opacity:0}}.tdi-coordi .rv{position:absolute;inset:0}.tdi-coordi .r1{animation-name:tdic-rv1}.tdi-coordi .r2{animation-name:tdic-rv2}.tdi-coordi .r3{animation-name:tdic-rv3}@keyframes tdic-rv1{0%,23%{clip-path:inset(0 0 100%)}30%,to{clip-path:inset(0)}}@keyframes tdic-rv2{0%,49%{clip-path:inset(0 0 100%)}56%,to{clip-path:inset(0)}}@keyframes tdic-rv3{0%,75%{clip-path:inset(0 0 100%)}82%,to{clip-path:inset(0)}}.tdi-coordi .scan{background:var(--blue);opacity:0;height:3px;position:absolute;left:-4%;right:-4%;box-shadow:0 0 14px 4px #0172feb3}.tdi-coordi .s1{animation-name:tdic-sc1}.tdi-coordi .s2{animation-name:tdic-sc2}.tdi-coordi .s3{animation-name:tdic-sc3}@keyframes tdic-sc1{0%,22.5%{opacity:0;top:0}23%{opacity:1}30%{opacity:1;top:100%}31%,to{opacity:0;top:100%}}@keyframes tdic-sc2{0%,48.5%{opacity:0;top:0}49%{opacity:1}56%{opacity:1;top:100%}57%,to{opacity:0;top:100%}}@keyframes tdic-sc3{0%,74.5%{opacity:0;top:0}75%{opacity:1}82%{opacity:1;top:100%}83%,to{opacity:0;top:100%}}.tdi-coordi .veil{-webkit-backdrop-filter:blur(2px);opacity:0;background:#ffffff59;animation-name:tdic-busy;position:absolute;inset:0}.tdi-coordi .pill{z-index:8;opacity:0;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;animation-name:tdic-busy;display:flex;position:absolute;top:50%;box-shadow:0 8px 24px #0172fe4d}.tdi-coordi .pill .ring{border:3px solid #0172fe26;border-top-color:var(--blue);border-radius:50%;animation:.8s linear infinite tdic-spin;position:absolute;inset:4px}.tdi-coordi .pill svg{width:18px;height:18px;fill:var(--blue);animation:1s ease-in-out infinite tdic-twinkle}.tdi-coordi .glow{z-index:7;aspect-ratio:1;opacity:0;pointer-events:none;background:radial-gradient(circle,#0172fe52,#0172fe00 65%);border-radius:50%;width:40%;margin:-20% 0 0 -20%;animation-name:tdic-busy;position:absolute;top:50%}@keyframes tdic-busy{0%,17.5%{opacity:0}18.5%,22.5%{opacity:1}23.5%,43.5%{opacity:0}44.5%,48.5%{opacity:1}49.5%,69.5%{opacity:0}70.5%,74.5%{opacity:1}75.5%,to{opacity:0}}@keyframes tdic-spin{to{transform:rotate(360deg)}}@keyframes tdic-twinkle{0%,to{opacity:.6;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(20deg)}}.tdi-coordi .spark{z-index:9;opacity:0;width:52px;height:52px;animation-name:tdic-spark;position:absolute;top:3%}.tdi-coordi .spark span{fill:var(--blue);animation:1.2s ease-in-out infinite tdic-twinkle;display:block;position:absolute}.tdi-coordi .spark svg{width:100%;height:100%}.tdi-coordi .spark .t1{width:22px;height:22px;top:13px;left:0}.tdi-coordi .spark .t2{width:12px;height:12px;animation-delay:.3s;top:0;left:22px}.tdi-coordi .spark .t3{fill:#7db7ff;width:9px;height:9px;animation-delay:.6s;top:31px;left:26px}@keyframes tdic-spark{0%,83%{opacity:0;transform:scale(.3)}87%{opacity:1;transform:scale(1.15)}90%,96%{opacity:1;transform:scale(1)}to{opacity:0}}.tdi-coordi .shine{z-index:10;opacity:0;background:linear-gradient(100deg,#fff0,#ffffff8c,#fff0);width:18%;animation-name:tdic-shine;position:absolute;top:-10%;bottom:-10%}@keyframes tdic-shine{0%,86%{opacity:0;left:-25%}87%{opacity:1}93%{opacity:1;left:110%}94%,to{opacity:0;left:110%}}.tdi-coordi .tile{aspect-ratio:1;background:#fff;border-radius:10px;position:absolute;overflow:hidden;box-shadow:0 8px 22px #17171726}.tdi-coordi .i-shirt img,.tdi-coordi .i-cap img{object-position:50% 45%}.tdi-coordi .i-neck img{object-position:62% 58%}.tdi-coordi .sh{aspect-ratio:1;width:16%;animation-name:tdic-shelf;position:absolute;left:66%}.tdi-coordi .sh1{top:9%}.tdi-coordi .sh2{top:37.2%}.tdi-coordi .sh3{top:65.4%}@keyframes tdic-shelf{0%{opacity:0;transform:translate(20px)}5%,96%{opacity:1;transform:none}to{opacity:0}}.tdi-coordi .sh .tile{width:100%;inset:0}.tdi-coordi .sh1 .tile{animation-name:tdic-used1}.tdi-coordi .sh2 .tile{animation-name:tdic-used2}.tdi-coordi .sh3 .tile{animation-name:tdic-used3}@keyframes tdic-used1{0%,23%{opacity:1}26%,to{opacity:.55}}@keyframes tdic-used2{0%,49%{opacity:1}52%,to{opacity:.55}}@keyframes tdic-used3{0%,75%{opacity:1}78%,to{opacity:.55}}.tdi-coordi .ck{z-index:2;background:var(--blue);opacity:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 10px #0172fe66}.tdi-coordi .ck svg{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.tdi-coordi .sh1 .ck{animation-name:tdic-ck1}.tdi-coordi .sh2 .ck{animation-name:tdic-ck2}.tdi-coordi .sh3 .ck{animation-name:tdic-ck3}@keyframes tdic-ck1{0%,24%{opacity:0;transform:scale(.3)}27%{opacity:1;transform:scale(1.25)}29%,96%{opacity:1;transform:none}to{opacity:0}}@keyframes tdic-ck2{0%,50%{opacity:0;transform:scale(.3)}53%{opacity:1;transform:scale(1.25)}55%,96%{opacity:1;transform:none}to{opacity:0}}@keyframes tdic-ck3{0%,76%{opacity:0;transform:scale(.3)}79%{opacity:1;transform:scale(1.25)}81%,96%{opacity:1;transform:none}to{opacity:0}}.tdi-coordi .gh{opacity:0;z-index:8;width:12%;transform:translate(-50%,-50%);box-shadow:0 12px 28px #17171740}.tdi-coordi .gh1{animation-name:tdic-gh1}.tdi-coordi .gh2{animation-name:tdic-gh2}.tdi-coordi .gh3{animation-name:tdic-gh3}.tdi-coordi .cur{z-index:9;fill:#0172fe;stroke:#fff;stroke-width:1.3px;stroke-linejoin:round;paint-order:stroke;filter:drop-shadow(0 2px 4px #00000040);width:18px;height:21px;animation-name:tdic-cur;position:absolute}@keyframes tdic-cur{0%,8%{opacity:0;top:96%;left:86%;transform:none}9%{opacity:1}12%{top:21.8%;left:74%;transform:none}13%{transform:scale(.8)}18%{top:45%;left:38.2%;transform:scale(.8)}19%{transform:none}22%{opacity:1;top:96%;left:86%}23%,34%{opacity:0;top:96%;left:86%}35%{opacity:1}38%{top:50%;left:74%;transform:none}39%{transform:scale(.8)}44%{top:45%;left:38.2%;transform:scale(.8)}45%{transform:none}48%{opacity:1;top:96%;left:86%}49%,60%{opacity:0;top:96%;left:86%}61%{opacity:1}64%{top:78.2%;left:74%;transform:none}65%{transform:scale(.8)}70%{top:45%;left:38.2%;transform:scale(.8)}71%{transform:none}74%{opacity:1;top:96%;left:86%}75%,to{opacity:0;top:96%;left:86%}}@keyframes tdic-gh1{0%,12.9%{opacity:0;top:21.8%;left:74%;transform:translate(-50%,-50%)scale(1)}13%{opacity:.97;top:21.8%;left:74%;transform:translate(-50%,-50%)scale(1.1)}18%{opacity:.97;top:45%;left:38.2%;transform:translate(-50%,-50%)scale(.85)}19%,to{opacity:0;top:45%;left:38.2%;transform:translate(-50%,-50%)scale(.25)}}@keyframes tdic-gh2{0%,38.9%{opacity:0;top:50%;left:74%;transform:translate(-50%,-50%)scale(1)}39%{opacity:.97;top:50%;left:74%;transform:translate(-50%,-50%)scale(1.1)}44%{opacity:.97;top:45%;left:38.2%;transform:translate(-50%,-50%)scale(.85)}45%,to{opacity:0;top:45%;left:38.2%;transform:translate(-50%,-50%)scale(.25)}}@keyframes tdic-gh3{0%,64.9%{opacity:0;top:78.2%;left:74%;transform:translate(-50%,-50%)scale(1)}65%{opacity:.97;top:78.2%;left:74%;transform:translate(-50%,-50%)scale(1.1)}70%{opacity:.97;top:45%;left:38.2%;transform:translate(-50%,-50%)scale(.85)}71%,to{opacity:0;top:45%;left:38.2%;transform:translate(-50%,-50%)scale(.25)}}.tdi-coordi .rp{z-index:7;border:2.5px solid var(--blue);opacity:0;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute;top:45%;left:38.2%}.tdi-coordi .rp1{animation-name:tdic-rp1}.tdi-coordi .rp2{animation-name:tdic-rp2}.tdi-coordi .rp3{animation-name:tdic-rp3}@keyframes tdic-rp1{0%,18%{opacity:0;transform:scale(.3)}18.5%{opacity:.9}23%,to{opacity:0;transform:scale(2.6)}}@keyframes tdic-rp2{0%,44%{opacity:0;transform:scale(.3)}44.5%{opacity:.9}49%,to{opacity:0;transform:scale(2.6)}}@keyframes tdic-rp3{0%,70%{opacity:0;transform:scale(.3)}70.5%{opacity:.9}75%,to{opacity:0;transform:scale(2.6)}}.tdi-coordi .sh1{animation-name:tdic-shelf,tdic-press1}.tdi-coordi .sh2{animation-name:tdic-shelf,tdic-press2}.tdi-coordi .sh3{animation-name:tdic-shelf,tdic-press3}@keyframes tdic-press1{0%,12%{scale:1}13%{scale:.94}14.5%,to{scale:1}}@keyframes tdic-press2{0%,38%{scale:1}39%{scale:.94}40.5%,to{scale:1}}@keyframes tdic-press3{0%,64%{scale:1}65%{scale:.94}66.5%,to{scale:1}}.tdi-coordi .look{left:18%}.tdi-coordi .pill,.tdi-coordi .glow{left:38.2%}.tdi-coordi .spark{left:54.5%}.tdi-coordi{max-width:760px;margin:0 auto}.tdi-coordi .stage{aspect-ratio:16/10;border:1px solid var(--line);background-size:22px 22px;border-radius:18px;height:auto}.tdi-coordi .pill{width:56px;height:56px;margin:-28px 0 0 -28px}.tdi-coordi .pill svg{width:22px;height:22px}.tdi-coordi .cur{width:20px;height:23px}.tdi-coordi .ck{aspect-ratio:1;width:23%;height:auto;top:-7%;right:-7%}.tdi-coordi .ck svg{width:55%;height:55%}.tdi-coordi.is-paused .stage *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.tdi-coordi .stage *{animation:none!important}.tdi-coordi .gh,.tdi-coordi .cur,.tdi-coordi .pill,.tdi-coordi .glow,.tdi-coordi .veil,.tdi-coordi .scan,.tdi-coordi .rp,.tdi-coordi .shine{display:none}.tdi-coordi .ck,.tdi-coordi .spark{opacity:1}.tdi-coordi .sh .tile{opacity:.55}}.tdi-coordi{width:100%;max-width:none;height:100%;margin:0}.tdi-coordi .stage{aspect-ratio:auto;border-radius:16px;height:100%}
.tdi-lookbook{--blue:var(--td-color-brand-primary);--ink:#171717;--line:#eff1f2;--T:12s}.tdi-lookbook .stage{background:#fff radial-gradient(circle,#e3e7ea 1px,#0000 1px) 0 0/18px 18px;width:100%;height:100%;position:relative;overflow:hidden}.tdi-lookbook .stage *{animation-duration:var(--T);animation-timing-function:cubic-bezier(.6,0,.25,1);animation-iteration-count:infinite}.tdi-lookbook svg{display:block}.tdi-lookbook .ph{opacity:0;background:#fff;border-radius:8px;position:absolute;overflow:hidden;box-shadow:0 10px 26px #17171729}.tdi-lookbook .ph img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;display:block;position:absolute;inset:0}.tdi-lookbook .rv{position:absolute;inset:0}.tdi-lookbook .scan{background:var(--blue);opacity:0;height:3px;position:absolute;left:-4%;right:-4%;box-shadow:0 0 14px 4px #0172feb3}.tdi-lookbook .c1{z-index:1}.tdi-lookbook .c2{z-index:2}.tdi-lookbook .c3{z-index:3}.tdi-lookbook .c4{z-index:4}.tdi-lookbook .pill{z-index:8;opacity:0;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;display:flex;position:absolute;box-shadow:0 8px 24px #0172fe4d}.tdi-lookbook .pill .ring{border:3px solid #0172fe26;border-top-color:var(--blue);border-radius:50%;animation:.8s linear infinite tdil-spin;position:absolute;inset:4px}.tdi-lookbook .pill svg{width:18px;height:18px;fill:var(--blue);animation:1s ease-in-out infinite tdil-twinkle}.tdi-lookbook .glow{z-index:7;aspect-ratio:1;opacity:0;pointer-events:none;background:radial-gradient(circle,#0172fe52,#0172fe00 65%);border-radius:50%;width:40%;margin:-20% 0 0 -20%;position:absolute}.tdi-lookbook .spark{z-index:9;opacity:0;width:52px;height:52px;position:absolute}.tdi-lookbook .spark span{fill:var(--blue);animation:1.2s ease-in-out infinite tdil-twinkle;display:block;position:absolute}.tdi-lookbook .spark svg{width:100%;height:100%}.tdi-lookbook .spark .s1{width:22px;height:22px;top:13px;left:0}.tdi-lookbook .spark .s2{width:12px;height:12px;animation-delay:.3s;top:0;left:22px}.tdi-lookbook .spark .s3{fill:#7db7ff;width:9px;height:9px;animation-delay:.6s;top:31px;left:26px}.tdi-lookbook .shine{z-index:10;opacity:0;background:linear-gradient(100deg,#fff0,#ffffff8c,#fff0);width:18%;animation-name:tdil-shine;position:absolute;top:-10%;bottom:-10%}@keyframes tdil-shine{0%,88%{opacity:0;left:-25%}89%{opacity:1}95%{opacity:1;left:110%}96%,to{opacity:0;left:110%}}@keyframes tdil-spin{to{transform:rotate(360deg)}}@keyframes tdil-twinkle{0%,to{opacity:.6;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(20deg)}}.tdi-lookbook .spark.end{animation-name:tdil-final-spark;top:12%;right:2%}@keyframes tdil-final-spark{0%,86%{opacity:0;transform:scale(.3)}90%{opacity:1;transform:scale(1.15)}93%,96%{opacity:1;transform:scale(1)}to{opacity:0}}.tdi-lookbook .c1{animation-name:tdil-c1}.tdi-lookbook .c2{animation-name:tdil-c2}.tdi-lookbook .c3{animation-name:tdil-c3}.tdi-lookbook .c4{animation-name:tdil-c4}.tdi-lookbook .c2 .rv{animation-name:tdil-rv2}.tdi-lookbook .c3 .rv{animation-name:tdil-rv3}.tdi-lookbook .c4 .rv{animation-name:tdil-rv4}.tdi-lookbook .c2 .scan{animation-name:tdil-sc2}.tdi-lookbook .c3 .scan{animation-name:tdil-sc3}.tdi-lookbook .c4 .scan{animation-name:tdil-sc4}@keyframes tdil-c1{0%{opacity:0;width:39.3%;height:84%;top:8%;left:30.35%;transform:scale(.85)}4%{opacity:1;transform:scale(1)}20%{opacity:1;width:39.3%;height:84%;top:8%;left:30.35%;transform:none}25%{opacity:1;width:22%;height:46.9%;top:26.55%;left:3.6%;transform:translateY(-6%)}27%,96%{opacity:1;width:22%;height:46.9%;top:26.55%;left:3.6%;transform:none}to{opacity:0;width:22%;height:46.9%;top:26.55%;left:3.6%}}@keyframes tdil-c2{0%,20%{opacity:0;width:39.3%;height:84%;top:8%;left:30.35%}21%{opacity:1}42%{opacity:1;width:39.3%;height:84%;top:8%;left:30.35%;transform:none}47%{opacity:1;width:22%;height:46.9%;top:26.55%;left:27.2%;transform:translateY(-6%)}49%,96%{opacity:1;width:22%;height:46.9%;top:26.55%;left:27.2%;transform:none}to{opacity:0;width:22%;height:46.9%;top:26.55%;left:27.2%}}@keyframes tdil-c3{0%,42%{opacity:0;width:39.3%;height:84%;top:8%;left:30.35%}43%{opacity:1}64%{opacity:1;width:39.3%;height:84%;top:8%;left:30.35%;transform:none}69%{opacity:1;width:22%;height:46.9%;top:26.55%;left:50.8%;transform:translateY(-6%)}71%,96%{opacity:1;width:22%;height:46.9%;top:26.55%;left:50.8%;transform:none}to{opacity:0;width:22%;height:46.9%;top:26.55%;left:50.8%}}@keyframes tdil-c4{0%,64%{opacity:0;width:39.3%;height:84%;top:8%;left:30.35%}65%{opacity:1}80%{opacity:1;width:39.3%;height:84%;top:8%;left:30.35%;transform:none}85%{opacity:1;width:22%;height:46.9%;top:26.55%;left:74.4%;transform:translateY(-6%)}87%,96%{opacity:1;width:22%;height:46.9%;top:26.55%;left:74.4%;transform:none}to{opacity:0;width:22%;height:46.9%;top:26.55%;left:74.4%}}@keyframes tdil-rv2{0%,20%{clip-path:inset(0 0 100%)}29%,to{clip-path:inset(0)}}@keyframes tdil-rv3{0%,42%{clip-path:inset(0 0 100%)}51%,to{clip-path:inset(0)}}@keyframes tdil-rv4{0%,64%{clip-path:inset(0 0 100%)}73%,to{clip-path:inset(0)}}@keyframes tdil-sc2{0%,20%{opacity:0;top:0}21%{opacity:1}29%{opacity:1;top:100%}30%,to{opacity:0;top:100%}}@keyframes tdil-sc3{0%,42%{opacity:0;top:0}43%{opacity:1}51%{opacity:1;top:100%}52%,to{opacity:0;top:100%}}@keyframes tdil-sc4{0%,64%{opacity:0;top:0}65%{opacity:1}73%{opacity:1;top:100%}74%,to{opacity:0;top:100%}}.tdi-lookbook .btn{z-index:8;opacity:0;background:linear-gradient(135deg,#0172fe 0%,#5b6cff 55%,#8f5bff 100%);border-radius:18px;justify-content:center;align-items:center;width:58px;height:36px;margin:-18px 0 0 -29px;animation-name:tdil-btn;display:flex;position:absolute;top:84%;left:62%;box-shadow:0 6px 18px #0172fe73,inset 0 1px #ffffff59}.tdi-lookbook .btn svg{fill:#fff;width:26px;height:22px}@keyframes tdil-btn{0%,6%{opacity:0;transform:scale(.5)}8%{opacity:1;transform:scale(1)}10.5%{transform:scale(1)}11.2%{transform:scale(.8)}12%,18%{opacity:1;transform:scale(1)}20%,27%{opacity:0;transform:scale(.5)}29%{opacity:1;transform:scale(1)}32.5%{transform:scale(1)}33.2%{transform:scale(.8)}34%,40%{opacity:1;transform:scale(1)}42%,49%{opacity:0;transform:scale(.5)}51%{opacity:1;transform:scale(1)}54.5%{transform:scale(1)}55.2%{transform:scale(.8)}56%,62%{opacity:1;transform:scale(1)}64%,to{opacity:0;transform:scale(.5)}}.tdi-lookbook .cur{z-index:9;fill:#0172fe;stroke:#fff;stroke-width:1.3px;stroke-linejoin:round;paint-order:stroke;filter:drop-shadow(0 2px 4px #00000040);width:18px;height:21px;animation-name:tdil-cur;position:absolute}@keyframes tdil-cur{0%,6%{opacity:0;top:96%;left:82%}8%{opacity:1}10.5%{top:85%;left:62.6%}14%{opacity:1;top:95%;left:80%}16%,28%{opacity:0;top:95%;left:80%}29%{opacity:1}32.5%{top:85%;left:62.6%}36%{opacity:1;top:95%;left:80%}38%,50%{opacity:0;top:95%;left:80%}51%{opacity:1}54.5%{top:85%;left:62.6%}58%{opacity:1;top:95%;left:80%}60%,to{opacity:0;top:95%;left:80%}}.tdi-lookbook .pill,.tdi-lookbook .glow{animation-name:tdil-pill;top:50%;left:50%}@keyframes tdil-pill{0%,11.5%{opacity:0}13%,19%{opacity:1}20.5%,33.5%{opacity:0}35%,41%{opacity:1}42.5%,55.5%{opacity:0}57%,63%{opacity:1}64.5%,to{opacity:0}}.tdi-lookbook .spark.first{animation-name:tdil-first;top:3%;left:63%}@keyframes tdil-first{0%,2%{opacity:0;transform:scale(.3)}5%{opacity:1;transform:scale(1.15)}8%,16%{opacity:1;transform:scale(1)}19%,to{opacity:0}}.tdi-lookbook{--T:13s;max-width:760px;margin:0 auto}.tdi-lookbook .stage{aspect-ratio:16/10;border:1px solid var(--line);background-size:22px 22px;border-radius:18px;height:auto}.tdi-lookbook .pill{width:56px;height:56px;margin:-28px 0 0 -28px}.tdi-lookbook .pill svg{width:22px;height:22px}.tdi-lookbook .cur{width:20px;height:23px}.tdi-lookbook .veil{z-index:6;-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#ffffff59;border-radius:8px;width:39.3%;height:84%;animation-name:tdil-pill;position:absolute;top:8%;left:30.35%}.tdi-lookbook .ph.c1>img{animation-name:tdil-pop1}.tdi-lookbook .ph.c2 .rv img{animation-name:tdil-pop2}.tdi-lookbook .ph.c3 .rv img{animation-name:tdil-pop3}.tdi-lookbook .ph.c4 .rv img{animation-name:tdil-pop4}@keyframes tdil-pop1{0%,86%{transform:none}88%{transform:scale(1.06)}90%,to{transform:none}}@keyframes tdil-pop2{0%,87%{transform:none}89%{transform:scale(1.06)}91%,to{transform:none}}@keyframes tdil-pop3{0%,88%{transform:none}90%{transform:scale(1.06)}92%,to{transform:none}}@keyframes tdil-pop4{0%,89%{transform:none}91%{transform:scale(1.06)}93%,to{transform:none}}.tdi-lookbook.is-paused .stage *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.tdi-lookbook .stage *{animation:none!important}.tdi-lookbook .pill,.tdi-lookbook .glow,.tdi-lookbook .veil,.tdi-lookbook .btn,.tdi-lookbook .cur,.tdi-lookbook .scan,.tdi-lookbook .spark.first,.tdi-lookbook .shine,.tdi-lookbook img.under{display:none}.tdi-lookbook .c1{opacity:1;width:22%;height:46.9%;top:26.55%;left:3.6%}.tdi-lookbook .c2{opacity:1;width:22%;height:46.9%;top:26.55%;left:27.2%}.tdi-lookbook .c3{opacity:1;width:22%;height:46.9%;top:26.55%;left:50.8%}.tdi-lookbook .c4{opacity:1;width:22%;height:46.9%;top:26.55%;left:74.4%}.tdi-lookbook .spark.end{opacity:1}}.tdi-lookbook{width:100%;max-width:none;height:100%;margin:0}.tdi-lookbook .stage{aspect-ratio:auto;border-radius:16px;height:100%}
.tdi-social{--blue:var(--td-color-brand-primary);--ink:#171717;--sub:#6d7477;--line:#eff1f2;--red:#ff3b5c;--green:#12b886;--T:9s}.tdi-social .stage{background:#fff radial-gradient(circle,#e3e7ea 1px,#0000 1px) 0 0/18px 18px;width:100%;height:100%;position:relative;overflow:hidden}.tdi-social .stage *{animation-duration:var(--T);animation-timing-function:cubic-bezier(.6,0,.25,1);animation-iteration-count:infinite}.tdi-social .tile{background:#fff;border-radius:10px;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 26px #17171729}.tdi-social img{object-fit:cover;width:100%;height:100%;display:block}.tdi-social svg{display:block}.tdi-social .grp{width:27%;height:62%;position:absolute;top:19%}.tdi-social .gp{animation-name:tdis-m-gp;left:9%}.tdi-social .gm{animation-name:tdis-m-gm;left:64%}.tdi-social .gp img{object-position:50% 55%}.tdi-social .cur{z-index:2;animation-name:tdis-m-cur;position:absolute}.tdi-social .cur svg{filter:drop-shadow(0 2px 4px #00000040);width:16px;height:18px}.tdi-social .gp .cur{top:-10px;right:-10px}.tdi-social .gp .cur svg{fill:#ff4d6d}.tdi-social .gm .cur{bottom:-12px;left:-10px}.tdi-social .gm .cur svg{fill:var(--green)}.tdi-social .plus{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin:-17px 0 0 -17px;animation-name:tdis-m-plus;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 8px 20px #0172fe66}.tdi-social .glow{aspect-ratio:1;background:radial-gradient(circle,#0172fe59,#0172fe00 65%);border-radius:50%;width:46%;animation-name:tdis-m-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tdi-social .pill{z-index:3;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;animation-name:tdis-m-pill;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 8px 24px #0172fe40}.tdi-social .pill .ring{border:3px solid #0172fe26;border-top-color:var(--blue);border-radius:50%;animation:.8s linear infinite tdis-spin;position:absolute;inset:4px}.tdi-social .pill svg{width:18px;height:18px;fill:var(--blue);animation:1s ease-in-out infinite tdis-twinkle}.tdi-social .flash{z-index:4;pointer-events:none;background:radial-gradient(circle,#fff 0%,#fffffff2 25%,#fff0 65%);animation-name:tdis-m-flash;position:absolute;inset:0}.tdi-social .res{z-index:6;width:34%;height:84%;position:absolute;top:8%;left:33%}.tdi-social .res .tile{outline:3px solid var(--blue);outline-offset:-3px;animation-name:tdis-m-outline}.tdi-social .after{animation-name:tdis-m-after;position:absolute;inset:0}.tdi-social .scan{background:var(--blue);height:3px;animation-name:tdis-m-scan;position:absolute;left:-4%;right:-4%;box-shadow:0 0 16px 4px #0172feb3}@keyframes tdis-m-gp{0%{opacity:0;transform:translate(-45%,8%)rotate(-12deg)}7.7%{opacity:1;transform:rotate(-4deg)}20.3%{opacity:1;left:9%;transform:rotate(-4deg)}28%{opacity:1;left:36.5%;transform:scale(.72)}31.5%,to{opacity:0;left:36.5%;transform:scale(.4)}}@keyframes tdis-m-gm{0%{opacity:0;transform:translate(45%,-8%)rotate(12deg)}7.7%{opacity:1;transform:rotate(4deg)}20.3%{opacity:1;left:64%;transform:rotate(4deg)}28%{opacity:1;left:36.5%;transform:scale(.72)}31.5%,to{opacity:0;left:36.5%;transform:scale(.4)}}@keyframes tdis-m-cur{0%,16.8%{opacity:1}21.7%,to{opacity:0}}@keyframes tdis-m-plus{0%,8.4%{opacity:0;transform:scale(.4)}11.9%{opacity:1;transform:scale(1.15)}14%,19.6%{opacity:1;transform:scale(1)}23.8%,to{opacity:0;transform:scale(.4)rotate(90deg)}}@keyframes tdis-m-glow{0%,26.6%{opacity:0;transform:translate(-50%,-50%)scale(.6)}30.8%{opacity:1;transform:translate(-50%,-50%)scale(1)}33.6%{transform:translate(-50%,-50%)scale(.85)}35.7%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}38.5%,to{opacity:0}}@keyframes tdis-m-pill{0%,28.7%{opacity:0;transform:translate(-50%,-30%)}30.8%,35%{opacity:1;transform:translate(-50%,-50%)}36.4%,to{opacity:0;transform:translate(-50%,-50%)}}@keyframes tdis-m-flash{0%,34.3%{opacity:0}37.1%{opacity:1}43.4%,to{opacity:0}}@keyframes tdis-m-after{0%,39.9%{clip-path:inset(0 0 100%)}49.7%,to{clip-path:inset(0)}}@keyframes tdis-m-scan{0%,39.9%{opacity:1;top:0}49.7%{opacity:1;top:100%}51%,to{opacity:0;top:100%}}@keyframes tdis-m-outline{0%,52%{outline-color:var(--blue);border-radius:10px}57%,to{border-radius:0;outline-color:#0000}}@keyframes tdis-spin{to{transform:rotate(360deg)}}@keyframes tdis-twinkle{0%,to{opacity:.6;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(20deg)}}.tdi-social .hd{align-items:center;gap:6px;display:flex}.tdi-social .av{background:conic-gradient(var(--blue),#7db7ff,var(--blue));border-radius:50%;width:18px;height:18px;padding:2px}.tdi-social .av i{background:#fff;border:1.5px solid #fff;border-radius:50%;width:100%;height:100%;display:block;overflow:hidden}.tdi-social .av img{transform-origin:63% 18%;transform:scale(2.6)}.tdi-social .bar{background:#e3e7ea;border-radius:3px;height:5px}.tdi-social .acts{align-items:center;gap:9px;display:flex}.tdi-social .acts svg{fill:none;width:15px;height:15px;stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.tdi-social .acts .sp{flex:1}.tdi-social .hrt{position:relative}.tdi-social .hrt .fill{fill:var(--red);stroke:var(--red);opacity:0;animation-name:tdis-likeOn;position:absolute;inset:0}@keyframes tdis-likeOn{0%,60%{opacity:0;transform:scale(.4)}63%{opacity:1;transform:scale(1.45)}66%,94%{opacity:1;transform:scale(1)}to{opacity:0}}.tdi-social .dbl{aspect-ratio:1;z-index:8;fill:#fff;filter:drop-shadow(0 4px 14px #0000004d);opacity:0;width:16%;animation-name:tdis-dbl;position:absolute;top:48%;left:50%}@keyframes tdis-dbl{0%,58%{opacity:0;transform:translate(-50%,-50%)scale(.2)}61%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}64%{transform:translate(-50%,-50%)scale(.95)}68%{opacity:1;transform:translate(-50%,-50%)scale(1)}72%,to{opacity:0;transform:translate(-50%,-80%)scale(.9)}}.tdi-social .res{animation-name:tdis-a-res}@keyframes tdis-a-res{0%,35.7%{opacity:0;transform:scale(.82)}39.9%{opacity:1;transform:scale(1.04)}42.7%,52%{opacity:1;transform:scale(1)}58%,94%{opacity:1;transform:translateY(-1%)scale(.78)}to{opacity:0;transform:translateY(-1%)scale(.78)}}.tdi-social .post{z-index:5;opacity:0;background:#fff;border-radius:12px;width:31%;height:94%;animation-name:tdis-a-post;position:absolute;top:3%;left:34.5%;box-shadow:0 18px 40px #1717172e}@keyframes tdis-a-post{0%,52%{opacity:0;transform:scale(1.06)}58%,94%{opacity:1;transform:scale(1)}to{opacity:0}}.tdi-social .post .hd{position:absolute;top:3.5%;left:7%;right:7%}.tdi-social .post .hd .bar{width:40%}.tdi-social .post .acts{position:absolute;bottom:4%;left:7%;right:7%}.tdi-social .fly{z-index:9;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;animation-name:tdis-fly;display:flex;position:absolute;box-shadow:0 6px 14px #1717172e}.tdi-social .fly svg{fill:#fff;width:14px;height:14px}.tdi-social .fly.h{background:var(--red)}.tdi-social .fly.t{background:var(--blue)}.tdi-social .fly.s{background:var(--green)}@keyframes tdis-fly{0%,64%{opacity:0;top:82%;transform:scale(.3)}67%{opacity:1;transform:scale(1.1)}70%{transform:scale(1)}88%{opacity:.95;top:12%}91%,to{opacity:0;top:6%;transform:scale(.8)}}.tdi-social{max-width:760px;margin:0 auto}.tdi-social .stage{aspect-ratio:16/10;border:1px solid var(--line);background-size:22px 22px;border-radius:18px;height:auto}.tdi-social .cur svg{width:20px;height:23px}.tdi-social .plus{width:44px;height:44px;margin:-22px 0 0 -22px}.tdi-social .plus svg{width:18px;height:18px}.tdi-social .pill{width:56px;height:56px}.tdi-social .pill svg{width:22px;height:22px}.tdi-social .av{width:24px;height:24px}.tdi-social .bar{height:6px}.tdi-social .acts svg{flex:none;width:clamp(12px,2.4vw,19px);height:clamp(12px,2.4vw,19px)}.tdi-social .acts{gap:clamp(6px,1.5vw,12px)}.tdi-social .fly{width:32px;height:32px}.tdi-social .fly svg{width:17px;height:17px}.tdi-social .post .hd .bar{transform-origin:0;animation-name:tdis-barIn}@keyframes tdis-barIn{0%,56%{transform:scaleX(0)}62%,to{transform:scaleX(1)}}.tdi-social .snd{transform-origin:50%;animation-name:tdis-sendGo}@keyframes tdis-sendGo{0%,69%{stroke:var(--ink);transform:none}71%{stroke:var(--green);transform:translate(3px,-3px)rotate(-12deg)}74%,to{stroke:var(--ink);transform:none}}.tdi-social .mark-f{fill:var(--blue);stroke:var(--blue);opacity:0;animation-name:tdis-markOn;position:absolute;inset:0}@keyframes tdis-markOn{0%,76%{opacity:0;transform:scale(.4)}79%{opacity:1;transform:scale(1.3)}82%,94%{opacity:1;transform:scale(1)}to{opacity:0}}.tdi-social .mini{z-index:4;aspect-ratio:3/4;opacity:0;background:#fff;border-radius:6px;width:9%;padding:3px;animation-name:tdis-miniGo;position:absolute;box-shadow:0 8px 20px #1717172e}.tdi-social .mini img{border-radius:4px}@keyframes tdis-miniGo{0%,70%{opacity:0;top:35%;left:45.5%;transform:scale(.5)rotate(0)}73%{opacity:1}84%,94%{opacity:1;left:var(--x);top:var(--y);transform:scale(1) rotate(var(--r))}to{opacity:0;left:var(--x);top:var(--y);transform:scale(1) rotate(var(--r))}}.tdi-social .spark{z-index:9;opacity:0;width:56px;height:56px;animation-name:tdis-sparkIn;position:absolute;top:1%;left:64%}.tdi-social .spark span{fill:var(--blue);animation:1.2s ease-in-out infinite tdis-twinkle;display:block;position:absolute}.tdi-social .spark svg{width:100%;height:100%}.tdi-social .spark .s1{width:24px;height:24px;top:14px;left:0}.tdi-social .spark .s2{width:13px;height:13px;animation-delay:.3s;top:0;left:24px}.tdi-social .spark .s3{fill:#7db7ff;width:10px;height:10px;animation-delay:.6s;top:34px;left:28px}@keyframes tdis-sparkIn{0%,58%{opacity:0;transform:scale(.3)}63%{opacity:1;transform:scale(1.15)}67%,94%{opacity:1;transform:scale(1)}to{opacity:0}}.tdi-social .dock{z-index:9;opacity:0;align-items:center;gap:6px;animation-name:tdis-dockIn;display:flex;position:absolute;bottom:7%;left:4%}.tdi-social .dock .th{aspect-ratio:52/64;background:#fff;border-radius:8px;width:clamp(28px,6.5%,46px);overflow:hidden;box-shadow:0 6px 16px #17171726}.tdi-social .dock .op{width:13px;height:13px;color:var(--sub)}@keyframes tdis-dockIn{0%,74%{opacity:0;transform:translate(-16px)}80%,94%{opacity:1;transform:none}to{opacity:0}}.tdi-social.is-paused .stage *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.tdi-social .stage *{animation:none!important}.tdi-social .grp,.tdi-social .plus,.tdi-social .glow,.tdi-social .pill,.tdi-social .flash,.tdi-social .scan,.tdi-social .fly,.tdi-social .mini,.tdi-social .dbl{display:none}.tdi-social .post,.tdi-social .spark,.tdi-social .dock,.tdi-social .hrt .fill{opacity:1}.tdi-social .res{transform:translateY(-1%)scale(.78)}.tdi-social .res .tile{border-radius:0;outline-color:#0000}}.tdi-social{width:100%;max-width:none;height:100%;margin:0}.tdi-social .stage{aspect-ratio:auto;border-radius:16px;height:100%}
.tdi-tryon{--blue:var(--td-color-brand-primary);--ink:#171717;--sub:#6d7477;--line:#eff1f2;--T:7s}.tdi-tryon .stage{aspect-ratio:16/10;border:1px solid var(--line);background:#fff radial-gradient(circle,#e3e7ea 1px,#0000 1px) 0 0/22px 22px;border-radius:18px;width:100%;max-width:760px;margin:0 auto;position:relative;overflow:hidden}.tdi-tryon .stage *{animation-duration:var(--T);animation-timing-function:cubic-bezier(.6,0,.25,1);animation-iteration-count:infinite}.tdi-tryon .tile{background:#fff;border-radius:14px;position:absolute;inset:0;overflow:hidden;box-shadow:0 14px 34px #17171729}.tdi-tryon img{object-fit:cover;width:100%;height:100%;display:block}.tdi-tryon .grp{width:27%;height:62%;position:absolute;top:19%}.tdi-tryon .gp{animation-name:tdi-gp;left:9%}.tdi-tryon .gm{animation-name:tdi-gm;left:64%}.tdi-tryon .gp img{object-position:55% 40%}.tdi-tryon .cur{z-index:2;align-items:flex-start;gap:2px;animation-name:tdi-cur;display:flex;position:absolute}.tdi-tryon .gp .cur{top:-12px;right:-14px}.tdi-tryon .gm .cur{bottom:-14px;left:-14px}.tdi-tryon .cur svg{filter:drop-shadow(0 2px 4px #00000040);width:20px;height:23px}.tdi-tryon .gp .cur path{fill:#ff4d6d}.tdi-tryon .gm .cur path{fill:#12b886}.tdi-tryon .plus{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;font-size:26px;font-weight:600;animation-name:tdi-plus;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 8px 20px #0172fe66}.tdi-tryon .glow{aspect-ratio:1;background:radial-gradient(circle,#0172fe59,#0172fe00 65%);border-radius:50%;width:46%;animation-name:tdi-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tdi-tryon .pill{z-index:3;aspect-ratio:1;background:#fff;border:1px solid #0172fe40;border-radius:50%;justify-content:center;align-items:center;width:clamp(40px,8%,56px);animation-name:tdi-pill;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 8px 24px #0172fe40}.tdi-tryon .pill svg{width:22px;height:22px;fill:var(--blue);animation:1s ease-in-out infinite tdi-twinkle}.tdi-tryon .pill .ring{border:3px solid #0172fe26;border-top-color:var(--blue);border-radius:50%;animation:.8s linear infinite tdi-spin;position:absolute;inset:5px}.tdi-tryon .flash{z-index:4;pointer-events:none;background:radial-gradient(circle,#fff 0%,#fffffff2 25%,#fff0 65%);animation-name:tdi-flash;position:absolute;inset:0}.tdi-tryon .res{z-index:5;width:34%;height:84%;animation-name:tdi-res;position:absolute;top:8%;left:33%}.tdi-tryon .res .tile{outline:3px solid var(--blue);outline-offset:-3px}.tdi-tryon .after{animation-name:tdi-after;position:absolute;inset:0}.tdi-tryon .scan{background:var(--blue);height:3px;animation-name:tdi-scan;position:absolute;left:-4%;right:-4%;box-shadow:0 0 16px 4px #0172feb3}.tdi-tryon .badge{z-index:7;width:60px;height:60px;animation-name:tdi-badge;position:absolute;top:6%;left:66%}.tdi-tryon .badge span{fill:var(--blue);animation:1.2s ease-in-out infinite tdi-twinkle;display:block;position:absolute}.tdi-tryon .badge svg{width:100%;height:100%;display:block}.tdi-tryon .badge .s1{width:26px;height:26px;top:14px;left:0}.tdi-tryon .badge .s2{width:14px;height:14px;animation-delay:.3s;top:0;left:26px}.tdi-tryon .badge .s3{fill:#7db7ff;width:11px;height:11px;animation-delay:.6s;top:36px;left:30px}.tdi-tryon .dock{align-items:center;gap:6px;animation-name:tdi-dock;display:flex;position:absolute;bottom:10%;left:5%}.tdi-tryon .dock .th{aspect-ratio:52/64;background:#fff;border-radius:8px;width:clamp(30px,7%,52px);overflow:hidden;box-shadow:0 6px 16px #17171726}.tdi-tryon .dock .op{width:14px;height:14px;color:var(--sub)}.tdi-tryon .dock .op svg{width:100%;height:100%;display:block}@keyframes tdi-gp{0%{opacity:0;transform:translate(-45%,8%)rotate(-12deg)}11%{opacity:1;transform:rotate(-4deg)}29%{opacity:1;left:9%;transform:rotate(-4deg)}40%{opacity:1;left:36.5%;transform:scale(.72)rotate(0)}45%,to{opacity:0;left:36.5%;transform:scale(.4)}}@keyframes tdi-gm{0%{opacity:0;transform:translate(45%,-8%)rotate(12deg)}11%{opacity:1;transform:rotate(4deg)}29%{opacity:1;left:64%;transform:rotate(4deg)}40%{opacity:1;left:36.5%;transform:scale(.72)rotate(0)}45%,to{opacity:0;left:36.5%;transform:scale(.4)}}@keyframes tdi-cur{0%,24%{opacity:1}31%,to{opacity:0}}@keyframes tdi-plus{0%,12%{opacity:0;transform:scale(.4)}17%{opacity:1;transform:scale(1.15)}20%,28%{opacity:1;transform:scale(1)}34%,to{opacity:0;transform:scale(.4)rotate(90deg)}}@keyframes tdi-glow{0%,38%{opacity:0;transform:translate(-50%,-50%)scale(.6)}44%{opacity:1;transform:translate(-50%,-50%)scale(1)}48%{transform:translate(-50%,-50%)scale(.85)}51%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}55%,to{opacity:0}}@keyframes tdi-pill{0%,41%{opacity:0;transform:translate(-50%,-30%)}44%,50%{opacity:1;transform:translate(-50%,-50%)}52%,to{opacity:0;transform:translate(-50%,-50%)}}@keyframes tdi-spin{to{transform:rotate(360deg)}}@keyframes tdi-twinkle{0%,to{opacity:.6;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(20deg)}}@keyframes tdi-flash{0%,49%{opacity:0}53%{opacity:1}62%,to{opacity:0}}@keyframes tdi-res{0%,51%{opacity:0;transform:scale(.82)}57%{opacity:1;transform:scale(1.04)}61%,94%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes tdi-after{0%,57%{clip-path:inset(0 0 100%)}71%,to{clip-path:inset(0)}}@keyframes tdi-scan{0%,57%{opacity:1;top:0}71%{opacity:1;top:100%}73%,to{opacity:0;top:100%}}@keyframes tdi-badge{0%,68%{opacity:0;transform:scale(.3)}74%{opacity:1;transform:scale(1.15)}78%,94%{opacity:1;transform:scale(1)}to{opacity:0}}@keyframes tdi-dock{0%,72%{opacity:0;transform:translate(-16px)}78%,94%{opacity:1;transform:none}to{opacity:0}}@media (prefers-reduced-motion:reduce){.tdi-tryon .stage *{animation:none!important}.tdi-tryon .grp,.tdi-tryon .plus,.tdi-tryon .glow,.tdi-tryon .pill,.tdi-tryon .flash,.tdi-tryon .scan{display:none}}.tdi-tryon.is-paused .stage *{animation-play-state:paused}.tdi-tryon{width:100%;height:100%}.tdi-tryon .stage{aspect-ratio:auto;border-radius:16px;max-width:none;height:100%}
@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;max-width:100%;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :before,.ReactCrop :after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{max-width:100%;max-height:inherit;display:block}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px);position:absolute;inset:0}.ReactCrop__crop-selection{cursor:move;position:absolute;top:0;left:0;transform:translate(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";border:1px solid var(--rc-border-color);opacity:.3;position:absolute;inset:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){color:#fff;background-image:linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;animation:1s linear infinite marching-ants}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";background-color:#fff6;display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color);position:absolute}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;top:0;left:0;transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;top:0;left:50%;transform:translate(-50%,-50%)}.ReactCrop .ord-ne{cursor:ne-resize;top:0;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-se{cursor:se-resize;bottom:0;right:0;transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.ReactCrop .ord-w{cursor:w-resize;top:50%;left:0;transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{width:100%;height:var(--rc-drag-bar-size);top:0;left:0;transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{width:var(--rc-drag-bar-size);height:100%;top:0;right:0;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{width:100%;height:var(--rc-drag-bar-size);bottom:0;left:0;transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{width:var(--rc-drag-bar-size);height:100%;top:0;left:0;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}