.htv{display:block;background:var(--htv-bg);color:var(--htv-body-color);font-family:inherit;padding:var(--htv-pt) var(--htv-px) var(--htv-pb)}.htv *,.htv *:before,.htv *:after{box-sizing:border-box}.htv button{-webkit-appearance:none!important;appearance:none!important;font-family:inherit!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;min-height:0!important}.htv__inner{max-width:var(--htv-maxw);margin:0 auto}.htv__visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.htv__headline{margin:0;color:var(--htv-headline-color);font-size:var(--htv-headline-size);font-weight:var(--htv-headline-weight);line-height:var(--htv-headline-lh);text-align:center}.htv__subhead{margin:12px auto 0;max-width:640px;color:var(--htv-subhead-color);font-size:var(--htv-subhead-size);font-weight:400;line-height:1.5;text-align:center}.htv__player{margin:20px 0 0;border:1px solid var(--htv-outline);border-radius:var(--htv-viewport-radius);overflow:hidden;background:var(--htv-player-bg)}.htv__banner{background:var(--htv-banner-bg);color:var(--htv-banner-color);font-size:var(--htv-banner-size);font-weight:700;letter-spacing:.02em;text-align:center;padding:12px 16px}.htv__stage{position:relative;width:100%;aspect-ratio:16/9;background:#000}.htv__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;display:block}.htv__video--empty{display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--htv-body-size)}.htv__overlay{position:relative;z-index:2;min-height:100%;display:flex;flex-direction:column;background:var(--htv-overlay-bg)}.htv__player[data-state=video] .htv__overlay{display:none}.htv__screen{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px 18px;gap:16px}.htv__screen[hidden]{display:none}.htv__welcome-title{margin:0;color:var(--htv-body-color);font-size:var(--htv-welcome-size);font-weight:500}.htv__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--htv-card-gap);width:100%;max-width:640px;padding-top:12px}.htv__tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--htv-card-bg);border:1px solid var(--htv-outline);border-radius:var(--htv-card-radius);color:var(--htv-body-color);font-family:inherit;font-size:var(--htv-body-size);cursor:pointer;transition:opacity .15s ease,transform .1s ease}.htv__tile:hover{opacity:.92}.htv__tile:active{transform:translateY(1px)}.htv__tile-img{display:block;width:44px;height:44px;border-radius:var(--htv-img-radius);overflow:hidden}.htv__tile-img img{width:100%;height:100%;object-fit:cover;display:block}.htv__tile-img--ph{background:#d6d2cf}.htv__tile-label{font-weight:600;text-align:center;line-height:1.2}.htv__tile-play{width:18px;height:18px;color:var(--htv-play-link);margin-top:2px}.htv__badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--htv-badge-bg);color:var(--htv-badge-text);font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 10px;border-radius:50px;white-space:nowrap}.htv__playall{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--htv-play-link);font-family:inherit;font-size:var(--htv-body-size);font-weight:500;text-decoration:none;cursor:pointer}.htv__playall:hover{opacity:.8}.htv__tip-slide{width:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:16px;text-align:left}.htv__tip-title{margin:0;font-size:var(--htv-welcome-size);font-weight:600;color:var(--htv-headline-color);line-height:1.25}.htv__tip-grid{display:grid;grid-template-columns:auto 1fr;gap:22px 18px;align-items:center}.htv__tip-slide[hidden]{display:none}.htv__tip-img{width:84px;height:84px;border-radius:var(--htv-img-radius);overflow:hidden}.htv__tip-img img{width:100%;height:100%;object-fit:cover;display:block}.htv__tip-text{font-size:var(--htv-body-size);line-height:var(--htv-body-lh);text-align:left}.htv__tip-text :first-child{margin-top:0}.htv__tip-text :last-child{margin-bottom:0}.htv__tips-nav{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;max-width:520px;margin:6px auto 0}.htv__tips-back{-webkit-appearance:none!important;appearance:none!important;background:none!important;border:none!important;box-shadow:none!important;margin:0!important;padding:10px 8px!important;min-width:0!important;width:auto!important;color:var(--htv-tips-back-color)!important;font-family:inherit!important;font-size:calc(var(--htv-btn-size) + 2px)!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;text-decoration:none!important;line-height:1.2!important;cursor:pointer}.htv__tips-back:hover{opacity:.7}.htv__tips-next{-webkit-appearance:none!important;appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:var(--htv-tips-next-bg)!important;border:2px solid var(--htv-tips-next-border)!important;border-radius:50px!important;box-shadow:none!important;margin:0!important;padding:13px 30px!important;min-width:0!important;width:auto!important;min-height:0!important;color:var(--htv-tips-next-text)!important;font-family:inherit!important;font-size:calc(var(--htv-btn-size) + 2px)!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;line-height:1.2!important;cursor:pointer}.htv__tips-next:hover{opacity:.9}.htv__tips-next:active{transform:translateY(1px)}.htv__tips-next span{text-decoration:underline}.htv__tips-back[hidden]{visibility:hidden}.htv__cta-h{margin:0;color:var(--htv-headline-color);font-size:var(--htv-welcome-size);font-weight:600}.htv__cta-text{margin:0;max-width:420px;font-size:var(--htv-body-size);line-height:var(--htv-body-lh)}.htv__cta-img{display:block;max-width:200px;border-radius:var(--htv-img-radius);overflow:hidden}.htv__cta-img img{width:100%;height:auto;display:block}.htv__cta-secondary{background:none;border:none;color:var(--htv-play-link);font-family:inherit;font-size:var(--htv-btn-size);font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.htv__cta-secondary:hover{opacity:.8}.htv__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--htv-btn-bg);border:2px solid var(--htv-btn-border);border-radius:var(--htv-btn-radius);color:var(--htv-btn-text);font-family:inherit;font-size:var(--htv-btn-size);font-weight:700;letter-spacing:.02em;padding:10px 24px;cursor:pointer;transition:opacity .15s ease,transform .1s ease}@media(hover:hover){.htv__btn:hover{opacity:.9}}.htv__btn:active{transform:translateY(1px)}.htv__btn[disabled]{opacity:.55;cursor:default;transform:none}.htv__belowbar{display:flex;justify-content:center;padding:10px 12px;background:var(--htv-restart-bar-bg)}.htv__restart{display:inline-flex;align-items:center;gap:7px;background:none;border:none;color:var(--htv-restart-text);font-family:inherit;font-size:var(--htv-btn-size);padding:4px 8px;cursor:pointer;transition:opacity .15s ease}.htv__restart:hover{opacity:.7}.htv__restart-icon{width:var(--htv-icon-size);height:var(--htv-icon-size);flex:0 0 auto}.htv__actions{display:flex;flex-direction:column;gap:12px;margin-top:18px;align-items:center}.htv__action{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:9px 16px;background:var(--htv-action-bg);color:var(--htv-action-text);border:.5px solid var(--htv-action-bg);border-radius:8px;font-family:inherit;font-size:var(--htv-btn-size);cursor:pointer;text-decoration:none;transition:opacity .15s ease}.htv__action:hover{opacity:.9}.htv__cta-btn{height:auto;padding:11px 22px}.htv__action-icon{width:var(--htv-icon-size);height:var(--htv-icon-size);flex:0 0 auto}.htv__action-icon,.htv__restart-icon,.htv__tips-next svg,.htv__tile-play{fill:none!important;stroke:currentColor!important}.htv__action-icon *,.htv__restart-icon *,.htv__tips-next svg *,.htv__tile-play *{fill:none!important;stroke:currentColor!important}.htv__playall svg{fill:currentColor!important;stroke:none!important}.htv__email{margin-top:14px;max-width:560px;margin-left:auto;margin-right:auto}.htv__email[hidden]{display:none}.htv__email-row{display:flex;flex-direction:column;gap:10px}.htv__email-input{width:100%;padding:11px 14px;border:.5px solid var(--htv-action-bg);border-radius:8px;font-family:inherit;font-size:var(--htv-body-size);color:var(--htv-body-color);background:#fff}.htv__email-input:focus-visible{outline:2px solid var(--htv-action-bg);outline-offset:1px}.htv__email-send{width:100%}.htv__hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}.htv__consent{margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--htv-body-color);opacity:.85}.htv__email-msg{margin:10px 0 0;font-size:var(--htv-body-size);font-weight:600}.htv__email-msg[hidden]{display:none}.htv__email-msg.is-error{color:#b3261e}.htv__email-msg.is-success{color:#2e7d32}@media(min-width:768px){.htv__player{margin:24px 0 0}.htv__tiles{max-width:900px;gap:20px}.htv__tile{gap:8px;padding:var(--htv-card-padding)}.htv__tile-img{width:60px;height:60px}.htv__tile-cta{font-size:13px}.htv__tip-slide,.htv__tips-nav{max-width:520px}.htv__actions{flex-direction:row;justify-content:center;gap:14px}.htv__action{min-width:200px}.htv__email-row{flex-direction:row}.htv__email-input{flex:1 1 auto}.htv__email-send{width:auto;flex:0 0 auto}.htv__banner{padding:14px 20px}.htv__screen{padding:30px}}@media(prefers-reduced-motion:reduce){.htv *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-how-to-video.css.map */