:root{--color-jade: #00b67a}@keyframes mattress-firmness-scaling-pointer{0%,to{width:20%}50%{width:100%}}#mattress-firmness-section{--scale-point: 5;background:var(--color-neutral-0)}#mattress-firmness-section .scale-container{display:grid;gap:16px;grid-template-columns:minmax(0,.8fr);justify-content:center;margin:40px 0}#mattress-firmness-section .metric-labels{display:flex;align-items:center;justify-content:space-between}#mattress-firmness-section .metric-labels .metric-label{font-style:normal;font-weight:600;font-size:16px;line-height:150%;color:var(--color-neutral-900)}#mattress-firmness-section .scale-pillar{position:relative;display:flex;align-items:center;flex:1}#mattress-firmness-section .scale-beam{width:100%;height:15px;background:linear-gradient(270deg,var(--color-neutral-900) 0,rgb(164 167 199 / 44%) 50%,#ecedf6 100%);border-radius:24px}#mattress-firmness-section .scale-beam:empty{display:block}@media screen and (min-width:769px){#mattress-firmness-section .scale-container{gap:8px;grid-template-columns:minmax(1fr,774px);margin:70px 0}#mattress-firmness-section .scale-beam{height:24px}}#mattress-firmness-section .scale-apex{pointer-events:none;transform:translate(calc(10% * var(--scale-point)))}#mattress-firmness-section .scale-apex--animation{animation:3s infinite mattress-firmness-scaling-pointer}#mattress-firmness-section .scale-pointer{pointer-events:all;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--color-neutral-900);border-radius:100%;transform:translate(-50%)}#mattress-firmness-section .firmness-point{font-style:normal;font-weight:600;font-size:32px;line-height:120%;text-align:center;color:var(--color-neutral-0)}@media screen and (min-width:769px){#mattress-firmness-section .scale-pointer{width:98px;height:98px}#mattress-firmness-section .firmness-point{font-size:60px}}
/*# sourceMappingURL=/cdn/shop/t/384/assets/mattress-firmness.css.map */