.hw2{background:#000;color:#fff;padding:clamp(72px,10vw,150px) 0;font-family:Helvetica Now Display,Helvetica Neue,Helvetica,Arial,sans-serif;border-top:1px solid rgba(255,255,255,.14)}.hw2-in{max-width:1400px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.hw2-label{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#ffffff80;margin:0 0 24px}.hw2 .hw2-h,.hw2 h2.hw2-h{font-family:inherit!important;font-weight:400;font-size:clamp(34px,5.6vw,80px);line-height:1;letter-spacing:-.045em;margin:0 0 clamp(40px,6vw,96px);color:#fff;text-transform:none}.hw2-row{display:grid;grid-template-columns:4fr 7fr;gap:clamp(24px,5vw,80px);align-items:center;padding:clamp(32px,5vw,72px) 0;border-top:1px dotted rgba(255,255,255,.3)}.hw2-row.is-alt{grid-template-columns:7fr 4fr}.hw2-row.is-alt .hw2-copy{order:2}.hw2-n{font-size:10px;letter-spacing:.24em;color:#ffffff73}.hw2 .hw2-t,.hw2 h3.hw2-t{font-family:inherit!important;font-weight:400;font-size:clamp(26px,3.2vw,46px);letter-spacing:-.035em;line-height:1.05;margin:14px 0 16px;color:#fff;text-transform:none}.hw2-p{margin:0;color:#fff9;font-size:clamp(15px,1.3vw,18px);line-height:1.5;max-width:22em}.hw2-win{border:1px solid rgba(255,255,255,.22);border-radius:10px;overflow:hidden;background:#0b0b0b;box-shadow:0 30px 80px #0009;opacity:0;transform:translateY(30px) scale(.985);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.hw2-row.is-in .hw2-win{opacity:1;transform:none}.hw2-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#161616;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.hw2-bar i{width:11px;height:11px;border-radius:50%;background:#3a3a3a;display:block}.hw2-bar i:nth-child(1){background:#ff5f57}.hw2-bar i:nth-child(2){background:#febc2e}.hw2-bar i:nth-child(3){background:#28c840}.hw2-bar span{position:absolute;left:0;right:0;text-align:center;font-size:12px;color:#ffffff80;pointer-events:none}.hw2-canvas{aspect-ratio:16/10;background:#000;display:flex;align-items:center;justify-content:center}.hw2-canvas video,.hw2-canvas img{width:100%;height:100%;object-fit:cover;display:block}.hw2-empty{font-size:12px;color:#ffffff59;letter-spacing:.1em;text-transform:uppercase}@media(max-width:820px){.hw2-row,.hw2-row.is-alt{grid-template-columns:1fr}.hw2-row.is-alt .hw2-copy{order:0}}@media(prefers-reduced-motion:reduce){.hw2-win{opacity:1;transform:none;transition:none}}.hw2-scene{color:#fff;position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#1b1b1b,#0a0a0a);font-family:Helvetica Now Display,Helvetica Neue,Helvetica,Arial,sans-serif}.hw2-scene *{box-sizing:border-box}.hw2-scene *{animation-play-state:paused}.hw2-row.is-in .hw2-scene *{animation-play-state:running}.s1-ico{display:inline-block;width:18px;height:22px;border:1.5px solid #fff;border-radius:3px;position:relative;flex:none}.s1-ico:after{content:"";position:absolute;right:-1.5px;top:-1.5px;width:7px;height:7px;background:#0a0a0a;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff}.hw2-cur{position:absolute;left:0;top:0;width:22px;height:24px;z-index:6;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24' viewBox='0 0 22 24'%3E%3Cpath d='M3 2v17l4.6-4.2 3 6.6 2.7-1.2-3-6.5H17z' fill='%23fff' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));pointer-events:none}.s1-card{position:absolute;left:50%;top:50%;width:min(64%,320px);padding:26px 24px 22px;border:1px solid rgba(255,255,255,.2);background:#111;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transform:translate(-50%,-50%);animation:s1card 8s infinite}.s1-name{font-weight:400;font-size:clamp(15px,1.6vw,20px);letter-spacing:-.02em;margin-top:8px}.s1-meta{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#ffffff73}.s1-btn{position:relative;margin-top:12px;height:40px;width:100%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;animation:s1press 8s infinite}.s1-btn span{position:absolute}.s1-l1{animation:s1l1 8s infinite}.s1-l2{opacity:0;animation:s1l2 8s infinite}.s1-l1:after{content:""}.s1-track{width:100%;height:2px;background:#ffffff26;margin-top:6px}.s1-track i{display:block;height:100%;width:0;background:#fff;animation:s1prog 8s infinite}.s1-file{position:absolute;right:6%;bottom:8%;display:flex;gap:10px;align-items:center;padding:10px 14px;border:1px solid rgba(255,255,255,.25);background:#161616;font-size:12px;opacity:0;animation:s1file 8s infinite}.s1-cur{animation:s1cur 8s infinite}@keyframes s1card{0%{opacity:0;transform:translate(-50%,-46%)}8%,92%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0}}@keyframes s1cur{0%{left:80%;top:90%;opacity:0}8%{opacity:1}34%{left:52%;top:62%}38%{left:52%;top:64%}42%{left:52%;top:62%}60%{left:53%;top:63%}80%{left:84%;top:84%}92%{opacity:1}to{opacity:0;left:84%;top:84%}}@keyframes s1press{0%,36%{transform:none}38%{transform:scale(.97)}42%,to{transform:none}}@keyframes s1l1{0%,38%{opacity:1}42%,to{opacity:0}}@keyframes s1l2{0%,64%{opacity:0}68%,92%{opacity:1}to{opacity:0}}.s1-btn:before{content:"Downloading";position:absolute;opacity:0;animation:s1l3 8s infinite}@keyframes s1l3{0%,40%{opacity:0}44%,62%{opacity:1}66%,to{opacity:0}}@keyframes s1prog{0%,40%{width:0}64%{width:100%}to{width:100%}}@keyframes s1file{0%,66%{opacity:0;transform:translateY(12px)}72%,92%{opacity:1;transform:none}to{opacity:0}}.hw2-scene--drag,.hw2-scene--build{container-type:inline-size;background:#f5f4ee}.cl{--ink:#1f1e1d;--mut:#83827d;--line:#e3e0d5;--acc:#d97757;position:absolute;top:0;right:0;bottom:0;left:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:2.1cqw;animation:clfade 11s infinite}.cl *{animation-play-state:paused}.hw2-row.is-in .cl,.hw2-row.is-in .cl *{animation-play-state:running}@keyframes clfade{0%{opacity:0}5%,93%{opacity:1}to{opacity:0}}.cl-star{display:inline-block;width:3.4cqw;height:3.4cqw;flex:none;background:var(--acc);clip-path:polygon(50% 0,58% 34%,85% 15%,66% 42%,100% 50%,66% 58%,85% 85%,58% 66%,50% 100%,42% 66%,15% 85%,34% 58%,0 50%,34% 42%,15% 15%,42% 34%)}.cl-spin{animation:clspin 2s linear infinite}@keyframes clspin{to{transform:rotate(360deg)}}.cl-doc{display:block;width:3.6cqw;height:4.4cqw;border-radius:.6cqw;background:#e9e6dc;border:.2cqw solid #cfcbbd;position:relative;flex:none}.cl-doc:after{content:"";position:absolute;left:.7cqw;right:.7cqw;top:1.4cqw;height:.3cqw;background:#b9b5a6;box-shadow:0 .8cqw #b9b5a6,0 1.6cqw #b9b5a6}.cl--drag{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.4cqw}.cl-hello{display:flex;gap:1.6cqw;align-items:center;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:4.2cqw;letter-spacing:-.01em}.cl-comp{position:relative;width:74%;background:#fff;border:.2cqw solid var(--line);border-radius:2.4cqw;padding:2cqw 2.4cqw 1.6cqw;display:flex;flex-direction:column;gap:1.6cqw;box-shadow:0 .8cqw 3cqw #3c321e14;animation:cldrop 11s infinite}.cl-drop{position:absolute;top:0;right:0;bottom:0;left:0;border:.3cqw dashed var(--acc);border-radius:2.4cqw;background:#f5f4eef0;display:flex;align-items:flex-start;justify-content:center;padding-top:1.8cqw;color:var(--acc);font-size:2.1cqw;opacity:0;animation:cldropov 11s infinite;z-index:2}.cl-att{display:none;align-items:center;gap:1.4cqw;border:.2cqw solid var(--line);border-radius:1.4cqw;padding:1cqw 1.6cqw 1cqw 1cqw;background:#faf9f5;align-self:flex-start;opacity:0;animation:clatt 11s infinite;max-height:0;margin-bottom:-1.6cqw;overflow:hidden;border-width:0;padding-top:0;padding-bottom:0}.cl-att,.cl--build .cl-att{display:flex}.cl-attt{display:flex;flex-direction:column;gap:.2cqw}.cl-attt b{font-weight:500;font-size:2cqw}.cl-attt em{font-style:normal;font-size:1.6cqw;color:var(--mut)}.cl-ph{position:relative;height:3.2cqw;font-size:2.4cqw}.cl-ph1{position:absolute;left:0;top:0;color:#a5a39c;animation:clph 11s infinite}.cl-typed:after{content:"";display:inline-block;width:.25cqw;height:2.6cqw;background:var(--acc);margin-left:.3cqw;vertical-align:-.5cqw;animation:clcaret .9s steps(1) infinite}@keyframes clcaret{50%{opacity:0}}.cl-typed{position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden;width:0;animation:cltype 11s steps(34,end) infinite}.cl-row{display:flex;align-items:center;gap:1.6cqw}.cl-plus{width:3.6cqw;height:3.6cqw;border:.2cqw solid var(--line);border-radius:1cqw;display:flex;align-items:center;justify-content:center;color:var(--mut);font-size:2.6cqw}.cl-model{margin-left:auto;color:var(--mut);font-size:1.9cqw}.cl-send{width:4cqw;height:4cqw;border-radius:1.2cqw;background:#e9c9bb;position:relative;animation:clsend 11s infinite}.cl-send:after{content:"";position:absolute;left:1.2cqw;top:1cqw;width:1.5cqw;height:1.5cqw;border-left:.35cqw solid #fff;border-top:.35cqw solid #fff;transform:rotate(45deg)}.cl-file{position:absolute;left:5%;bottom:9%;display:flex;align-items:center;gap:1.4cqw;padding:1.2cqw 1.8cqw;background:#fff;border:.2cqw solid var(--line);border-radius:1.4cqw;box-shadow:0 .8cqw 2cqw #3c321e1f;font-size:2cqw;font-weight:500;animation:clfile 11s infinite;z-index:3}.cl-cur{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24' viewBox='0 0 22 24'%3E%3Cpath d='M3 2v17l4.6-4.2 3 6.6 2.7-1.2-3-6.5H17z' fill='%23111' stroke='%23fff' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E");animation:clcur 11s infinite}@keyframes clfile{0%,18%{left:6%;bottom:8%;opacity:1;transform:none}24%{transform:scale(1.05) rotate(-2deg)}50%{left:38%;bottom:26%;transform:scale(1.02) rotate(-2deg);opacity:1}56%,to{left:40%;bottom:30%;transform:scale(.55);opacity:0}}@keyframes clcur{0%{left:14%;top:92%;opacity:0}8%{opacity:1;left:14%;top:88%}18%{left:14%;top:88%}50%{left:48%;top:66%}56%{left:50%;top:70%}72%{left:60%;top:76%}88%{left:84%;top:78%}93%{opacity:1}to{opacity:0}}@keyframes cldropov{0%,36%{opacity:0}42%,54%{opacity:1}58%,to{opacity:0}}@keyframes cldrop{0%,36%{box-shadow:0 .8cqw 3cqw #3c321e14}42%,54%{box-shadow:0 0 0 .5cqw #d9775740}60%,to{box-shadow:0 .8cqw 3cqw #3c321e14}}@keyframes clatt{0%,56%{opacity:0;max-height:0;margin-bottom:-1.6cqw;padding-top:0;padding-bottom:0;border-width:0}64%,93%{opacity:1;max-height:9cqw;margin-bottom:0;padding-top:1cqw;padding-bottom:1cqw;border-width:.2cqw}to{opacity:0;max-height:0;margin-bottom:-1.6cqw;padding-top:0;padding-bottom:0;border-width:0}}@keyframes clph{0%,66%{opacity:1}68%,to{opacity:0}}@keyframes cltype{0%,68%{width:0}84%,to{width:100%}}@keyframes clsend{0%,84%{background:#e9c9bb}88%,to{background:var(--acc)}}.cl--build{display:flex;padding:2.2cqw 4.6cqw}.cl-thread{display:flex;flex-direction:column;gap:2.1cqw;width:100%;justify-content:center}.cl-user{align-self:flex-end;max-width:72%;background:#e9e6dc;border-radius:2.4cqw;padding:1.8cqw 2.4cqw;display:flex;flex-direction:column;gap:1.4cqw;font-size:2.3cqw;opacity:0;animation:cluser 12s infinite}.cl-att--m{opacity:1!important;animation:none!important;background:#f5f4ee;max-height:none;margin-bottom:0;overflow:visible;border-width:.2cqw;padding:1cqw 1.6cqw 1cqw 1cqw}.cl-think{display:flex;align-items:center;gap:1.4cqw;color:var(--mut);font-size:2cqw;opacity:0;position:absolute;left:4.6cqw;animation:clthink 12s infinite}.cl-ai{display:flex;gap:2cqw;align-items:flex-start}.cl-aitxt{display:flex;flex-direction:column;gap:1.8cqw;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:2.5cqw;line-height:1.35;min-width:0;flex:1}.cl-aitxt p{margin:0}.cl-ai .cl-star{margin-top:.4cqw;opacity:0;animation:clstar 12s infinite}.cl-l1 span,.cl-l2 span{display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:top;width:0}.cl-l1 span{animation:cll1 12s steps(48,end) infinite}.cl-l2 span{animation:cll2 12s steps(44,end) infinite}.cl-art{border:.2cqw solid var(--line);border-radius:2cqw;background:#fff;overflow:hidden;width:82%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;box-shadow:0 .8cqw 3cqw #3c321e14;opacity:0;animation:clart 12s infinite}.cl-arth{padding:1.6cqw 2.2cqw;border-bottom:.2cqw solid var(--line);display:flex;flex-direction:column;gap:.3cqw;background:#faf9f5}.cl-arth b{font-weight:500;font-size:2.3cqw}.cl-arth em{font-style:normal;font-size:1.6cqw;color:var(--mut)}.cl-art ul{list-style:none;margin:0;padding:1.4cqw 2.2cqw 1.6cqw;display:flex;flex-direction:column;gap:1.2cqw}.cl-art li{display:flex;align-items:center;gap:1.4cqw;font-size:2cqw;opacity:0;animation:clli 12s infinite;animation-delay:calc(var(--i)*.35s)}.cl-art li b{width:2.4cqw;height:2.4cqw;border-radius:.6cqw;border:.25cqw solid var(--acc);position:relative;flex:none}.cl-art li b:after{content:"";position:absolute;left:.6cqw;top:.05cqw;width:.7cqw;height:1.4cqw;border-right:.3cqw solid var(--acc);border-bottom:.3cqw solid var(--acc);transform:rotate(45deg)}@keyframes cluser{0%,3%{opacity:0;transform:translateY(1.6cqw)}9%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes clthink{0%,12%{opacity:0}16%,26%{opacity:1}30%,to{opacity:0}}@keyframes clstar{0%,28%{opacity:0}32%,94%{opacity:1}to{opacity:0}}@keyframes cll1{0%,30%{width:0}44%,to{width:100%}}@keyframes clart{0%,44%{opacity:0;transform:translateY(1.6cqw)}50%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes clli{0%,50%{opacity:0;transform:translate(-1cqw)}56%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes cll2{0%,74%{width:0}88%,to{width:100%}}@media(prefers-reduced-motion:reduce){.hw2-scene *{animation:none!important}.cl-user,.cl-art,.cl-art li,.cl-ai .cl-star,.cl-att{opacity:1!important}.cl-l1 span,.cl-l2 span,.cl-typed{width:auto!important}.cl-file,.hw2-cur,.cl-drop,.cl-think,.cl-ph1,.s1-l2{display:none}}.hw2-phrase{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:22px;padding:14px 16px;border:1px solid rgba(255,255,255,.25);max-width:26em}.hw2-phrase__k{flex-basis:100%;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#ffffff80}.hw2-phrase__t{font-size:clamp(15px,1.4vw,19px);letter-spacing:-.01em;flex:1;min-width:8em}.hw2-cbtn{background:#fff;color:#000;border:0;border-radius:0;padding:10px 16px;font:inherit;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;cursor:pointer}.hw2-cbtn:hover{background:#ff5900}.hw2-scene--type{container-type:inline-size;background:#f5f4ee}.cl--type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.4cqw}.cl--type .cl-att{opacity:1;max-height:9cqw;margin-bottom:0;padding:1cqw 1.6cqw 1cqw 1cqw;border-width:.2cqw;animation:none}.cl--type .cl-typed{animation:cltype2 11s steps(34,end) infinite}.cl--type .cl-ph1{animation:clph2 11s infinite}.cl--type .cl-send{animation:clsend2 11s infinite}.cl--type .cl-cur{animation:clcur2 11s infinite}@keyframes cltype2{0%,14%{width:0}62%,to{width:100%}}@keyframes clph2{0%,14%{opacity:1}16%,to{opacity:0}}@keyframes clsend2{0%,62%{background:#e9c9bb}68%,to{background:var(--acc)}}@keyframes clcur2{0%,64%{left:52%;top:62%;opacity:0}70%{opacity:1;left:70%;top:76%}84%{left:84%;top:80%;opacity:1}90%{left:84%;top:80%}94%{opacity:1}to{opacity:0}}.cl--drag .cl-typed{display:none}.cl--drag .cl-ph1,.cl--drag .cl-send{animation:none!important}.cl--type .cl-send{animation-name:clsend2}
/*# sourceMappingURL=/cdn/shop/t/8/assets/pdp-howto.css.map */