.ht-use{--ht-bg: #0B4C58;--ht-card-bg: rgba(255, 255, 255, .04);--ht-card-border: rgba(255, 255, 255, .08);--ht-text: #ffffff;--ht-muted: rgba(255, 255, 255, .78);--ht-accent: #00D57A;position:relative;background:var(--ht-bg);padding:60px 16px;color:var(--ht-text)}.ht-use--no-top{padding-top:0}.ht-use--no-bottom{padding-bottom:0}.ht-use__inner{max-width:1280px;margin:0 auto}.ht-use__card{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;background:var(--ht-card-bg);border:1px solid var(--ht-card-border);border-radius:24px;padding:16px}.ht-use__text{order:1}.ht-use__videos{order:2;display:grid;grid-template-columns:1fr;grid-auto-rows:auto;grid-auto-flow:row;gap:12px}.ht-use__video{position:relative;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;background:#000}.ht-use__video img,.ht-use__video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ht-use__play{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border:none;background:transparent;padding:0;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.ht-use__play:hover{transform:scale(1.05)}.ht-use__video.is-playing .ht-use__play{opacity:0;pointer-events:none}.ht-use__caption{position:absolute;left:14px;bottom:14px;font-family:Red Hat Display,sans-serif;font-weight:700;font-size:15px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45);margin:0}.ht-use__caption p{margin:0}.ht-use__split{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:space-between;padding:0 14px;font-family:Red Hat Display,sans-serif;font-weight:700;font-size:14px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45);pointer-events:none}.ht-use__split-right{color:var(--ht-accent)}.ht-use__heading,.ht-use__heading p,.ht-use__heading h2,.ht-use__heading *{font-family:Red Hat Display,sans-serif;font-weight:600;font-size:45px;line-height:55px;text-align:center;letter-spacing:-1.08px;color:#fff;margin:0 0 12px}.ht-use__body,.ht-use__body p,.ht-use__body *{font-family:Red Hat Display,sans-serif;font-weight:400;font-size:18px;line-height:24px;color:#fff;margin:0 0 12px}.ht-use__body strong{font-weight:700}@media(min-width:768px){.ht-use{padding:80px 32px}.ht-use__card{gap:28px;padding:20px}.ht-use__videos{grid-template-columns:1fr 1fr;gap:16px}.ht-use__caption{font-size:17px}.ht-use__heading,.ht-use__heading p,.ht-use__heading h2,.ht-use__heading *{font-size:40px;line-height:48px}.ht-use__body,.ht-use__body p,.ht-use__body *{font-size:17px;line-height:26px}}@media(min-width:1024px){.ht-use{padding:96px 64px}.ht-use__card{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;padding:24px}.ht-use__text,.ht-use__videos{order:unset}.ht-use__caption{font-size:18px}.ht-use__heading,.ht-use__heading p,.ht-use__heading h2,.ht-use__heading *{font-family:Red Hat Display,sans-serif;font-weight:700;font-size:36px;line-height:1.1;text-align:left;letter-spacing:0;color:var(--ht-text)}.ht-use__body,.ht-use__body p,.ht-use__body *{font-family:Red Hat Display,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:var(--ht-muted)}.ht-use__body strong{color:var(--ht-text);font-weight:700}}
/*# sourceMappingURL=/cdn/shop/t/474/assets/sleep-lp-how-to-use.css.map */