.HTU{background:#fff}.HTU__header__mobile{display:none}.HTU__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:center}.HTU__video-btn{padding:0;border:0;background:transparent;cursor:pointer;width:100%}.HTU__video-frame{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:#f4f4f4}.HTU__video-poster{width:100%;height:100%;object-fit:cover;display:block}.HTU__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;transition:transform .2s ease}.HTU__play svg{width:120px;height:120px}.HTU__video-btn:hover .HTU__play{transform:scale(1.03)}.HTU__header{margin-bottom:22px}.HTU__heading{font-family:"DM Serif Display";font-weight:400;font-size:36px;line-height:40px;color:#58595b}.HTU__subtext{font-family:Gotham-Book;font-size:18px;line-height:28px;color:#83876b}.HTU__steps{display:flex;flex-direction:column;gap:18px}.HTU__step{display:flex;gap:30px;align-items:center}.HTU__num{width:80px;height:80px;border-radius:999px;display:grid;place-items:center}.HTU__num>img{width:100%;height:auto}.HTU__step-text{max-width:50%}.HTU__step-heading{font-family:Gotham-Medium;font-size:18px;line-height:28px;color:#58595b;margin-bottom:2px}.HTU__step-desc{font-family:Gotham-Book;font-size:14px;line-height:20px;color:#83876b}.HTU__modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:18px;z-index:9999}.HTU__modal.is-open{display:flex}.HTU__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.HTU__modal-panel{position:relative;width:min(920px,100%);background:#fff;border-radius:14px;overflow:hidden;z-index:2;box-shadow:0 18px 60px #00000040}.HTU__modal-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:999px;border:none;background:#00000014;cursor:pointer;z-index:3}.HTU__modal-video video,.HTU__modal-video iframe{width:100%;height:auto;display:block;aspect-ratio:16 / 9}.HTU__no-video{padding:40px 22px;text-align:center;font-family:Gotham-Book;color:#83876b}@media(max-width:767px){.HTU{padding:56px 16px}.HTU__grid{grid-template-columns:1fr;gap:18px}.HTU__header__mobile{display:block;text-align:center}.HTU__step-text{max-width:unset;flex:1}.HTU__header{display:none}.HTU__video-frame{aspect-ratio:1 / 1}.HTU__steps{margin-top:20px}.HTU__step{grid-template-columns:44px 1fr;gap:15px}.HTU__play svg{width:80px;height:80px}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/how-to-use.css.map */