body[data-template=complexion-quiz] .header-promo,body[data-template=complexion-quiz] .header,body[data-template=complexion-quiz] cclp-nav-v4,body[data-template=complexion-quiz] .product__form-cta--wrapper,body[data-template=complexion-quiz] .product__form-option,body[data-template=complexion-quiz] .product__stars-container,body[data-template=complexion-quiz] .product__description-title,body[data-template=complexion-quiz] .product__description-accordions [data-heading=pair-with]{display:none!important}body[data-template=complexion-quiz] .product__sticky .product__form-option,body[data-template=complexion-quiz] .product__sticky .product__form-price{display:revert!important}body[data-template=complexion-quiz] .product__sticky .product__form-button{max-width:220px!important}body[data-template=complexion-quiz] .product__sticky .product__form{justify-content:space-between!important}body[data-template=complexion-quiz] #main{padding-top:0!important}body[data-template=complexion-quiz] .hidden_by_default{display:none!important}html.cq-deep-link-quiz-splash qf-quiz{opacity:0!important;visibility:hidden!important;pointer-events:none!important}html.cq-deep-link-saved-result body[data-template=complexion-quiz] .quiz-header .quiz-header__button.js-quiz-header-back-cq{display:none!important}body[data-template=complexion-quiz]:not(.cq-complexion-results-active) .quiz-header,body:not(.cq-complexion-results-active) .quiz-header{display:none!important}body[data-template=complexion-quiz].cq-complexion-results-active qf-quiz{display:none!important}body[data-template=complexion-quiz].cq-complexion-results-active main#main.content [id^=shopify-section-].shopify-section:has(.quiz-header){position:static!important;top:auto!important;z-index:auto!important;height:75px;box-sizing:border-box}body[data-template=complexion-quiz].cq-complexion-results-active .quiz-header{position:fixed!important;top:0;left:0;right:0;width:100%;max-width:100%;z-index:1001;box-sizing:border-box}body[data-template=complexion-quiz].cq-complexion-results-active header.header.js-header{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:none!important;overflow:hidden!important;visibility:hidden!important;pointer-events:none!important}body[data-template=complexion-quiz] .product__hero{padding-inline:20px!important}@media screen and (max-width:900px){body[data-template=complexion-quiz] .product__hero{display:block!important;padding-inline:0!important}}body[data-template=complexion-quiz].cq-complexion-results-active .hidden_by_default{display:revert!important}body[data-template=complexion-quiz].cq-complexion-results-active .real-results-section.testimonials-section{display:flex!important;flex-direction:column!important}body[data-template=complexion-quiz] .real-results-section .swiper-pagination{z-index:8!important}@media screen and (min-width:1024px)and (max-width:1200px){body[data-template=complexion-quiz] .pf-content-wrap{gap:30px!important}}body[data-template=complexion-quiz] .pf-img>img{width:100%!important}body[data-template=complexion-quiz] .complexion-quiz__match--tabbed .complexion-quiz__match-title{display:none!important}body[data-template=complexion-quiz] .complexion-quiz__match-card{padding:12px;margin-bottom:20px}@media screen and (min-width:901px){body[data-template=complexion-quiz] .complexion-quiz__match-card{padding:16px;margin-bottom:28px}}body[data-template=complexion-quiz] .complexion-quiz__match--tabbed .complexion-quiz__match-card{border:1px solid #000;border-radius:0 0 4px 4px;background:#fff}body[data-template=complexion-quiz] .complexion-quiz__match:not(.complexion-quiz__match--tabbed) .complexion-quiz__match-title{font-family:BaseMonoWideWeb,ui-monospace,monospace!important;font-weight:550!important;font-size:15px!important;line-height:14px!important;letter-spacing:.5px!important;margin:0 0 12px!important;color:#000!important;text-transform:none!important}@media screen and (min-width:901px){body[data-template=complexion-quiz] .complexion-quiz__match:not(.complexion-quiz__match--tabbed) .complexion-quiz__match-title{font-size:18px!important;line-height:17px!important;margin-bottom:16px!important}}body[data-template=complexion-quiz] .complexion-quiz__match:not(.complexion-quiz__match--tabbed) .complexion-quiz__match-card{position:relative!important;overflow:hidden!important;border:1px solid #000!important;border-radius:4px!important;background:#fff!important;padding:12px 26px 12px 12px!important;box-sizing:border-box!important}@media screen and (min-width:901px){body[data-template=complexion-quiz] .complexion-quiz__match:not(.complexion-quiz__match--tabbed) .complexion-quiz__match-card{padding:16px 30px 16px 16px!important}}body[data-template=complexion-quiz] .complexion-quiz__match:not(.complexion-quiz__match--tabbed) .complexion-quiz__match-swatch-outer{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:10px!important;height:auto!important;margin:0!important;padding:0!important;border:none!important;border-radius:0 3px 3px 0!important;background:transparent!important;display:block!important;align-items:unset!important;justify-content:unset!important;flex-shrink:0!important;z-index:1!important}body[data-template=complexion-quiz] .complexion-quiz__match:not(.complexion-quiz__match--tabbed) .complexion-quiz__match-swatch-inner{width:100%!important;height:100%!important;min-height:100%!important;border-radius:0!important;border:none!important;display:block!important;flex-shrink:0!important}body[data-template=complexion-quiz] .complexion-quiz__match-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}@media screen and (min-width:901px){body[data-template=complexion-quiz] .complexion-quiz__match-head{margin-bottom:7px}}body[data-template=complexion-quiz] .complexion-quiz__match-swatch-outer{flex-shrink:0;box-sizing:border-box;width:21px;height:21px;border-radius:50%;border:1px solid #000;display:flex;align-items:center;justify-content:center;background:#fff}@media screen and (min-width:901px){body[data-template=complexion-quiz] .complexion-quiz__match-swatch-outer{width:22px;height:22px}}body[data-template=complexion-quiz] .complexion-quiz__match-swatch-inner{box-sizing:border-box;width:17px;height:17px;border-radius:50%;background-color:transparent;background-size:cover;background-position:center;background-repeat:no-repeat;flex-shrink:0}@media screen and (min-width:901px){body[data-template=complexion-quiz] .complexion-quiz__match-swatch-inner{width:18px;height:18px}}body[data-template=complexion-quiz] .complexion-quiz__match-product{font-family:GeogrotesqueCondBoldWeb,sans-serif;font-weight:700;font-size:14px;line-height:14px;letter-spacing:.4px;color:#000;text-transform:uppercase}@media screen and (min-width:901px){body[data-template=complexion-quiz] .complexion-quiz__match-product{font-size:16px;line-height:16px}}body[data-template=complexion-quiz] .complexion-quiz__match-shade-line{font-family:RingsideWideWeb,sans-serif;font-weight:325;font-size:12px;line-height:14px;letter-spacing:.4px}@media screen and (min-width:901px){body[data-template=complexion-quiz] .complexion-quiz__match-shade-line{font-size:14px;line-height:17px}}body[data-template=complexion-quiz] .complexion-quiz__match-shade-name{color:#000}body[data-template=complexion-quiz] .complexion-quiz__match-shade-desc{color:#757575}body[data-template=complexion-quiz] .complexion-quiz__why-title{font-family:GeogrotesqueCondBoldWeb,sans-serif;font-weight:700;font-size:18px;line-height:23px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase;color:#000}@media screen and (min-width:901px){body[data-template=complexion-quiz] .complexion-quiz__why-title{font-size:20px;line-height:26px;margin-bottom:8px}}body[data-template=complexion-quiz] .complexion-quiz__why-text{font-family:RingsideWideWeb,sans-serif;font-weight:325;font-size:14px;line-height:20px;letter-spacing:.4px;margin:0 0 20px;color:#000}@media screen and (min-width:901px){body[data-template=complexion-quiz] .complexion-quiz__why-text{font-size:15px;line-height:24px;margin-bottom:28px}}body[data-template=complexion-quiz] .product__description-accordions [data-heading=see-it-in-action]{display:none}body[data-template=complexion-quiz] .product__description-accordions.cq-see-it-in-action-ready button[data-heading=see-it-in-action],body[data-template=complexion-quiz] .product__description-accordions.cq-see-it-in-action-ready div[data-heading=see-it-in-action]{display:block}body[data-template=complexion-quiz] .product__description-accordions:not(.cq-see-it-in-action-ready)>button[data-heading=product-description]:first-child{border-top:0!important}body[data-template=complexion-quiz] .complexion-quiz__hero-tabs{display:flex;width:100%;gap:4px}body[data-template=complexion-quiz] .complexion-quiz__hero-tab{flex:1;margin:0;height:36px;font-family:GeogrotesqueCondBoldWeb,sans-serif;font-weight:700;font-size:13px;line-height:17px;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;border:1px solid #DBDBDB;border-bottom:none;background:#fafafa;border-radius:4px 4px 0 0;color:#000;text-align:center}@media screen and (min-width:901px){body[data-template=complexion-quiz] .complexion-quiz__hero-tab{font-size:14px;line-height:18px;height:40px}}body[data-template=complexion-quiz] .complexion-quiz__hero-tab+.complexion-quiz__hero-tab{margin-left:-1px}body[data-template=complexion-quiz] .complexion-quiz__hero-tab.is-active{background:#000;color:#fff;border-color:#000;position:relative;z-index:1;font-size:14px;line-height:18px}@media screen and (min-width:901px){body[data-template=complexion-quiz] .complexion-quiz__hero-tab.is-active{font-size:16px;line-height:21px}}body[data-template=complexion-quiz] .complexion-quiz__heading-block{text-align:center;padding:32px 36px}@media screen and (max-width:900px){body[data-template=complexion-quiz] .complexion-quiz__heading-block{padding:12px 11px 16px}}body[data-template=complexion-quiz] .complexion-quiz__heading-title{font-size:38px;font-family:Canela,sans-serif;font-weight:300;line-height:46px;margin-bottom:8px;letter-spacing:.3px}body[data-template=complexion-quiz] .complexion-quiz__heading-sub{font-size:15px;font-family:RingsideWideWeb,sans-serif;font-weight:325;line-height:24px;letter-spacing:.4px;color:#757575}@media screen and (max-width:900px){body[data-template=complexion-quiz] .complexion-quiz__heading-title{font-size:20px;line-height:24px;margin-bottom:4px}body[data-template=complexion-quiz] .complexion-quiz__heading-sub{font-size:13px;line-height:20px}}body[data-template=complexion-quiz] .complexion-quiz__answers-title{font-family:GeogrotesqueCondBoldWeb,sans-serif;font-weight:700;font-size:18px;line-height:23px;letter-spacing:.5px;margin:0;text-transform:uppercase;color:#000}@media screen and (min-width:901px){body[data-template=complexion-quiz] .complexion-quiz__answers-title{font-size:20px;line-height:26px;margin-bottom:2px}}body[data-template=complexion-quiz] .complexion-quiz__answers-sub{font-family:RingsideWideWeb,sans-serif;font-weight:325;font-size:13px;line-height:22px;letter-spacing:.4px;margin:0 0 12px;color:#000}@media screen and (min-width:901px){body[data-template=complexion-quiz] .complexion-quiz__answers-sub{font-size:15px;line-height:24px}}body[data-template=complexion-quiz] .complexion-quiz__answers-list{list-style:none;margin:0;padding:0}body[data-template=complexion-quiz] .complexion-quiz__answers-list>li{display:flex;align-items:center;margin-bottom:8px}body[data-template=complexion-quiz] .complexion-quiz__answers-list>li:last-child{margin-bottom:20px}@media screen and (min-width:901px){body[data-template=complexion-quiz] .complexion-quiz__answers-list>li:last-child{margin-bottom:28px}}body[data-template=complexion-quiz] .complexion-quiz__answer-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-right:16px}body[data-template=complexion-quiz] .complexion-quiz__answer-icon svg{width:20px;height:20px;display:block}body[data-template=complexion-quiz] .complexion-quiz__answer-text{flex:1;min-width:0;line-height:22px}body[data-template=complexion-quiz] .complexion-quiz__answer-label{font-family:GeogrotesqueCondBoldWeb,sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;line-height:22px;letter-spacing:.4px;color:#000}@media screen and (min-width:901px){body[data-template=complexion-quiz] .complexion-quiz__answer-label{font-size:16px}}body[data-template=complexion-quiz] .complexion-quiz__answer-value{font-family:RingsideWideWeb,sans-serif;font-weight:325;font-size:14px;line-height:22px;letter-spacing:.4px;color:#000;text-transform:capitalize}body[data-template=complexion-quiz] .product-secondary-images>img,body[data-template=complexion-quiz] .product-secondary-images>video{width:102px!important;height:102px!important;aspect-ratio:1/1!important;object-fit:cover}body[data-template=complexion-quiz] .product-secondary-images video img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}body[data-template=complexion-quiz] .product-secondary-images{gap:10px!important;max-width:102px!important;width:102px!important}body[data-template=complexion-quiz] .product__hero .product__media{padding-top:0!important;padding-left:0!important;flex-wrap:wrap!important;gap:16px!important;max-width:793px!important;min-width:538px!important;width:100%!important}@media screen and (max-width:900px){body[data-template=complexion-quiz] .product__hero .product__media{max-width:100%!important;min-width:100%!important}}@media screen and (max-width:1024px){body[data-template=complexion-quiz] .product-secondary-images,body[data-template=complexion-quiz] .product-secondary-images>img,body[data-template=complexion-quiz] .product-secondary-images>video{width:72px!important}body[data-template=complexion-quiz] .product-secondary-images>img,body[data-template=complexion-quiz] .product-secondary-images>video{height:72px!important}}body[data-template=complexion-quiz] .product__description{padding-top:0!important;padding-left:32px!important;padding-right:0!important;width:100%!important;max-width:543px!important;min-width:0!important;flex-shrink:1!important}body[data-template=complexion-quiz] .product__related--quiz-essentials .product__related-header--with-sub{padding:38px 20px 36px!important;text-align:center!important}@media screen and (max-width:900px){body[data-template=complexion-quiz] .product__related--quiz-essentials .product__related-header--with-sub{padding-top:0!important;padding-bottom:22px!important}}body[data-template=complexion-quiz] .product__related--quiz-essentials .product__related-header-text{max-width:1112px!important;margin-inline:auto!important}body[data-template=complexion-quiz] .product__related--quiz-essentials .cq-quiz-essentials-subheading{max-width:100%!important}body[data-template=complexion-quiz] .product__related--quiz-essentials .product-tile__footer-bar{width:100%!important;flex-shrink:0!important}@media screen and (min-width:901px){body[data-template=complexion-quiz].cq-complexion-results-active .product__related--quiz-essentials .product-tile__footer-bar .button--quick-add{font-size:16px!important}}body[data-template=complexion-quiz] .product__related--quiz-essentials .product-tile__image{aspect-ratio:1 / 1!important;width:100%!important;height:auto!important;max-height:none!important;padding:0!important;overflow:hidden!important;min-height:0!important}body[data-template=complexion-quiz] .product__related--quiz-essentials .product-tile__image--placeholder{min-height:0!important}body[data-template=complexion-quiz] .product__related--quiz-essentials .product-tile__image .product-tile__image__img{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;object-fit:cover!important}body[data-template=complexion-quiz] .product__related--quiz-essentials .quiz-essential-shade-info{margin-block:12px!important;margin-inline:5px!important;font-family:RingsideWideWeb,sans-serif!important;font-weight:325!important;font-size:12px!important;line-height:14px!important;letter-spacing:.4px!important;text-align:center!important;color:#757575!important}@media screen and (min-width:901px){body[data-template=complexion-quiz] .product__related--quiz-essentials .quiz-essential-shade-info{font-size:14px!important;line-height:17px!important}}body[data-template=complexion-quiz] .product__related--quiz-essentials .quiz-essential-shade-info__name{color:#000!important;font-weight:325!important}body[data-template=complexion-quiz] .product__related--quiz-essentials .quiz-essential-swatches{margin-top:0!important;margin-bottom:16px!important}body[data-template=complexion-quiz] .product__related--quiz-essentials .product-tile__name{margin-top:0!important}@media screen and (max-width:900px){body[data-template=complexion-quiz] .product__related--quiz-essentials .product-quiz-essentials__carousel{overflow:hidden!important;padding-inline:0!important;padding-bottom:36px!important}body[data-template=complexion-quiz] .product__related--quiz-essentials .product-quiz-essentials__wrapper{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:12px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;justify-content:flex-start!important;scrollbar-width:none!important;-ms-overflow-style:none!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:12px!important}body[data-template=complexion-quiz] .product__related--quiz-essentials .product-quiz-essentials__wrapper::-webkit-scrollbar{display:none!important}body[data-template=complexion-quiz] .product__related--quiz-essentials .product-quiz-essentials__wrapper .swiper-slide:first-child{margin-left:16px!important}body[data-template=complexion-quiz] .product__related--quiz-essentials .product-quiz-essentials__wrapper .swiper-slide:last-child{margin-right:16px!important}body[data-template=complexion-quiz] .product__related--quiz-essentials .product-tile--third.swiper-slide{flex:0 0 auto!important;width:300px!important;scroll-snap-align:start!important;scroll-snap-stop:normal!important}body[data-template=complexion-quiz] .product__related--quiz-essentials .product-quiz-essentials__wrapper[data-cq-essentials-single="1"]{justify-content:center!important;overflow-x:hidden!important;scroll-snap-type:none!important;scroll-padding-inline:0!important}body[data-template=complexion-quiz] .product__related--quiz-essentials .product-quiz-essentials__wrapper[data-cq-essentials-single="1"] .swiper-slide:first-child,body[data-template=complexion-quiz] .product__related--quiz-essentials .product-quiz-essentials__wrapper[data-cq-essentials-single="1"] .swiper-slide:last-child{margin-left:0!important;margin-right:0!important}}@media screen and (min-width:901px){body[data-template=complexion-quiz] .product__related--quiz-essentials .product-quiz-essentials__wrapper .swiper-slide:first-child,body[data-template=complexion-quiz] .product__related--quiz-essentials .product-quiz-essentials__wrapper .swiper-slide:last-child{margin-inline:0!important}body[data-template=complexion-quiz] .product__related--quiz-essentials .product-tile--third.swiper-slide{flex:1 1 0!important;min-width:0!important;width:100%!important;max-width:334px!important}}@media screen and (min-width:901px){body[data-template=complexion-quiz] .product__hero #product-media.product__media{height:auto!important;align-self:flex-start!important;position:sticky!important;top:var(--cq-sticky-media-top, 105px)!important}body[data-template=complexion-quiz] .product__media-pagination,body[data-template=complexion-quiz] .product__media .swiper-container-horizontal>.swiper-pagination-bullets.product__media-pagination{display:none!important}}@media screen and (max-width:900px){body[data-template=complexion-quiz] .scrollable-product-secondary-images{display:none!important}body[data-template=complexion-quiz] .product__hero #product-media.product__media{position:static!important;top:auto!important}body[data-template=complexion-quiz] .product__description{padding-inline:20px!important;padding-top:16px!important;max-width:100%!important;box-sizing:border-box!important}}@media screen and (min-width:769px){body[data-template=complexion-quiz].state--sticky-atc .product__hero .product__sticky{transform:translateY(var(--cq-quiz-header-height, 75px))!important}}@media screen and (max-width:767px){body[data-template=complexion-quiz] .modal--ingredients .modal__el{top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:none!important;margin:0!important;transform:none!important;z-index:9999!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:25px 0 0!important;box-sizing:border-box!important}body[data-template=complexion-quiz] .modal--ingredients .modal__title{flex-shrink:0!important}body[data-template=complexion-quiz] .modal--ingredients .modal__copy{flex:1 1 auto!important;min-height:0!important;max-height:none!important;height:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}}
/*# sourceMappingURL=/cdn/shop/t/785/compiled_assets/styles.css.map */