:root{--sa-color-bg-primary: #121B21;--sa-color-cta: #CC8800;--sa-color-text-primary: #FBFAF8;--sa-color-text-secondary: #A8A29A;--sa-color-surface-warm: #1e272c;--sa-color-surface-light: #FBFAF8;--sa-color-border-subtle: #454e54;--sa-color-cta-muted: #996600;--sa-color-tech: #9cb7c9;--sa-font-primary: "Montserrat", sans-serif;--sa-font-secondary: "Nunito", sans-serif;--sa-text-display: 4.5rem;--sa-text-h1: 3rem;--sa-text-h2: 2.25rem;--sa-text-h3: 1.5rem;--sa-text-h4: 1.25rem;--sa-text-body-lg: 1.125rem;--sa-text-body: 1rem;--sa-text-small: .875rem;--sa-text-xs: .75rem;--sa-space-1: .25rem;--sa-space-2: .5rem;--sa-space-3: .75rem;--sa-space-4: 1rem;--sa-space-6: 1.5rem;--sa-space-8: 2rem;--sa-space-12: 3rem;--sa-space-16: 4rem;--sa-space-24: 6rem;--sa-space-32: 8rem;--sa-radius-sm: 4px;--sa-radius-md: 8px;--sa-radius-lg: 16px;--sa-radius-xl: 24px;--sa-radius-glass: 9999px;--sa-color-tech-line: rgba(156, 183, 201, .5);--sa-color-tech-grid: rgba(156, 183, 201, .08);--sa-motion-breath: 5s ease-in-out infinite;--sa-card-bg: var(--sa-color-surface-warm);--sa-card-border: var(--sa-color-border-subtle);--sa-glass-bg: linear-gradient(180deg, rgba(30, 39, 44, .7) 0%, rgba(18, 27, 33, .6) 100%);--sa-glass-bg-strong: linear-gradient(180deg, rgba(30, 39, 44, .88) 0%, rgba(18, 27, 33, .82) 100%);--sa-glass-edge: rgba(251, 250, 248, .24) rgba(251, 250, 248, .14) rgba(251, 250, 248, .08);--sa-glass-edge-tech: rgba(156, 183, 201, .4) rgba(156, 183, 201, .14) rgba(156, 183, 201, .06);--sa-glass-edge-cta: rgba(204, 136, 0, .5) rgba(204, 136, 0, .18) rgba(204, 136, 0, .08);--sa-glass-shadow: inset 0 1px 0 rgba(251, 250, 248, .05), 0 8px 24px rgba(10, 15, 18, .25);--sa-inset-bg: rgba(251, 250, 248, .04);--sa-inset-border: rgba(251, 250, 248, .08)}@supports (color: color-mix(in srgb,red 50%,transparent)){:root{--sa-glass-bg: linear-gradient(180deg, color-mix(in srgb, var(--sa-color-surface-warm) 70%, transparent) 0%, color-mix(in srgb, var(--sa-color-bg-primary) 60%, transparent) 100%);--sa-glass-bg-strong: linear-gradient(180deg, color-mix(in srgb, var(--sa-color-surface-warm) 88%, transparent) 0%, color-mix(in srgb, var(--sa-color-bg-primary) 82%, transparent) 100%)}}.sa-surface-dark{background:var(--sa-color-bg-primary);color:var(--sa-color-text-primary)}.sa-surface-light{background:var(--sa-color-surface-light);color:var(--sa-color-bg-primary)}.sa-section{padding-block:var(--sa-space-16)}.sa-container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--sa-space-4)}@media(min-width:750px){.sa-section{padding-block:var(--sa-space-24)}.sa-container{padding-inline:var(--sa-space-6)}}.sa-night-bg{--sa-glow-lamp: rgba(204, 136, 0, .12);--sa-glow-moon: rgba(156, 183, 201, .1);background-color:var(--sa-color-bg-primary);background-image:radial-gradient(60% 50% at 15% 10%,var(--sa-glow-lamp) 0%,transparent 70%),radial-gradient(55% 45% at 85% 90%,var(--sa-glow-moon) 0%,transparent 70%)}@supports (color: color-mix(in srgb,red 50%,transparent)){.sa-night-bg{--sa-glow-lamp: color-mix(in srgb, var(--sa-color-cta) 12%, transparent);--sa-glow-moon: color-mix(in srgb, var(--sa-color-tech) 10%, transparent)}}.sa-card{padding:var(--sa-space-8);background:var(--sa-card-bg);border:1px solid var(--sa-card-border);border-radius:var(--sa-radius-xl);color:var(--sa-color-text-primary)}.sa-inset{background:var(--sa-inset-bg);border:1px solid var(--sa-inset-border);border-radius:var(--sa-radius-lg)}.sa-photo-tile{position:relative;overflow:hidden;border-radius:var(--sa-radius-xl);border:1px solid var(--sa-color-border-subtle)}.sa-photo-tile>img,.sa-photo-tile>picture,.sa-photo-tile>picture>img{display:block;width:100%;height:100%;object-fit:cover}.sa-photo-tile__label{position:absolute;inset-inline:var(--sa-space-4);bottom:var(--sa-space-4);padding:var(--sa-space-3) var(--sa-space-4);background:var(--sa-glass-bg-strong);border:1px solid;border-color:var(--sa-glass-edge);border-radius:var(--sa-radius-lg);color:var(--sa-color-text-primary)}.sa-glass-control{display:inline-flex;align-items:center;gap:var(--sa-space-2);padding:var(--sa-space-2) var(--sa-space-4);background:var(--sa-glass-bg-strong);border:1px solid;border-color:var(--sa-glass-edge);border-radius:var(--sa-radius-glass);box-shadow:var(--sa-glass-shadow);color:var(--sa-color-text-primary)}.sa-badge{display:inline-flex;align-items:center;padding:var(--sa-space-1) var(--sa-space-3);background:var(--sa-glass-bg-strong);border:1px solid;border-color:var(--sa-glass-edge);border-radius:var(--sa-radius-glass);font-family:var(--sa-font-primary);font-size:var(--sa-text-xs);font-weight:600;line-height:1.3;color:var(--sa-color-text-primary)}.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sa-space-2);padding:var(--sa-space-4) var(--sa-space-8);border:1px solid transparent;border-radius:var(--sa-radius-md);background:transparent;font-family:var(--sa-font-primary);font-size:var(--sa-text-body);font-weight:700;line-height:1.3;text-decoration:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.sa-btn:focus-visible{outline:2px solid var(--sa-color-cta);outline-offset:3px}.sa-btn--primary{background:var(--sa-color-cta);color:var(--sa-color-text-primary)}.sa-btn--primary:hover{background:var(--sa-color-cta-muted);transform:translateY(-1px)}.sa-btn--secondary{border-color:var(--sa-color-cta);color:var(--sa-color-cta)}.sa-btn--secondary:hover{background:var(--sa-color-cta);color:var(--sa-color-text-primary)}.sa-surface-light .sa-btn--secondary{border-color:var(--sa-color-cta-muted);color:var(--sa-color-cta-muted)}.sa-surface-light .sa-btn--secondary:hover{background:var(--sa-color-cta-muted);color:var(--sa-color-text-primary)}.sa-btn--secondary-neutral{border-color:var(--sa-color-text-primary);color:var(--sa-color-text-primary)}.sa-btn--secondary-neutral:hover{background:var(--sa-inset-bg)}.sa-surface-light .sa-btn--secondary-neutral{border-color:var(--sa-color-bg-primary);color:var(--sa-color-bg-primary)}.sa-surface-light .sa-btn--secondary-neutral:hover{background:#121b210f}.sa-btn--ghost{padding-inline:var(--sa-space-2);color:inherit}.sa-btn--ghost:hover{text-decoration:underline}.sa-input{width:100%;padding:var(--sa-space-3) var(--sa-space-4);background:var(--sa-inset-bg);border:1px solid var(--sa-inset-border);border-radius:var(--sa-radius-sm);font-family:var(--sa-font-secondary);font-size:var(--sa-text-body);color:var(--sa-color-text-primary)}.sa-input:focus,.sa-input:focus-visible{outline:2px solid var(--sa-color-cta);outline-offset:0}.sa-tnum{font-feature-settings:"tnum"}.sa-data-label{font-family:var(--sa-font-primary);font-size:var(--sa-text-xs);font-weight:500;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--sa-color-tech);font-feature-settings:"tnum"}.sa-data-number{font-family:var(--sa-font-primary);font-size:var(--sa-text-display);font-weight:600;line-height:1.2;letter-spacing:-.02em;font-feature-settings:"tnum"}.sa-airflow-line{stroke:var(--sa-color-tech-line);stroke-width:1.5;stroke-linecap:round;fill:none}.sa-dot-grid{background-image:radial-gradient(circle,var(--sa-color-tech-grid) 1px,transparent 1px);background-size:16px 16px}.sa-bento{display:grid;grid-template-columns:1fr;gap:var(--sa-space-4)}.sa-bento__tile--small{grid-column:span 1}@media(max-width:749px){.sa-bento{grid-template-columns:repeat(2,1fr)}.sa-bento>*{grid-column:1 / -1}.sa-bento>.sa-bento__tile--small{grid-column:span 1}}@media(min-width:750px){.sa-bento{grid-template-columns:repeat(6,1fr);gap:var(--sa-space-6)}.sa-bento>*{grid-column:span 3}.sa-bento>.sa-bento__tile--6,.sa-bento>.sa-bento__tile--8,.sa-bento>.sa-bento__tile--12{grid-column:1 / -1}}@media(min-width:990px){.sa-bento{grid-template-columns:repeat(12,1fr)}.sa-bento>*{grid-column:span 4}.sa-bento>.sa-bento__tile--6{grid-column:span 6}.sa-bento>.sa-bento__tile--8{grid-column:span 8}.sa-bento>.sa-bento__tile--12{grid-column:span 12}}.sa-bento__tile--tall{grid-row:span 2}@media(max-width:749px){.sa-bento__tile--tall{grid-row:auto}}.sa-glow{position:relative;isolation:isolate}.sa-glow:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;background:radial-gradient(closest-side,var(--sa-glow-lamp, rgba(204, 136, 0, .12)),transparent);pointer-events:none}.sa-glow--tech:before{background:radial-gradient(closest-side,var(--sa-glow-moon, rgba(156, 183, 201, .1)),transparent)}@media(prefers-reduced-motion:no-preference){.sa-glow:before{animation:sa-breath var(--sa-motion-breath)}@keyframes sa-breath{0%,to{opacity:.6}50%{opacity:1}}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sleepair-design-system.css.map */