.section{background:#f6f1ed;height:100%}main#MainContent{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.shopify-section.section{height:100%}.section .page-width{background:#f6f1ed;overflow-x:hidden;max-width:max-content}.question-0 .swiper-wrapper{transform:none!important;left:-10px}.main-page-title{display:none}.oct-quiz-wrapper{overflow-anchor:none}.oct-quiz-wrapper .oct-quiz-title{font-size:24px;font-weight:500;color:#201c1c;text-align:center;margin:23px 0 18px}.oct-quiz-wrapper.question-0{min-height:auto!important}@media screen and (min-width: 768px){.oct-quiz-wrapper.question-0{padding-top:100px}}.octane-ai-quiz-rendered{min-height:max-content!important}#octane-quiz-outer-wrapper{padding:0 0 50px;background:#f6f1ed;min-height:auto!important}.oct-quiz-wrapper:not(.question-0) .oct-quiz-content .oct-quiz-picture-choice-wrapper{margin:0 auto!important}.oct-quiz-wrapper.question-1 .oct-quiz-picture-choice-options,.oct-quiz-wrapper.question-2 .oct-quiz-picture-choice-options{margin:0!important;grid-template-columns:repeat(2,calc(50% - 5px))!important;grid-gap:10px}.oct-quiz-wrapper.question-1 .oct-quiz-picture-choice-options{max-width:820px}.oct-quiz-wrapper.question-1 .oct-quiz-picture-choice-options li,.oct-quiz-wrapper.question-2 .oct-quiz-picture-choice-options li{margin:0!important;padding:10px!important;border-radius:5px;grid-column:span 1!important}.oct-quiz-wrapper.question-1 .oct-quiz-picture-choice-options li>div:first-child,.oct-quiz-wrapper.question-2 .oct-quiz-picture-choice-options li>div:first-child{border-radius:0;position:relative;z-index:1}.oct-quiz-wrapper.question-1 .oct-quiz-picture-choice-options li>div:last-child,.oct-quiz-wrapper.question-2 .oct-quiz-picture-choice-options li>div:last-child{padding:10px;border-radius:5px;border:1px solid #201C1C;background:#f6f1ed!important}.oct-quiz-wrapper.question-1 .oct-quiz-picture-choice-options li:nth-child(n+3),.oct-quiz-wrapper.question-2 .oct-quiz-picture-choice-options li:nth-child(n+3){margin-top:0!important}.oct-quiz-wrapper .oct-quiz-subheading{font-family:Albert Sans,serif;font-weight:400;font-size:16px;line-height:140%;letter-spacing:0;padding-top:0;text-align:center}.oct-quiz-wrapper.question-0 .oct-quiz-content .oct-quiz-picture-choice-wrapper{width:calc(100vw - 30px)!important;max-width:2450px!important;left:50%;position:relative;padding:0;transform:translate(-50vw);margin:0 -15px 0 15px;overflow-x:scroll}.oct-quiz-wrapper.question-0 .oct-quiz-picture-choice-wrapper ul.oct-quiz-picture-choice-options{margin:23px 0 10px!important;display:flex!important;padding:0!important}.oct-quiz-wrapper.question-0 .oct-quiz-picture-choice-options .oct-quiz-picture-choice-options__option{flex:0 0 85%;padding:8px 16px!important;display:flex;flex-direction:column;justify-content:space-evenly}.oct-quiz-wrapper.question-0 .oct-quiz-picture-choice-options .oct-quiz-picture-choice-options__option div{opacity:1}.oct-quiz-wrapper.question-0 .oct-quiz-picture-choice-options .oct-quiz-picture-choice-options__option:nth-child(n+2){margin-top:0!important}.oct-quiz-wrapper.question-0 .oct-quiz-picture-choice-options .oct-quiz-picture-choice-options__option:nth-child(n+4){margin-top:0!important}.oct-quiz-wrapper.question-0 .oct-quiz-picture-choice-options li.oct-quiz-picture-choice-options__option div[role=img]{transition:scale .3s ease-in-out}.oct-quiz-wrapper.question-0 .oct-quiz-picture-choice-options li.oct-quiz-picture-choice-options__option:hover{border-width:4px;transform:none;cursor:pointer}.oct-quiz-wrapper.question-0 .oct-quiz-picture-choice-options li.oct-quiz-picture-choice-options__option>div:last-child{border:1px solid #000000;box-shadow:none;transition:all .3s ease-in-out}.oct-quiz-wrapper.question-0 .oct-quiz-picture-choice-options li.oct-quiz-picture-choice-options__option:hover>div:last-child,.oct-quiz-wrapper.question-0 .oct-quiz-picture-choice-options li.oct-quiz-picture-choice-options__option[data-is-option-selected=selected]>div:last-child{border:4px solid #000000;box-shadow:none}.oct-quiz-wrapper.question-0 .oct-quiz-picture-choice-options li.oct-quiz-picture-choice-options__option:hover div[role=img]{scale:1.05}.oct-quiz-wrapper.question-0 .oct-quiz-picture-choice-options__option div[role=img]{padding:25% 0 0}.oct-quiz-wrapper.question-0 .oct-quiz-content .oct-quiz-picture-choice-wrapper::-webkit-scrollbar{height:3px}.oct-quiz-wrapper.question-0 .oct-quiz-content .oct-quiz-picture-choice-wrapper::-webkit-scrollbar-thumb{background:#000}.oct-quiz-wrapper.question-0 .oct-quiz-picture-choice-wrapper::-webkit-scrollbar-thumb{background:#000;height:2px;margin:10px}.oct-quiz-wrapper.question-0 .oct-quiz-content .oct-quiz-picture-choice-wrapper::-webkit-scrollbar-track{background:#e6e6e6!important;margin:1rem}.oct-quiz-wrapper.question-0 .oct-quiz-content .oct-quiz-picture-choice-wrapper::-webkit-scrollbar-track{background:#dcdbdb;margin:10px}.oct-quiz-wrapper.question-0 .oct-img-wrapper{opacity:1;overflow:hidden;margin-bottom:8px}.oct-quiz-wrapper.question-0 .oct-img-wrapper+div{font-family:Albert Sans,sans-serif;font-weight:500;font-size:16px;line-height:100%;letter-spacing:.14em;text-align:center;text-transform:uppercase}.oct-shade-swiper{margin:20px auto 30px;width:300px}.oct-shade-swiper .swiper-slide{display:flex;align-items:stretch}.oct-swatch{aspect-ratio:1 / 1;width:100%;padding-left:.5rem;padding-right:.5rem;font-weight:700;text-transform:uppercase;font-size:.625rem;border:1px solid transparent;box-shadow:none;transform:scale(1);z-index:1;transition:transform .3s,box-shadow .3s,border-color .15s;box-sizing:border-box;cursor:pointer}.oct-swatch:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.oct-swatch__label{font:700 9px/1.1 Albert Sans,system-ui,Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px;pointer-events:none}.oct-swatch.is-active{border-color:#111;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:scale(1.05);z-index:10;border-radius:5px}.oct-swatch--right{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.oct-swatch--left{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.oct-swatch[data-index="0"]{background:#f6e9da}.oct-swatch[data-index="1"]{background:#f0dfcf}.oct-swatch[data-index="2"]{background:#e6d0be}.oct-swatch[data-index="3"]{background:#d8bba4}.oct-swatch[data-index="4"]{background:#bf9a7b}.oct-swatch[data-index="5"]{background:#a27457}.oct-swatch[data-index="4"],.oct-swatch[data-index="5"]{color:#fff9f3}.oct-quiz-wrapper .swiper,.oct-quiz-wrapper .swiper-container{overflow:visible}.oct-quiz-wrapper .swiper-backface-hidden .swiper-slide{transform:none;margin-right:0!important}.oct-shade-swiper .swiper-button-next,.oct-shade-swiper .swiper-button-prev{position:absolute;top:50%;transform:translateY(-50%);display:block;--size: 28px;width:var(--size);height:var(--size);border:none;color:#111;margin-top:0}.oct-shade-swiper .swiper-button-next:hover,.oct-shade-swiper .swiper-button-prev:hover{color:#d33167}.oct-shade-swiper .swiper-button-prev{left:-45px}.oct-shade-swiper .swiper-button-next{right:-45px}.oct-quiz-wrapper .oct-shade-swiper .swiper-button-next:after,.oct-quiz-wrapper .oct-shade-swiper .swiper-button-prev:after{font-size:14px;font-weight:700}.oct-quiz-wrapper .oct-shade-swiper .swiper-button-disabled{opacity:.4;cursor:default}.oct-quiz-btn.oct-quiz-btn--primary{display:block;margin:0 auto;width:100%;min-height:51px;border-radius:0;padding:.75rem;background-color:#201c1c;color:#fff;border:1px solid #201C1C;cursor:pointer;font-family:Albert Sans,serif;font-weight:500;font-size:16px;line-height:100%;letter-spacing:.14em;text-transform:uppercase;transition:background-color .3s ease-in-out}.oct-quiz-btn.oct-quiz-btn--primary[title=back]{display:none}.oct-quiz-btn.oct-quiz-btn--primary:hover{transform:none;background-color:#fff;color:#201c1c}.oct-quiz-btn.oct-quiz-btn--primary:disabled{opacity:.5;cursor:default}.oct-quiz-wrapper.question-1 .oct-quiz-picture-choice-options li:nth-last-child(2):nth-child(odd),.oct-quiz-wrapper.question-2 .oct-quiz-picture-choice-options li:nth-last-child(2):nth-child(odd),.oct-quiz-wrapper.question-3 .oct-quiz-picture-choice-options li:nth-last-child(2):nth-child(odd){grid-column-end:auto!important}.oct-quiz-wrapper.question-2 .oct-quiz-picture-choice-options__option{position:relative}.oct-quiz-wrapper.question-2 .oct-q2-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-family:Albert Sans,serif;font-weight:500;font-size:16px;line-height:100%;letter-spacing:.14em;color:#201c1c;pointer-events:none;-webkit-user-select:none;user-select:none;padding:6px 10px;border-radius:6px;text-transform:uppercase;z-index:1}.oct-answer-panel{margin:23px 0 0;color:#201c1c;text-align:left}.oct-answer-title{font-family:Albert Sans,serif;font-weight:500;font-size:22px;line-height:120%;color:#201c1c;letter-spacing:0;margin:23px 0 10px;text-align:left}.oct-answer-panel ul{margin:0;padding:0 0 0 20px}.oct-answer-panel li{margin:4px 0;text-align:left;font-family:Albert Sans,serif;font-weight:400;font-size:16px;line-height:140%}.oct-quiz-wrapper--picture-choice.question-3 .oct-quiz-picture-choice-options{grid-gap:20px;grid-template-columns:repeat(4,calc(50% - 10px))!important;width:100%;margin:0 auto!important;max-width:520px}.oct-quiz-wrapper--picture-choice.question-3 .oct-quiz-picture-choice-options li.oct-quiz-picture-choice-options__option{margin:0!important;grid-column:span 1!important;padding:10px!important}.oct-quiz-wrapper--picture-choice.question-3 .oct-quiz-picture-choice-options li.oct-quiz-picture-choice-options__option div:last-child{opacity:1}.oct-quiz-wrapper--picture-choice.question-3 .oct-quiz-picture-choice-options li.oct-quiz-picture-choice-options__option [role=img]{margin-bottom:18px;opacity:1}.oct-quiz-wrapper--picture-choice.question-3 .oct-quiz-picture-choice-options li.oct-quiz-picture-choice-options__option [role=img]+div{font-weight:400;font-size:14px;line-height:140%;letter-spacing:0;text-align:center;opacity:1}@media (max-width: 600px){.oct-shade-swiper{width:300px}.oct-swatch__label{font-size:9px}}@media screen and (min-width: 768px){.oct-quiz-wrapper.question-0 .oct-quiz-picture-choice-options .oct-quiz-picture-choice-options__option{flex:0 0 400px}.oct-quiz-btn.oct-quiz-btn--primary{max-width:300px}.oct-quiz-wrapper.question-1 .oct-quiz-picture-choice-options{grid-template-columns:repeat(auto-fit,260px)!important;grid-auto-rows:260px!important;gap:20px;justify-content:center;max-width:820px}.oct-quiz-wrapper.question-2 .oct-quiz-picture-choice-wrapper{max-width:820px!important;margin:0 auto;display:flex!important;gap:37px;align-items:center}.oct-quiz-wrapper.question-2 .oct-quiz-picture-choice-options{grid-template-columns:repeat(auto-fit,220px)!important;grid-auto-rows:220px!important;max-width:460px;grid-gap:20px}.oct-quiz-wrapper .oct-quiz-title{font-size:38px}.oct-quiz-wrapper.question-3 .oct-quiz-picture-choice-wrapper{max-width:520px!important}.oct-quiz-wrapper--picture-choice.question-3 .oct-quiz-picture-choice-options li.oct-quiz-picture-choice-options__option [role=img]+div{font-size:16px}.oct-quiz-wrapper .oct-quiz-picture-choice-wrapper .oct-quiz-picture-choice-options{padding-top:37px!important}}@media screen and (min-width: 1024px){.oct-quiz-wrapper.question-1 .oct-quiz-picture-choice-options{grid-template-columns:repeat(3,260px)!important}}@media screen and (min-width: 1440px){.oct-quiz-wrapper.question-0 .oct-quiz-picture-choice-wrapper ul.oct-quiz-picture-choice-options{margin-top:37px!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/custom-quiz.css.map */