.htu{--htu-black: #0d0d0d;--htu-ink: #111111;--htu-grey-1: #171717;--htu-grey-3: #45484a;--htu-grey-6: #ebebeb;--htu-grey-7: #f4f4f4;--htu-white: #ffffff;--htu-line: rgba(0, 0, 0, .1);--htu-blue: #0fa0ea;--htu-blue-tint: rgba(15, 160, 234, .1);--htu-font: var(--text-font-family, "Montserrat"), "Montserrat", sans-serif;background:var(--htu-white);color:var(--htu-black);font-family:var(--htu-font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.htu *,.htu *:before,.htu *:after{box-sizing:border-box}.htu img{display:block;max-width:100%}.htu .htu-ico{width:1em;height:1em;flex:none;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.htu .htu-ico *{vector-effect:non-scaling-stroke}.htu .htu-hero{position:relative;overflow:hidden;padding:calc(60px + var(--htu-header-clear, 76px)) 24px 64px;background:var(--htu-black);color:var(--htu-white);text-align:center}.htu .htu-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.38}.htu .htu-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(60% 80% at 50% 110%,rgba(15,160,234,.22),transparent 70%),linear-gradient(180deg,#0d0d0d8c,#0d0d0dd9)}.htu .htu-hero__in{position:relative;z-index:2}.htu .htu-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:14px}.htu .htu-badge .htu-ico{font-size:16px;color:var(--htu-blue)}.htu .htu-hero h1{margin:16px auto 24px;color:var(--htu-white);font-family:var(--htu-font);font-size:clamp(30px,3.4vw,44px);line-height:1.2;font-weight:500;letter-spacing:-.01em;text-transform:none}.htu .htu-tagline{margin:0 auto;max-width:640px;color:#cfd2d4;font-size:15px;line-height:1.6}.htu .htu-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 16px;margin:24px 0 0;padding:0;list-style:none}.htu .htu-chips li{margin:0;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:var(--htu-white);font-size:12px;font-weight:500;line-height:1.5}.htu .htu-guides{max-width:988px;margin:0 auto;padding:40px 24px 96px}.htu .htu-tab-input{position:absolute;opacity:0;pointer-events:none}.htu .htu-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:780px;margin:0 auto;padding:4px;border-radius:5px;background:var(--htu-grey-7);border:1px solid var(--htu-grey-6)}.htu .htu-tabs label{display:flex;align-items:center;justify-content:center;margin:0;padding:9px 8px;border-radius:4px;color:var(--htu-grey-3);font-size:14px;font-weight:500;line-height:1.5;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}.htu .htu-tabs label:hover{color:var(--htu-black)}.htu .htu-tab-input:nth-of-type(1):checked~.htu-tabs label:nth-child(1),.htu .htu-tab-input:nth-of-type(2):checked~.htu-tabs label:nth-child(2),.htu .htu-tab-input:nth-of-type(3):checked~.htu-tabs label:nth-child(3){background:var(--htu-white);color:var(--htu-black);box-shadow:0 1px 2px #0000000f,0 4px 12px #0000000f}.htu .htu-tab-input:nth-of-type(1):focus-visible~.htu-tabs label:nth-child(1),.htu .htu-tab-input:nth-of-type(2):focus-visible~.htu-tabs label:nth-child(2),.htu .htu-tab-input:nth-of-type(3):focus-visible~.htu-tabs label:nth-child(3){outline:2px solid var(--htu-blue);outline-offset:2px}.htu .htu-panel{display:none;margin-top:35px}.htu .htu-tab-input:nth-of-type(1):checked~.htu-panel:nth-of-type(1),.htu .htu-tab-input:nth-of-type(2):checked~.htu-panel:nth-of-type(2),.htu .htu-tab-input:nth-of-type(3):checked~.htu-panel:nth-of-type(3){display:block}.htu .htu-panel__head{max-width:780px;margin:0 auto;text-align:center}.htu .htu-panel h2{margin:0 0 6px;color:var(--htu-black);font-family:var(--htu-font);font-size:22px;line-height:1.3;font-weight:500;letter-spacing:0;text-transform:none}.htu .htu-panel__head p{margin:0;color:var(--htu-grey-3);font-size:13px;line-height:1.6}.htu:not(.htu-js) .htu-subtags{display:none}.htu .htu-subtags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:780px;margin:21px auto 0;padding:0;border:0;min-width:0}.htu .htu-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.htu .htu-subtag{position:relative;display:inline-flex;margin:0}.htu .htu-subtag input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.htu .htu-subtag span{display:inline-flex;align-items:center;padding:7px 12px;border-radius:4px;background:#f9f9f9;color:#333;font-family:var(--htu-font);font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s}.htu .htu-subtag input:checked+span{background:#111212;color:var(--htu-white)}@media(hover:hover)and (pointer:fine){.htu .htu-subtag input:not(:checked)+span:hover{background:var(--htu-blue-tint);color:#0d8dce}}.htu .htu-subtag input:focus-visible+span{outline:2px solid var(--htu-blue);outline-offset:2px}.htu .htu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px 16px;max-width:940px;margin:21px auto 0;padding:0;list-style:none}.htu .htu-grid li{margin:0;color:var(--htu-black)}.htu .htu-grid li[hidden]{display:none}.htu .htu-card{display:flex;flex-direction:column;gap:8px;height:100%;padding:14px 14px 16px;border-radius:10px;background:var(--htu-grey-7);color:var(--htu-black);text-decoration:none}.htu .htu-card:focus-visible{outline:2px solid var(--htu-blue);outline-offset:3px}.htu .htu-card[data-htu-play],.htu a.htu-card[href]{cursor:pointer}.htu .htu-card h3{margin:0;color:var(--htu-black);font-family:var(--htu-font);font-size:15px!important;line-height:1.3;font-weight:600;letter-spacing:0;text-transform:none}.htu .htu-tags{display:flex;flex-wrap:wrap;gap:4px}.htu .htu-tags span{padding:4px 8px;border-radius:2px;background:var(--htu-white);font-size:10px;font-weight:500;line-height:1.1}.htu .htu-tags span:first-child{background:var(--htu-ink);color:var(--htu-white);font-weight:600;letter-spacing:.25px}.htu .htu-thumb{position:relative;height:250px;margin-top:4px;border-radius:6px;overflow:hidden;background:var(--htu-grey-1)}.htu .htu-thumb img{width:100%;height:100%;object-fit:cover}.htu .htu-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 50%,#00000040)}.htu .htu-thumb--plain{display:grid;place-items:center;background:radial-gradient(90% 90% at 30% 20%,#1f5f86 0%,#0e2433 55%,var(--htu-black) 100%)}.htu .htu-thumb--plain:after{display:none}.htu .htu-thumb--plain .htu-ico{position:absolute;font-size:120px;color:#ffffff38}.htu .htu-play{position:absolute;left:50%;top:50%;z-index:1;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--htu-ink);color:var(--htu-white);box-shadow:0 8px 24px #0000004d;transform:translate(-50%,-50%);transition:background .22s ease}.htu .htu-play .htu-ico{font-size:20px;margin-left:3px;fill:currentColor}.htu .htu-card:hover .htu-play,.htu .htu-card:focus-visible .htu-play{background:var(--htu-blue)}.htu .htu-dur{position:absolute;top:11px;right:11px;z-index:1;padding:5px 8px;border-radius:2px;background:var(--htu-ink);color:var(--htu-white);font-size:10px;font-weight:600;letter-spacing:.25px}.htu .htu-card p{margin:4px 0 0;color:var(--htu-grey-3);font-size:12px;line-height:1.65}.htu-modal{width:min(1100px,calc(100vw - 32px));max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:10px;background:#000;overflow:visible}.htu-modal::backdrop{background:#0d0d0dd1}.htu-modal__frame{position:relative;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden}.htu-modal__frame>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.htu-modal__frame video{object-fit:contain;background:#000}.htu-modal__close{position:absolute;right:0;top:-48px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#ffffff1f;color:#fff;font-size:20px;cursor:pointer}.htu-modal__close:hover{background:#0fa0ea}.htu-modal__close .htu-ico{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}@keyframes htu-reveal-up{0%{opacity:.01;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes htu-reveal-card-up{0%{opacity:.01;transform:translateY(3.45rem)}to{opacity:1;transform:none}}.htu.htu-motion [data-reveal]:not(.is-visible){opacity:.01;transform:translateY(24px)}.htu.htu-motion [data-reveal].htu-reveal--card:not(.is-visible){transform:translateY(3.45rem)}.htu.htu-motion [data-reveal].is-visible{animation:htu-reveal-up .96s cubic-bezier(.01,.02,.29,1) both;animation-delay:var(--reveal-delay, 0ms)}.htu.htu-motion [data-reveal].htu-reveal--card.is-visible{animation-name:htu-reveal-card-up;animation-duration:1.02s}@media(max-width:699px){.htu .htu-hero{padding:calc(46px + var(--htu-header-clear, 64px)) 16px 46px}.htu .htu-hero h1{font-size:30px;margin:16px 0 24px}.htu .htu-tagline{font-size:14px}.htu .htu-chips li{font-size:11px;padding:5px 10px}.htu .htu-guides{padding:40px 16px 64px}.htu .htu-tabs label{padding:8px 4px;font-size:11px}.htu .htu-panel h2{font-size:19px}.htu .htu-panel__head p br{display:none}.htu .htu-grid{grid-template-columns:1fr;gap:16px}.htu-modal__close{top:-46px}}@media(prefers-reduced-motion:reduce){.htu *,.htu *:before,.htu *:after{transition:none!important}.htu.htu-motion [data-reveal]{opacity:1!important;transform:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/147/assets/how-to-use.css.map */