.how-it-feels-outer *,.how-it-feels-outer *:before,.how-it-feels-outer *:after{box-sizing:border-box}.how-it-feels{--hif-panel: #f9f5f3;--hif-text: 58, 54, 53;--hif-title: #1b1b1b;--hif-stop: #5e5e5e;--hif-brown: var(--color-brand-brown);--hif-disc: #efe7e2;--hif-rule: #d9d9d9;--hif-dot: #686868;display:grid;grid-template-columns:minmax(0,1fr);background-color:var(--hif-panel);color:rgb(var(--hif-text));font-family:var(--font-body-family);letter-spacing:0}.how-it-feels-outer{max-width:1440px;margin-inline:auto;padding:23px 16px 40px}.how-it-feels__media{aspect-ratio:329 / 260;overflow:hidden}.how-it-feels__img{display:block;width:100%;height:100%;object-fit:cover}.how-it-feels__panel{padding:20px 16px 32px}.how-it-feels__heading{margin:0 0 24px;font-family:var(--font-heading-family);font-size:22px;font-weight:var(--font-heading-weight);letter-spacing:0;line-height:1.27}.how-it-feels__scales{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;margin:0;padding:0}.how-it-feels__scale{display:flex;align-items:flex-start;gap:14px;min-width:0}.how-it-feels__icon{flex:0 0 auto;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background-color:var(--hif-disc);color:rgb(var(--hif-brown))}.how-it-feels__icon svg{display:block;width:auto;max-width:28px;height:26px;fill:currentcolor}.how-it-feels__body{flex:1 1 auto;min-width:0}.how-it-feels__title{margin:0;color:var(--hif-title);font-size:14px;font-weight:var(--font-body-weight-medium);line-height:1.29}.how-it-feels__track{position:relative;height:8px;margin:6px 0 5px}.how-it-feels__rule{position:absolute;top:50%;left:0;width:100%;height:1px;translate:0 -50%;background-color:var(--hif-rule)}.how-it-feels__rule:before,.how-it-feels__rule:after{content:"";position:absolute;top:50%;width:4px;height:4px;border-radius:50%;translate:0 -50%;background-color:var(--hif-rule)}.how-it-feels__rule:before{left:0}.how-it-feels__rule:after{right:0}.how-it-feels__stops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px}.how-it-feels__stop{position:relative;justify-self:start;color:var(--hif-stop);font-size:12px;font-weight:var(--font-body-weight);line-height:1.33}.how-it-feels__stop:nth-child(2){justify-self:center}.how-it-feels__stop:nth-child(3){justify-self:end}.how-it-feels__stop--on{color:rgb(var(--hif-brown));font-weight:700}.how-it-feels__stop--on:before{content:"";position:absolute;top:-9px;left:50%;width:8px;height:8px;border-radius:50%;translate:-50% -50%;background-color:var(--hif-dot)}.how-it-feels__track--points{--hif-run: calc(100% - 4px) }.how-it-feels__tick,.how-it-feels__dot{position:absolute;top:50%;border-radius:50%;translate:-50% -50%}.how-it-feels__tick{width:4px;height:4px;background-color:var(--hif-rule)}.how-it-feels__tick:nth-of-type(2){left:calc(2px + var(--hif-run) * .25)}.how-it-feels__tick:nth-of-type(3){left:calc(2px + var(--hif-run) * .5)}.how-it-feels__tick:nth-of-type(4){left:calc(2px + var(--hif-run) * .75)}.how-it-feels__dot{left:calc(2px + var(--hif-run) * (var(--hif-score) - 1) / 4);width:8px;height:8px;background-color:var(--hif-dot)}.how-it-feels__stops--ends{grid-template-columns:repeat(2,minmax(0,1fr))}.how-it-feels__stops--ends .how-it-feels__stop:nth-child(2){justify-self:end}.how-it-feels__stops--spread{display:flex;justify-content:space-between}@media screen and (min-width:990px){.how-it-feels-outer{padding:41px 40px 40px}.how-it-feels{grid-template-columns:419px minmax(0,1fr);align-items:stretch}.how-it-feels--image-right{grid-template-columns:minmax(0,1fr) 419px}.how-it-feels--no-image{grid-template-columns:minmax(0,1fr)}.how-it-feels--image-right .how-it-feels__media{order:2}.how-it-feels__media{aspect-ratio:auto;height:100%;min-height:375px}.how-it-feels__panel{padding:75px 41px 75px 40px}.how-it-feels__heading{margin-bottom:40px;font-size:28px;line-height:1.39}.how-it-feels__scale{gap:26px}.how-it-feels__scales{gap:35px}}@media screen and (min-width:1200px){.how-it-feels__scales{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-how-it-feels.css.map */