.sleepwhisper-how-to-section .sw-how-to{--sw-brand: #789ed8;--sw-brand-dark: #4a72b8;--sw-brand-light: #eef4fb;--sw-brand-soft: #dce8f7;--sw-text: #1c1c28;--sw-text-muted: #64647a;--sw-radius: 16px;--sw-radius-sm: 12px;background:#fff;color:var(--sw-text);padding-block:48px 56px}.sleepwhisper-how-to-section .sw-how-to__inner{max-width:var(--sw-content-max, 1280px);margin-inline:auto;padding-inline:20px}.sleepwhisper-how-to-section .sw-how-to__header{max-width:720px;margin:0 auto 36px;text-align:center}.sleepwhisper-how-to-section .sw-how-to__eyebrow{margin:0 0 10px;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sw-brand)}.sleepwhisper-how-to-section .sw-how-to__heading{margin:0 0 14px;font-family:var(--font-heading--family);font-size:clamp(1.625rem,3.4vw,2.25rem);font-weight:700;letter-spacing:-.025em;line-height:1.15;color:var(--sw-text)}.sleepwhisper-how-to-section .sw-how-to__description{margin:0;font-size:.9375rem;line-height:1.6;color:var(--sw-text-muted)}.sleepwhisper-how-to-section .sw-how-to__grid{display:grid;grid-template-columns:1fr;gap:32px}.sleepwhisper-how-to-section .sw-how-to__step{display:flex;flex-direction:column;min-width:0}.sleepwhisper-how-to-section .sw-how-to__media{position:relative;overflow:hidden;margin-bottom:16px;border-radius:var(--sw-radius-sm);background:var(--sw-brand-light);aspect-ratio:4 / 3;border:1px solid rgb(120 158 216 / .2)}.sleepwhisper-how-to-section .sw-how-to__media--placeholder{display:flex;align-items:center;justify-content:center}.sleepwhisper-how-to-section .sw-how-to__image{width:100%;height:100%;display:block;object-fit:cover}.sleepwhisper-how-to-section .sw-how-to__placeholder{width:42%;height:auto;opacity:.35}.sleepwhisper-how-to-section .sw-how-to__number{position:absolute;top:14px;inset-inline-start:14px;z-index:2;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--sw-brand);color:#fff;border:3px solid #fff;box-shadow:0 4px 14px #1c1c282e}.sleepwhisper-how-to-section .sw-how-to__number-value{font-family:var(--font-heading--family);font-size:1.25rem;font-weight:800;line-height:1;letter-spacing:-.02em}.sleepwhisper-how-to-section .sw-how-to__step-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.sleepwhisper-how-to-section .sw-how-to__title{margin:0;font-family:var(--font-heading--family);font-size:1.0625rem;font-weight:700;line-height:1.3;color:var(--sw-text)}.sleepwhisper-how-to-section .sw-how-to__body{margin:0;font-size:.9375rem;line-height:1.55;color:var(--sw-text-muted)}@media screen and (min-width:750px){.sleepwhisper-how-to-section .sw-how-to{padding-block:56px 64px}.sleepwhisper-how-to-section .sw-how-to__inner{padding-inline:40px}.sleepwhisper-how-to-section .sw-how-to__header{margin-bottom:40px}.sleepwhisper-how-to-section .sw-how-to__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sleepwhisper-how-to-section .sw-how-to__description{font-size:1rem}.sleepwhisper-how-to-section .sw-how-to__number{top:16px;inset-inline-start:16px;width:52px;height:52px}.sleepwhisper-how-to-section .sw-how-to__number-value{font-size:1.375rem}}@media screen and (max-width:749px){.sleepwhisper-how-to-section .sw-how-to__grid{gap:28px}.sleepwhisper-how-to-section .sw-how-to__number{width:44px;height:44px;top:12px;inset-inline-start:12px;border-width:2.5px}.sleepwhisper-how-to-section .sw-how-to__number-value{font-size:1.125rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sleepwhisper-how-to.css.map */