.octane-ai-quiz-rendered{margin:0 auto;max-width:initial}@media only screen and (min-width: 768px){.octane-ai-quiz-rendered{padding-left:1rem;padding-right:1rem}}.oct-quiz-wrapper--explainer{padding-top:0;padding-bottom:0}[title="Unlock your tailored skincare routine"]{aspect-ratio:1 / 1}.oct-quiz-wrapper--explainer [data-element="oct-quiz-text oct-quiz-title"]{font-family:var(--font-body-family);font-weight:500;max-width:400px;margin-left:auto;margin-right:auto;margin-bottom:26px}@media only screen and (max-width: 767px){.oct-quiz-wrapper--explainer [data-element="oct-quiz-text oct-quiz-title"]{margin-top:24px}}.oct-quiz-wrapper--explainer .oct-quiz-btn{width:180px;margin-top:20px}.oct-quiz-wrapper--explainer .oct-quiz-subheading{font-family:var(--font-body-family);font-size:16px;max-width:340px;margin-left:auto;margin-right:auto}html .oct-quiz-wrapper--explainer .oct-quiz-btn{text-transform:uppercase;font-weight:300;font-size:14px;letter-spacing:.05em;font-family:var(--font-body-family)}.oct-quiz-wrapper--explainer .oct-quiz-btn-wrapper{padding-top:0}.oct-quiz-wrapper--explainer .oct-quiz-bottom_content{padding-top:12px}.oct-quiz-wrapper--explainer .oct-quiz-bottom_content .oct-quiz-caption-text{font-size:14px;letter-spacing:.02em;font-family:var(--font-body-family)}@media only screen and (min-width: 768px){.oct-quiz-wrapper--collect-text,.oct-quiz-wrapper--multiple-choice{padding-top:140px;padding-bottom:140px}}.oct-quiz-wrapper--collect-text .oct-quiz-content .oct-quiz-title,.oct-quiz-wrapper--multiple-choice .oct-quiz-content .oct-quiz-title{max-width:none;text-align:center;margin-bottom:28px}.oct-quiz-wrapper--collect-text .oct-quiz-content .quiz-btn-wrapper{justify-content:center}.oct-quiz-wrapper--collect-text .oct-quiz-btn-wrapper button{min-height:0;padding-top:12px;padding-bottom:12px;font-weight:300;letter-spacing:.05em;min-width:140px;font-family:var(--font-body-family)}.oct-quiz-wrapper--multiple-choice .oct-quiz-btn{font-weight:300!important;font-family:var(--font-body-family)}.oct-quiz-wrapper--collect-text input,.oct-quiz-wrapper--email input{text-align:left;padding-left:0;text-transform:uppercase;max-width:360px;font-family:var(--font-body-family)}.octane-ai-quiz-rendered button[title=Back]{margin-left:0;text-transform:uppercase;font-size:20px;text-decoration:underline;opacity:.7;letter-spacing:.075em;margin-top:100px;font-weight:400!important;font-family:var(--font-body-family)}.oct-quiz-wrapper--collect-text button[title=Back]:hover,.oct-quiz-wrapper--multiple-choice button[title=Back]:hover,.oct-quiz-wrapper--email button[title=Back]:hover{box-shadow:none}.oct-quiz-wrapper--multiple-choice .oct-quiz-multiple-choice-wrapper .oct-quiz-multiple-choice-options{display:grid;margin:0 auto!important;gap:12px;margin-bottom:40px}.oct-quiz-wrapper--multiple-choice .oct-quiz-multiple-choice-wrapper .oct-quiz-multiple-choice-options .oct-quiz-multiple-choice-options__option{margin-top:0;letter-spacing:.075em;font-family:var(--font-body-family)}.oct-quiz-wrapper--multiple-choice .oct-quiz-multiple-choice-wrapper .oct-quiz-multiple-choice-options .oct-quiz-multiple-choice-options__option:hover{color:#fff;background-color:#842c5c!important;border:solid 1px #842c5c!important;box-shadow:0 0 #842c5c inset,0 0 #842c5c!important}@media only screen and (min-width: 768px) and (max-width: 1023px){.oct-quiz-wrapper--multiple-choice .oct-quiz-multiple-choice-wrapper .oct-quiz-multiple-choice-options{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width: 1024px){.oct-quiz-wrapper--multiple-choice .oct-quiz-multiple-choice-wrapper .oct-quiz-multiple-choice-options{grid-template-columns:repeat(3,1fr);max-width:none}}.oct-quiz-wrapper--multiple-choice .oct-quiz-subheading{margin-top:-24px;font-size:16px;color:#464345}.oct-quiz-wrapper--email .oct-quiz-btn{min-height:0;padding-top:12px;padding-bottom:12px;font-weight:300;letter-spacing:.05em;min-width:140px;font-family:var(--font-body-family)}.oct-quiz-wrapper--email .oct-quiz-btn--secondary-text{margin-top:0;letter-spacing:.075em;font-family:var(--font-body-family)}.oct-quiz-wrapper--email .oct-quiz-btn--secondary-text:hover{box-shadow:none}.oct-quiz-wrapper--result-page .oct-quiz-title{font-family:var(--font-heading-family);text-align:left;padding-top:8px;display:flex;align-items:flex-start}.oct-quiz-wrapper--result-page .oct-quiz-title:after{content:"";background-image:url(/cdn/shop/files/Night.png?v=1710348931);margin-left:8px;background-repeat:no-repeat;background-size:contain;height:25px;width:25px;order:1;position:relative;margin-top:3px}.oct-quiz-wrapper--result-page .oct-quiz-title:before{content:"";background-image:url(/cdn/shop/files/Day.png?v=1710348931);margin-left:20px;background-repeat:no-repeat;background-size:contain;height:35px;width:35px;position:relative;order:1;margin-top:-1px}.oct-quiz-wrapper--result-page .oct-quiz-subheading{text-align:left;font-size:16px;padding-bottom:12px;border-bottom:1px solid #000;margin-bottom:20px}.oct-quiz-wrapper--result-page .oct-quiz-products{max-width:none;flex-direction:row!important;flex-wrap:wrap}@media (max-width: 768px){.oct-quiz-wrapper--result-page .oct-quiz-products{justify-content:flex-start}.oct-quiz-wrapper--result-page .oct-quiz-products__item{width:50%!important}}.oct-quiz-wrapper--result-page .oct-quiz-products__item>div:first-child{display:flex;flex-direction:column;height:100%}.oct-quiz-result-item__copy-wrapper{display:flex;flex-direction:column;height:100%}.oct-quiz-wrapper--result-page .oct-quiz-products__item{padding-left:20px;padding-right:20px}.oct-quiz-result-item__pricing{margin-top:auto}.oct-quiz-wrapper--result-page .oct-quiz-products__item .oct-quiz-result-item__copy-wrapper .oct-quiz-result-item__title{font-size:18px;text-align:left;font-family:var(--font-body-family);padding-bottom:0;text-transform:uppercase;padding-top:12px}.oct-quiz-wrapper--result-page .oct-quiz-products__item .oct-quiz-result-item__copy-wrapper .oct-quiz-result-item__description{text-align:left}.oct-quiz-wrapper--result-page .oct-quiz-content{max-width:initial}.oct-quiz-wrapper--result-page .oct-quiz-result-actions-content div{margin-left:0;margin-right:0}.oct-quiz-wrapper--result-page button{letter-spacing:.05em;font-weight:200}.oct-quiz-result-actions-content button{background-color:#000;border-color:#000;font-family:var(--font-body-family)}.oct-quiz-btn-wrapper-buy-all button{padding-left:30px;padding-right:30px;min-width:300px;font-size:20px;text-transform:uppercase;font-family:var(--font-body-family)}@media (max-width: 767px){.oct-quiz-btn-wrapper-buy-all button{min-width:auto}}div[data-content-section=bottom_content] img{margin-top:80px}.quiz-hero{position:relative;display:none}.quiz-hero.active{display:block}.quiz-hero .image-desktop{display:none}.quiz-hero .image-desktop,.quiz-hero .image-mobile{width:100%;object-fit:cover;height:100%;aspect-ratio:1 / 1}.quiz-hero .content-container{position:absolute;top:0;left:0;padding:20px 30px}.quiz-hero .content-container .heading{color:#fff;font-family:var(--font-body-family)!important;font-weight:var(--font-heading-weight);font-size:38px}.quiz-hero .content-container .heading p{margin:0}.quiz-hero .content-container .copy{color:#fff;font-size:14px;line-height:1.4;letter-spacing:.1em;font-family:var(--font-body-family)}@media only screen and (max-width: 768px){.quiz-hero .content-container{width:100%}.quiz-hero .content-container .heading{font-size:26px}}@media only screen and (min-width: 1024px){.quiz-hero .image-desktop{display:block}.quiz-hero .image-mobile{display:none}.quiz-hero .content-container{width:50%;top:50%;transform:translateY(-50%)}.quiz-hero .content-container .copy{margin-top:24px}}@media screen and (min-width: 768px){.quiz-hero .content-container{padding:20px calc(1rem + 40px)}}.oct-quiz-multiple-choice-options__option{text-transform:uppercase}.oct-quiz-result-item__dropdown-mask select{text-transform:uppercase;text-align:center}.oct-quiz-result-item__dropdown-mask:after{content:"+";border:none;transform:translateY(-50%);margin:0}.oct-quiz-title{font-family:var(--font-body-family)!important;text-transform:uppercase}.oct-quiz-multiple-choice-options{display:flex!important;flex-wrap:wrap;justify-content:center}@media (min-width: 768px){.oct-quiz-multiple-choice-options li{width:calc(50% - 6px)!important}}@media (min-width: 1024px){.oct-quiz-multiple-choice-options li{width:calc(33.3333% - 8px)!important}}.quiz-articles{padding:20px 30px;margin:0 auto;display:none}.quiz-articles.active{display:block}.quiz-articles .copy-container{border-bottom:1px solid #000;padding-bottom:8px;margin-bottom:30px}.quiz-articles .copy-container .heading{font-size:18px;font-family:var(--font-body-family)!important;font-weight:var(--font-heading-weight);margin-bottom:12px;letter-spacing:1.5px!important}.quiz-articles .copy-container .caption{font-size:14px;margin-top:0;margin-bottom:0}.quiz-articles .articles-container{display:grid;grid-template-columns:repeat(1,1fr);gap:56px}.quiz-articles .articles-container .article{display:flex;flex-direction:column;justify-content:space-between}.quiz-articles .articles-container .article .article-image{aspect-ratio:1 / 1;object-fit:cover;width:100%;margin-bottom:26px;max-height:220px}.quiz-articles .articles-container .article .article-title{text-transform:uppercase;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);margin-top:0;margin-bottom:20px;font-size:14px}.quiz-articles .articles-container .article .article-copy{font-size:12px;letter-spacing:.1em;margin-top:0;margin-bottom:20px}.quiz-articles .articles-container .article .article-link{text-decoration:underline!important;text-transform:uppercase;font-size:12px;letter-spacing:.1em}@media only screen and (min-width: 640px){.quiz-articles .articles-container{gap:28px}}@media only screen and (min-width: 1024px){.quiz-articles{padding:56px 40px}}.oct-quiz-result-actions-wrapper{align-items:flex-start;width:100%;max-width:600px;margin:0 auto}.oct-quiz-result-actions-wrapper .oct-quiz-result-actions-content{margin-left:0!important}
/*# sourceMappingURL=/cdn/shop/t/502/assets/quiz-page.css.map */