.htb{--green:#2ED47A;--green-ink:#07130C;--purple:#7C5CFF;--pink:#FF3B5C;--line:#292347;--text:#F4F2FF;--muted:#A8A2C8;--soft:#CFCAE6;--panel:#15122E;--panel2:#1A1636;--w-bg:#15122E;--w-in:#0F0C24;--w-line:#292347;--w-line2:#3A3363;--w-mut:#A8A2C8;--w-txt:#F4F2FF;color:var(--text);font-family:inherit;padding-block:var(--htb-pt,32px) var(--htb-pb,24px)}.htb *,.htb *:before,.htb *:after{box-sizing:border-box}.htb-wrap{max-width:var(--page-width,1400px);margin-inline:auto;padding-inline:var(--page-margin,20px)}.htb-shell{border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#15122e 0,#1a1636);padding:clamp(18px,3vw,34px)}.htb-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.htb-h{margin:0 0 4px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.15;font-weight:700;letter-spacing:-.01em;color:var(--text)}.htb-sub{margin:0;color:var(--soft);font-size:.95rem;max-width:56ch;line-height:1.5}.htb-links{display:flex;gap:8px;flex-wrap:wrap}.htb-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:var(--green-ink);font-weight:700;font-size:.875rem;text-decoration:none;padding:.65em 1.1em;border-radius:6px;border:1px solid var(--green);cursor:pointer;font-family:inherit;line-height:1.2}.htb-btn:hover{filter:brightness(1.08)}.htb-btn.htb-ghost{background:transparent;color:var(--text);border-color:#3a3363}.htb-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 22px;padding:0 0 6px;list-style:none;scrollbar-width:thin}.htb-tabs li{flex:none;margin:0;padding:0}.htb-tab{position:relative;display:flex;align-items:center;gap:.55em;white-space:nowrap;font:inherit;font-size:.875rem;font-weight:600;color:var(--muted);background:#1a1636;border:1px solid var(--line);border-radius:999px;padding:.5em .95em;cursor:pointer;overflow:hidden}.htb-tab i{display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:#292347;font-style:normal;font-size:.8em;color:var(--soft)}.htb-tab.is-on{color:var(--text);border-color:var(--green)}.htb-tab.is-on i{background:var(--green);color:var(--green-ink)}.htb-tab:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--green)}.htb-auto .htb-tab.is-on:after{animation:htb-fill var(--htb-dur,9s) linear both}@keyframes htb-fill{to{width:100%}}.htb-step{display:none;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:36px;align-items:center}.htb-step.is-on{display:grid}.htb-step h3{margin:0 0 12px;font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.2;font-weight:700;color:var(--text)}.htb-step ol{margin:0 0 16px;padding-left:1.2em;color:var(--soft);font-size:.95rem;line-height:1.6;list-style:decimal}.htb-step li{margin:0 0 .45em;padding-left:.2em}.htb-step li b{color:var(--text)}.htb-tip{border-left:3px solid var(--green);background:#15122e;padding:.7em 1em;border-radius:0 8px 8px 0;font-size:.875rem;color:var(--soft);margin:0 0 16px;line-height:1.5}.htb-tip.htb-warn{border-left-color:var(--pink)}.htb-tip b{color:var(--text)}.htb-cap{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:.8rem;color:var(--muted)}.htb-cap div{display:flex;gap:8px}.htb-mini{background:none;border:1px solid var(--line);color:var(--soft);font:inherit;font-size:.8rem;padding:.35em .9em;border-radius:999px;cursor:pointer}.htb-mini:hover{border-color:var(--purple);color:var(--text)}.htb-note{margin:16px 0 0;color:var(--muted);font-size:.75rem}.htb :focus-visible{outline:3px solid var(--purple);outline-offset:2px}@media(max-width:860px){.htb-step.is-on{grid-template-columns:minmax(0,1fr);gap:20px}.htb-links .htb-ghost{display:none}}@media(prefers-reduced-motion:reduce){.htb-play *,.htb-play *:before,.htb-play *:after{animation-duration:.01ms!important;animation-delay:0s!important}.htb-caret{animation:none}.htb-auto .htb-tab.is-on:after{animation:none;width:100%}}.htb-stage{position:relative;aspect-ratio:16/10;container-type:inline-size;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 90% at 18% 0%,#2a2250 0,#0f0c24 62%);box-shadow:0 20px 50px #08051e59}.htb-scene{position:absolute;top:0;right:0;bottom:0;left:0;font-size:2.3cqw;color:var(--w-txt);line-height:1.3}.htb-win{position:absolute;top:4%;right:4%;bottom:4%;left:4%;background:var(--w-bg);border:1px solid var(--w-line);border-radius:1em;overflow:hidden}.htb-bar{display:flex;align-items:center;gap:.4em;height:9%;padding:0 3%;background:#110e28;border-bottom:1px solid var(--w-line)}.htb-bar i{width:.6em;height:.6em;border-radius:50%;background:#3a3363}.htb-url{margin-left:3%;font-size:.7em;color:var(--w-mut);background:var(--w-in);border-radius:999px;padding:.2em 1em}.htb-el{position:absolute;white-space:nowrap}.htb-lbl{color:var(--w-mut);font-size:.72em}.htb-ttl{font-weight:800;font-size:1.2em}.htb-mut{color:var(--w-mut)}.htb-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.htb-pill{display:inline-block;padding:.3em .9em;border:1px solid var(--w-line2);border-radius:999px;font-size:.8em;font-weight:600;color:var(--w-mut);margin-right:.5em}.htb-pill.htb-on{background:var(--green);color:var(--green-ink);border-color:var(--green)}.htb-card{position:absolute;top:42%;width:19%;height:44%;border:1px solid var(--w-line2);border-radius:.7em;overflow:hidden;background:var(--w-in)}.htb-cp{height:76%}.htb-cl{display:flex;justify-content:space-between;align-items:center;padding:.35em .6em;font-size:.6em;font-weight:700}.htb-cl span{color:var(--green)}.htb-g1{background:linear-gradient(160deg,#7c5cff,#2a2250 70%)}.htb-g2{background:linear-gradient(160deg,#ff7a59,#5b1f3a 72%)}.htb-g3{background:linear-gradient(160deg,#2ed47a,#0e3b35 72%)}.htb-g4{background:linear-gradient(160deg,#3ba7ff,#14264f 72%)}.htb-poster{position:absolute;border-radius:.7em;border:1px solid var(--w-line2);overflow:hidden}.htb-cp{position:relative}.htb-cp img,.htb-poster img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.htb-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:.4em;text-align:center;font-weight:800;line-height:1.15;color:#fff;text-shadow:0 .1em .5em rgba(0,0,0,.6)}.htb-cp .htb-ph{font-size:.75em}.htb-poster .htb-ph{font-size:.5em}.htb-chip{position:absolute;white-space:nowrap;background:#2ed47a24;border:1px solid rgba(46,212,122,.55);color:#9cf0c3;border-radius:999px;padding:.25em .8em;font-size:.72em;font-weight:700}.htb-field{position:absolute;display:flex;align-items:center;padding:0 .8em;background:var(--w-in);border:1px solid var(--w-line2);border-radius:.5em;font-size:.85em;color:#fff}.htb-btnm{position:absolute;display:grid;place-items:center;background:var(--green);color:var(--green-ink);font-weight:800;border-radius:.55em;font-size:.9em}.htb-btnm span{grid-area:1/1}.htb-opt{position:absolute;display:grid;place-items:center;height:10%;background:var(--w-in);border:1px solid var(--w-line2);border-radius:.5em;font-size:.75em;font-weight:600;color:var(--w-mut)}.htb-box{position:absolute;background:var(--panel2);border:1px solid var(--w-line);border-radius:.7em}.htb-mail{position:absolute;left:7%;width:36%;height:12.5%;padding:.45em .8em;background:#1a1636;border:1px solid var(--w-line);border-radius:.5em;font-size:.68em;overflow:hidden;line-height:1.35}.htb-mail b{display:block;color:#fff}.htb-mail span{color:var(--w-mut)}.htb-mail.htb-new b:before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:var(--green);margin-right:.5em}.htb-tile{display:grid;place-items:center;width:2em;height:2.4em;border:1px solid var(--green);border-radius:.45em;background:var(--w-in);color:var(--green);font-weight:800;font-size:1.1em}.htb-tick{display:grid;place-items:center;width:1.1em;height:1.1em;border:1px solid var(--w-line2);border-radius:.25em;background:var(--w-in);font-size:.85em;color:var(--green-ink)}.htb-tick i{display:block;width:100%;height:100%;border-radius:.2em;background:var(--green);font-style:normal;text-align:center;line-height:1.1}.htb-sbtn{position:absolute;display:grid;place-items:center;background:linear-gradient(90deg,#1a9fff,#2a6bff);color:#fff;font-weight:700;border-radius:.4em;font-size:.9em}.htb-done,.htb-guard{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;text-align:center;background:#15122ef7}.htb-cur{position:absolute;left:90%;top:88%;width:1.9em;height:1.9em;margin:-.2em 0 0 -.3em;z-index:8;pointer-events:none;filter:drop-shadow(0 .2em .3em rgba(0,0,0,.55))}.htb-caret{display:inline-block;width:.12em;height:1em;background:var(--green);vertical-align:middle;animation:htb-kBlink 1s steps(2) infinite}.htb-in,.htb-pop{opacity:0}.htb-slide{transform:translate(105%)}.htb-slidel{transform:translate(-110%);opacity:0}.htb-type{display:inline-block;width:0;overflow:hidden;white-space:nowrap;vertical-align:bottom}.htb-draw{stroke-dasharray:30;stroke-dashoffset:30}.htb-play .htb-in{animation:htb-kIn .5s ease var(--d,0s) both}.htb-play .htb-pop{animation:htb-kPop .45s cubic-bezier(.3,1.5,.5,1) var(--d,0s) both}.htb-play .htb-out{animation:htb-kOut .25s ease var(--d,0s) both}.htb-play .htb-slide{animation:htb-kSlide .6s cubic-bezier(.2,.8,.2,1) var(--d,0s) both}.htb-play .htb-slidel{animation:htb-kSlideL .55s cubic-bezier(.2,.8,.2,1) var(--d,0s) both}.htb-play .htb-hl{animation:htb-kHl .4s ease var(--d,0s) both}.htb-play .htb-hlf{animation:htb-kHlf .3s ease var(--d,0s) both}.htb-play .htb-tog{animation:htb-kOn .3s ease var(--d,0s) both}.htb-play .htb-press{animation:htb-kPress .35s ease var(--d,0s) both}.htb-play .htb-type{animation:htb-kType var(--t,1s) steps(var(--n,10),end) var(--d,0s) both}.htb-play .htb-draw{animation:htb-kDraw .5s ease var(--d,0s) forwards}.htb-play .htb-shrink{animation:htb-kShrink var(--t,20s) linear var(--d,0s) both}.htb-play .htb-c1{animation:htb-c1 5.6s ease-in-out both}.htb-play .htb-c2{animation:htb-c2 6s ease-in-out both}.htb-play .htb-c3{animation:htb-c3 7.5s ease-in-out both}.htb-play .htb-c4{animation:htb-c4 4.6s ease-in-out both}.htb-play .htb-c5{animation:htb-c5 7s ease-in-out both}.htb-play .htb-c6{animation:htb-c6 6.5s ease-in-out both}@keyframes htb-kIn{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}@keyframes htb-kPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes htb-kOut{to{opacity:0;visibility:hidden}}@keyframes htb-kSlide{to{transform:translate(0)}}@keyframes htb-kSlideL{to{transform:translate(0);opacity:1}}@keyframes htb-kHl{to{border-color:var(--green);box-shadow:0 0 0 .2em #2ed47a59,0 .6em 1.4em #00000073;transform:translateY(-3%)}}@keyframes htb-kHlf{to{border-color:var(--green);box-shadow:0 0 0 .18em #2ed47a4d;background:#2ed47a1a}}@keyframes htb-kOn{to{background:var(--green);color:var(--green-ink);border-color:var(--green)}}@keyframes htb-kPress{50%{transform:scale(.94)}}@keyframes htb-kType{to{width:var(--w)}}@keyframes htb-kDraw{to{stroke-dashoffset:0}}@keyframes htb-kShrink{0%{width:100%}to{width:0}}@keyframes htb-kBlink{50%{opacity:0}}@keyframes htb-c1{0%{left:90%;top:88%}20%{left:12%;top:22%;transform:scale(1)}24%{transform:scale(.8)}28%{left:12%;top:22%;transform:scale(1)}55%{left:39%;top:62%}60%{left:39%;top:62%;transform:scale(.8)}64%{left:39%;top:62%;transform:scale(1)}to{left:39%;top:62%}}@keyframes htb-c2{0%{left:90%;top:88%}25%{left:47%;top:62%;transform:scale(1)}29%{transform:scale(.8)}33%{left:47%;top:62%;transform:scale(1)}68%{left:79%;top:85%}73%{left:79%;top:85%;transform:scale(.8)}77%{left:79%;top:85%;transform:scale(1)}to{left:79%;top:85%}}@keyframes htb-c3{0%{left:90%;top:88%}12%{left:30%;top:28%;transform:scale(1)}15%{transform:scale(.8)}18%{left:30%;top:28%;transform:scale(1)}40%{left:15%;top:49%}43%{left:15%;top:49%;transform:scale(.8)}46%{left:15%;top:49%;transform:scale(1)}60%{left:33%;top:67.5%}63%{left:33%;top:67.5%;transform:scale(.8)}66%{left:33%;top:67.5%;transform:scale(1)}to{left:33%;top:67.5%}}@keyframes htb-c4{0%{left:90%;top:88%}30%{left:22%;top:25%;transform:scale(1)}36%{transform:scale(.8)}42%{left:22%;top:25%;transform:scale(1)}to{left:22%;top:25%}}@keyframes htb-c5{0%{left:90%;top:88%}11%{left:45%;top:30%;transform:scale(1)}14%{transform:scale(.8)}17%{left:45%;top:30%;transform:scale(1)}31%{left:45%;top:48%}34%{left:45%;top:48%;transform:scale(.8)}37%{left:45%;top:48%;transform:scale(1)}52%{left:31%;top:62%}55%{left:31%;top:62%;transform:scale(.8)}58%{left:31%;top:62%;transform:scale(1)}68%{left:50%;top:75%}71%{left:50%;top:75%;transform:scale(.8)}74%{left:50%;top:75%;transform:scale(1)}to{left:50%;top:75%}}@keyframes htb-c6{0%{left:90%;top:88%}12%{left:33%;top:38%;transform:scale(1)}15%{transform:scale(.8)}18%{left:33%;top:38%;transform:scale(1)}38%{left:33%;top:57%}41%{left:33%;top:57%;transform:scale(.8)}44%{left:33%;top:57%;transform:scale(1)}70%{left:33%;top:72.5%}73%{left:33%;top:72.5%;transform:scale(.8)}76%{left:33%;top:72.5%;transform:scale(1)}to{left:33%;top:72.5%}}.htb-shell{padding:clamp(16px,2.2vw,28px)}.htb-head{align-items:center;margin-bottom:14px}.htb-h{font-size:clamp(1.3rem,2.2vw,1.75rem);margin-bottom:2px}.htb-sub{font-size:.875rem}.htb-tabs{margin-bottom:18px}.htb-step{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,3vw,40px)}.htb-step h3{font-size:clamp(1.1rem,1.8vw,1.35rem);margin-bottom:10px}.htb-step ol{font-size:.9rem;line-height:1.55;margin-bottom:14px}.htb-step li{margin-bottom:.35em}.htb-tip{font-size:.8125rem;padding:.6em .9em;margin-bottom:14px}.htb-stage{max-width:560px;margin-left:auto;border-radius:12px;box-shadow:0 14px 34px #08051e4d}.htb-cap{display:none}.htb-note{margin-top:14px;font-size:.6875rem;opacity:.8}@media(max-width:860px){.htb-step.is-on{grid-template-columns:minmax(0,1fr);gap:14px}.htb-step>div:last-child{order:-1}.htb-stage{max-width:none;margin:0}}@media(max-width:749px){.htb-wrap{padding-inline:16px}.htb-shell{padding:16px;border-radius:14px}.htb-head{margin-bottom:12px}.htb-h{font-size:1.375rem;margin:0}.htb-sub,.htb-links{display:none}.htb-tabs{gap:4px;margin-bottom:14px;padding:0;overflow:visible}.htb-tab{gap:0;padding:3px;font-size:0;line-height:1}.htb-tab i{width:22px;height:22px;font-size:11px}.htb-tab.is-on{gap:.45em;padding:3px .75em 3px 3px;font-size:.75rem}.htb-stage{border-radius:10px}.htb-step h3{font-size:1.05rem;margin-bottom:6px}.htb-step ol{font-size:.8125rem;line-height:1.5;margin-bottom:12px}.htb-step li{margin-bottom:.25em}.htb-tip,.htb-copy .htb-ghost{display:none}.htb-copy .htb-btn{font-size:.8125rem;padding:.6em 1em}.htb-note{margin-top:12px;font-size:.625rem}}.htb-slide{transform:translate(130%)}.htb-play .htb-press.htb-slide{animation:htb-kSlidePress 2.4s ease var(--d,0s) both}@keyframes htb-kSlidePress{0%{transform:translate(130%)}25%{transform:translate(0)}78%{transform:translate(0) scale(1)}82%{transform:translate(0) scale(.94)}86%,to{transform:translate(0) scale(1)}}.htb-box>.htb-el[style*="left:30%"]{max-width:40%;overflow:hidden;text-overflow:ellipsis}
/*# sourceMappingURL=/cdn/shop/t/16/assets/how-to-buy.css.map */