.shade-finder-quiz{color:#000}.shade-finder-quiz__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:3.125rem;padding-bottom:6.25rem}.shade-finder-quiz__header-wrapper{padding-top:.75rem}.shade-finder-quiz__eyebrow{margin-bottom:.75rem;font-size:.75rem;font-weight:400;line-height:1.7;letter-spacing:.48px;text-transform:uppercase}.shade-finder-quiz__header{margin-bottom:.5rem;font-size:1.125rem;line-height:1.575rem}.shade-finder-quiz__subheader{margin-bottom:0}.shade-finder-quiz__content-wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:.75rem}.shade-finder-quiz__footer-wrapper{position:fixed;left:0;bottom:0;width:100%;padding:.75rem 0;background:#fff}.shade-finder-quiz__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-transform:none}.shade-finder-quiz__footer-btn.is-hidden{visibility:hidden}.shade-finder-quiz__footer-back{width:2.5rem}.shade-finder-quiz__footer-next{min-width:10.5625rem;background-color:#f0f0f0}.shade-finder-quiz__modal::before{margin-right:-.0625rem}.shade-finder-quiz__modal .modal__inner{padding:0 .75rem 1.5rem}.shade-finder-quiz__modal .modal__header{margin-bottom:1.125rem}.shade-finder-quiz__modal .modal__header::after{left:-.75rem;width:calc(100% + 1.5rem)}.shade-finder-quiz__modal-wrapper{display:inline-block}.shade-finder-quiz__modal-trigger{color:#000;text-decoration:underline;background-color:transparent;border:0;padding:0}.shade-finder-quiz__modal-image{margin-bottom:1.125rem}.shade-finder-quiz__modal-cta{margin-top:1rem}#shade-finder-quiz .footer{display:none}.shade-finder-quiz-options__list-item{padding:0;border-top:1px solid #000}.shade-finder-quiz-options__list-item--checkbox label{color:#000;padding-left:3.1875rem}.shade-finder-quiz-options__list-item--checkbox label::after,.shade-finder-quiz-options__list-item--checkbox label::before{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.shade-finder-quiz-options__list-item--checkbox label span{font-size:inherit;line-height:inherit}.shade-finder-quiz-options__list-item--checkbox.has-error{border-top:1px solid #000}.shade-finder-quiz-options__list-item--checkbox.has-error label::after{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.shade-finder-quiz-options__item{width:100%;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:.75rem;background-color:transparent;border:0;padding:0}.shade-finder-quiz-options__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.shade-finder-quiz-options__index{width:3.1875rem}.shade-finder-quiz-options__paragraph{margin:0}.shade-finder-quiz-options__title{font-weight:500}.shade-finder-quiz-options__media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.shade-finder-quiz-options__image,.shade-finder-quiz-options__swatch{width:4rem}.shade-finder-quiz-options__image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.shade-finder-quiz-step-two__heading{font-size:.75rem;line-height:1.4;color:#666}.shade-finder-quiz-step-two__error{font-size:.75rem;line-height:1.4;color:#d30000}.shade-finder-quiz-step-three__list-item{padding:0;border-top:1px solid #000}.shade-finder-quiz-step-three__info{padding:.75rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:.75rem}.shade-finder-quiz-step-three__info-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem}.shade-finder-quiz-step-three__swatch{width:2.75rem}.shade-finder-quiz-step-three__paragraph{margin:0}.shade-finder-quiz-step-three__title{font-weight:500}.shade-finder-quiz-step-three__select{background-color:#f0f0f0}.shade-finder-quiz-step-three__carousel{--slides-per-view:1.715;--space-between:0.75rem;padding-bottom:1.5rem}.shade-finder-quiz-step-three__carousel-item-image{margin:0;width:100%}.shade-finder-quiz-step-three__carousel-item-video .video__control{background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shade-finder-quiz-step-three__carousel-item-caption{margin:.5rem 0 0;font-size:.75rem;line-height:1.4}.shade-finder-quiz-step-three__loading{position:fixed;top:calc(var(--promo-bar-height,0px) + var(--header-height,0px));background-color:#fff;left:0;right:0;bottom:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.shade-finder-quiz-step-three__loading-icon{width:1rem;height:1rem}.shade-finder-quiz-step-three__loading-icon::before{-webkit-animation:.8s linear infinite rotating;animation:.8s linear infinite rotating}.shade-finder-quiz-step-three__loading-copy{margin:0;font-size:.75rem;line-height:1.7;letter-spacing:.48px;text-transform:uppercase}.shade-finder-quiz-step-three__fade-enter-active,.shade-finder-quiz-step-three__fade-leave-active{-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.shade-finder-quiz-step-three__fade-enter-from,.shade-finder-quiz-step-three__fade-leave-to{opacity:0}@media only screen and (max-width:1024px){.shade-finder-quiz-landing{padding-top:.5rem}.shade-finder-quiz-options__list-item--taller .shade-finder-quiz-options__image .ir,.shade-finder-quiz-options__list-item--taller .shade-finder-quiz-options__swatch .ir{padding-bottom:129.6875%}.shade-finder-quiz-step-one{padding-top:1.75rem}.shade-finder-quiz-step-three{padding-top:2.125rem}.shade-finder-quiz-step-three__carousel .flickity-viewport{overflow:visible}}@media only screen and (min-width:1025px){.shade-finder-quiz__wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:2rem}.shade-finder-quiz__header-wrapper{padding-top:1rem;width:31.4630681818%;-ms-flex-negative:0;flex-shrink:0}.shade-finder-quiz__eyebrow{margin-bottom:1.5rem}.shade-finder-quiz__header{font-size:1.25rem;line-height:1.75rem}.shade-finder-quiz__content-wrapper{padding-top:6.375rem;width:100%;gap:1rem}.shade-finder-quiz__footer-wrapper{padding:1rem 0}.shade-finder-quiz__footer{padding-left:calc(31.4630681818% + 2rem)}.shade-finder-quiz__modal .modal__inner{padding:0 1rem 1.5rem}.shade-finder-quiz__modal .modal__header{margin-bottom:1rem}.shade-finder-quiz__modal .modal__header::after{left:-1rem;width:calc(100% + 2rem)}.shade-finder-quiz__modal-image{margin-bottom:1rem}.shade-finder-quiz__modal-cta{margin-top:2rem}.shade-finder-quiz-options__list-item--checkbox label{padding-left:3.8125rem}.shade-finder-quiz-options__item{gap:1rem}.shade-finder-quiz-options__index{width:3.8125rem}.shade-finder-quiz-options__image,.shade-finder-quiz-options__swatch{width:5.8125rem}.shade-finder-quiz-step-two{margin-top:-2.0625rem}.shade-finder-quiz-step-three__info{padding:1rem 0;gap:1rem}.shade-finder-quiz-step-three__info-left{gap:1rem}.shade-finder-quiz-step-three__select{min-width:5.625rem}.shade-finder-quiz-step-three__carousel{--slides-per-view:3;--space-between:1rem;padding-bottom:2rem}.shade-finder-quiz-step-three__carousel-item-caption{font-size:.875rem}}