<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./styles/sections/product-suitability.scss ***!
  \*********************************************************************************************************************************************************************************************************/:export{short:.2s;med:.6s;slow:1s;timeDefault:.2s;easeIn:cubic-bezier(.7,0,.84,0);easeOut:cubic-bezier(.16,1,.3,1);easeInOut:cubic-bezier(.87,0,.13,1)}:export{xxsmall:375px;xsmall:480px;small:750px;medium:1200px;large:1350px;xlarge:1650px;xxlarge:2000px}.c-product-suitability{background-color:#fff;margin:0 auto;overflow:hidden}.c-product-suitability--bottom-border{border-bottom:.15rem solid #1f1d24}.c-product-suitability__inner{padding:5rem 1.5rem}@media only screen and (min-width:750px){.c-product-suitability__inner{padding:5rem}}@media only screen and (min-width:1650px){.c-product-suitability__inner{padding:5rem 10%}}.c-product-suitability__pretitle{margin-bottom:.5rem;text-align:center}.c-product-suitability__title{font-size:2rem;font-weight:800;line-height:2.5rem;margin:0 auto 1.5rem;text-align:center}@media only screen and (min-width:1200px){.c-product-suitability__title{font-size:3.5rem;line-height:4rem;margin-bottom:2.5rem}}.c-product-suitability__heading{font-size:1rem;line-height:1.75rem;margin-bottom:1rem;text-align:center}.c-product-suitability__steps-wrapper{margin:0 auto;max-width:33.125rem}.c-product-suitability__step{display:none}.c-product-suitability__step.is-active{display:block}.c-product-suitability__swatch{border:.15rem solid transparent;border-radius:50%;cursor:pointer;padding:.313rem}.c-product-suitability__swatch:focus,.c-product-suitability__swatch:hover{border:.15rem solid #1f1d24}.c-product-suitability__swatch-inner{border-radius:50%}.c-product-suitability__hair-swatches,.c-product-suitability__skin-swatches{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto}.c-product-suitability__hair-swatches .c-product-suitability__swatch,.c-product-suitability__skin-swatches .c-product-suitability__swatch{flex:0 0 4rem;margin-bottom:.35rem}.c-product-suitability__hair-swatches .c-product-suitability__swatch:not(:first-child),.c-product-suitability__skin-swatches .c-product-suitability__swatch:not(:first-child){margin-left:.35rem}.c-product-suitability__hair-swatches .c-product-suitability__swatch:nth-child(6),.c-product-suitability__skin-swatches .c-product-suitability__swatch:nth-child(6){margin-left:0}.c-product-suitability__progress{display:flex;gap:3.75rem;margin:2.15rem auto 0;position:relative;width:-moz-fit-content;width:fit-content}.c-product-suitability__line{border-top:1px dashed #1f1d24;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:75%}.c-product-suitability__progress-step{align-items:center;background-color:#fff;border:.15rem solid #1f1d24;border-radius:50%;color:#1f1d24;display:flex;height:2.5rem;justify-content:center;transition:all .2s;width:2.5rem;z-index:5}.c-product-suitability__progress-step.is-active{background-color:#ffc4cb;border-color:#ffc4cb;color:#1f1d24}.c-product-suitability__progress-step.o-subheading{letter-spacing:normal}.c-product-suitability__btn-wrapper{display:flex;flex-direction:column;gap:1rem}.c-product-suitability__fail,.c-product-suitability__pass{display:block}.c-product-suitability__fail.is-hidden,.c-product-suitability__pass.is-hidden{display:none}.c-product-suitability__image-result-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}@media only screen and (min-width:1200px){.c-product-suitability__image-result-wrapper{margin-bottom:2rem}}.c-product-suitability__result-wrapper:not(.active){display:none}.c-product-suitability__image-result{border-radius:50%;height:3rem;-o-object-fit:cover;object-fit:cover;width:3rem}@media only screen and (min-width:1200px){.c-product-suitability__image-result{height:9.25rem;width:9.25rem}.c-product-suitability__skin-swatches{display:grid;gap:2.45rem;grid-auto-columns:10.75rem;grid-auto-flow:column;width:-moz-fit-content;width:fit-content}.c-product-suitability__hair-swatches{flex-wrap:nowrap;width:100%}.c-product-suitability__hair-swatches .c-product-suitability__swatch{flex:0 0 10.75rem}.c-product-suitability__hair-swatches .c-product-suitability__swatch:not(:last-child){margin-right:2.45rem}.c-product-suitability__swatch{border:.15rem solid transparent;padding:.625rem}.c-product-suitability__swatch:focus,.c-product-suitability__swatch:hover{border:.15rem solid #1f1d24}.c-product-suitability__steps-wrapper{display:grid;grid-template-columns:100%;grid-template-rows:100%;max-width:revert}.c-product-suitability__step{grid-column:1/-1;grid-row:1/-1;opacity:0;pointer-events:none;transition:opacity .4s}.c-product-suitability__step.is-active{opacity:1;pointer-events:all}.c-product-suitability__btn-wrapper{flex-direction:row;justify-content:center}.c-product-suitability__progress{gap:1.3125rem}.c-product-suitability__progress-step{height:3rem;width:3rem}}@media only screen and (min-width:1650px){.c-product-suitability__skin-swatches{gap:3.45rem}.c-product-suitability__hair-swatches .c-product-suitability__swatch:not(:last-child){margin-right:2.45rem}}
/*# sourceMappingURL=sections.product-suitability.css.map*/</pre></body></html>