:root{--color-primary: #ffa235;--color-secondary: #3c4196;--color-charade: #2e2f3c;--color-comet: #55576f;--color-chambray: #3c4196;--color-pizazz: #ff8900;--color-jade: #00b67a;--color-cultured: #f7f7f9;--color-spun-pearl: #b0b1c2;--color-athens-gray: #e6e7ec;--color-lochinvar: #288e7c;--color-scampi: #6469aa;--color-lapis-blue: #2c3183;--color-steel: #7f819d;--color-calm-600: #693f73;--color-scarlet: #f03306 }@keyframes mattress-firmness-scaling-pointer{0%,to{width:20%}50%{width:100%}}.pdp_matress_afirm{--scale-point: 5;background:#fff}.pdp_matress_afirm .scale-container-pdp{display:grid;gap:16px;grid-template-columns:minmax(0,.92fr);margin:40px 0}.pdp_matress_afirm .metric-labels{display:flex;align-items:center;justify-content:space-between}.pdp_matress_afirm .metric-labels .metric-label{font-style:normal;font-weight:600;font-size:16px;line-height:150%;color:#2e2f3c}.pdp_matress_afirm .scale-pillar{position:relative;display:flex;align-items:center;flex:1}.pdp_matress_afirm .scale-beam_pdp{width:100%;height:15px;background:linear-gradient(270deg,#2e2f3c 0,#a4a7c770,#ecedf6);border-radius:24px}.pdp_matress_afirm .scale-beam_pdp:empty{display:block}@media screen and (min-width: 769px){.pdp_matress_afirm .scale-container-pdp{gap:8px;grid-template-columns:minmax(1fr,774px);margin:0}.pdp_matress_afirm .scale-beam_pdp{height:18px}.mattress-firmness-content p{font-size:16px}}.pdp_matress_afirm .scale-apex{pointer-events:none;transform:translate(calc(10% * var(--scale-point)))}.pdp_matress_afirm .scale-apex--animation{animation:3s infinite mattress-firmness-scaling-pointer}.pdp_matress_afirm .scale-pointer_pdp{pointer-events:all;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#2e2f3c;border-radius:100%;transform:translate(-50%)}.pdp_matress_afirm .firmness-point_pdp{font-style:normal;font-weight:600;font-size:22px;line-height:120%;text-align:center;color:#fff;margin:0}@media screen and (min-width: 769px){.pdp_matress_afirm .scale-pointer_pdp{width:60px;height:60px}.pdp_matress_afirm .firmness-point_pdp{font-size:30px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/mattress-firmness-section-pdp.css.map */