.answer{transition-property:background;transition-timing-function:cubic-bezier(0,.59,.25,1);touch-action:manipulation;background:transparent;transition-duration:.3s}:root{--color:#fff}.answer:focus{outline-color:rgba(0,0,0,.2)}.answer:not(.btn){display:flex;flex-direction:column;border-style:none}.answer__icon,.answer__subTitle,.answer__title{transition-property:opacity;transition-timing-function:inherit;transition-duration:inherit;opacity:.4}.answer.isSelected .answer__icon,.answer.isSelected .answer__subTitle,.answer.isSelected .answer__title,.answer.isSelected:hover .answer__icon,.answer.isSelected:hover .answer__subTitle,.answer.isSelected:hover .answer__title,.answer:hover .answer__icon,.answer:hover .answer__subTitle,.answer:hover .answer__title{opacity:1}.answer__icon{margin-bottom:8px;display:flex;align-items:center;justify-content:center}.answer__selectedTick{width:16px;height:16px;color:#fff}.answer-square{display:flex;align-items:center;justify-content:center;position:relative;background-color:#fff;padding:16px;box-shadow:var(--dropShadow)}@media(min-width:56.25em){.answer-square{padding:15px;height:136px;width:136px}}.answer-square.isSelected{background-color:var(--colorYellow)}.answer-pill{font-size:.75rem;text-transform:none;border:1px solid var(--colorMidDarkGrey)}.answer-pill.isSelected{background-color:var(--colorYellow);border-color:var(--colorYellow)}.answer-swatch{padding:0}.answer-swatch .answer__icon{background-color:var(--color);min-height:80px;height:80px;width:100%;margin-bottom:0}.answer-dot{padding:16px;align-items:center;outline:none}.answer-dot .answer__icon{width:var(--size);height:var(--size);border-radius:var(--size);background-color:var(--color);border:1px solid currentColor;color:var(--colorMidDarkGrey)}:root{--size:32px}.answer-dot .answer__title{font-size:.75rem}.step{display:flex;flex-direction:column;padding-bottom:48px;padding-left:0;padding-right:0}@media(min-width:37.5em){.step{padding-left:24px;padding-right:24px}}.step__question{position:relative;z-index:2;margin-bottom:24px}.step__answers{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:12px;width:100%}@media(min-width:37.5em){.step__answers{gap:24px}}@media(min-width:56.25em){.step__answers{max-width:800px;grid-template-columns:repeat(5,1fr);align-self:flex-end}}.step__answers--dot,.step__answers--pill,.step__answers--swatch{background:#fff;padding:16px;box-shadow:var(--dropShadow);border-radius:8px}.step__answers--swatch{max-width:400px;grid-gap:8px}.step__answers--pill{max-width:730px;grid-gap:8px}.step__answers--dot{max-width:645px;align-items:center;justify-content:center;display:flex;flex-wrap:wrap}@media(min-width:56.25em){.step__answers--lessThan .answer:last-child{grid-column:5}.step__answers--lessThan .answer:nth-last-child(2){grid-column:4}.step__answers--lessThan .answer:nth-last-child(3){grid-column:3}.step__answers--lessThan .answer:nth-last-child(4){grid-column:2}.step__answers--lessThan .answer:nth-last-child(5){grid-column:1}}.steps-enter-active,.steps-leave-active{transition:all 1s}.steps-enter-from{opacity:0;transform:translateY(-100px)}.steps-enter-to,.steps-leave-from{opacity:1;transform:translateY(0)}.steps-leave-to{opacity:0}.question{display:flex}.question :last-child{margin-bottom:0}.question__avatar{width:var(--avatarSize);height:var(--avatarSize);border-radius:var(--avatarSize);background-color:var(--colorYellow);color:#fff;display:flex;justify-content:center;align-items:center;margin-right:16px;flex-grow:0;flex-shrink:0}:root{--avatarSize:32px}.question__avatar svg{color:#fff;fill:currentColor;aspect-ratio:25/31;margin-right:4px;margin-top:-1px;width:50%}@media only screen and (min-width:769px){.question__avatar{--avatarSize:56px}}.question__text{padding:16px;background:#fff;box-shadow:var(--dropShadow);border-radius:8px;color:var(--colorMidDarkGrey)}.question__text strong{color:var(--colorBlack)}.signup-form{max-width:600px;margin:0 auto;padding:32px;background:#fff;box-shadow:0 0 20px rgba(0,49,73,.1);border-radius:8px}.signup-form form{margin-bottom:20px}.signup-form__email-group{margin-left:0;margin-right:0;display:flex;position:relative;margin-bottom:16px;border:1px solid var(--colorMidDarkGrey);max-width:unset}.signup-form__input{padding-right:44px;height:52px;border-radius:52px}.signup-form__btn-icon{width:100%;max-width:24px}.icon--spinner{-webkit-animation:spin-animation .5s infinite;animation:spin-animation .5s infinite}@-webkit-keyframes spin-animation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes spin-animation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.results-newsletter{padding:32px 20px}.results-newsletter__intro{margin-bottom:32px}.quiz-account-link{padding:16px 0 0 0}.quiz-skip-newsletter{padding:32px}.results-account{padding:32px 0 80px;text-align:center}.results-products{padding:0;text-align:center}.results-actions{display:flex;align-items:center;justify-content:center;flex-direction:column}.results-actions .btn{margin-bottom:32px}.progress-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.7);display:flex;align-items:center;justify-content:center;z-index:3}.progress-modal__content{text-align:center;padding:32px;background:#fff;box-shadow:var(--dropShadow);border-radius:8px;position:relative}.progress-modal__close{position:absolute;top:16px;right:16px}.quiz{position:relative;background-color:var(--colorLighterBlue);min-height:300px}@media only screen and (min-width:769px){.quiz{min-height:700px}}.quiz--blocked{height:300px;overflow:hidden}@media only screen and (min-width:769px){.quiz--blocked{height:700px}}:root{--colorBlack:#1b1d1e;--colorMidDarkGrey:#4e5457;--colorLighterBlue:#f7fafb;--colorAqua:#8ac7cb;--colorYellow:#f5be18;--dropShadow:0px 0px 20px rgba(0,49,73,0.1)}.quiz .image-wrap img:not([role=presentation]){opacity:1}@media(max-width:37.5em){.quiz.page-content{padding-bottom:0}}.progressbar{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;height:8px;background-color:var(--colorAqua);position:relative}.progressbar::-webkit-progress-bar{background-color:var(--colorAqua)}.progressbar::-webkit-progress-value{background-color:var(--colorYellow)}.progressbar::-moz-progress-bar{background-color:var(--colorYellow)}