#shopify-section-finder-quiz{height:100%;padding-bottom:8rem}.custom-quiz{max-width:2560px;margin:0 auto;height:100%}.custom-quiz .okeConnect.okeQuizzes .c-quiz{background:#f2eeea}.custom-quiz .okeConnect.okeQuizzes .c-quiz-viewingArea,.custom-quiz .okeConnect.okeQuizzes .c-quiz{border-radius:0;height:100%}.custom-quiz .okeConnect.okeQuizzes .c-quiz-viewingArea>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.custom-quiz .okeConnect.okeQuizzes .c-pageContent{width:100%;height:auto;min-height:90vh}.custom-quiz .okeConnect.okeQuizzes .c-header--logo+.c-pageContent{width:50%;background:#ad9987}.custom-quiz .okeConnect.okeQuizzes .c-header--logo{width:50%;padding:0;border:none}.custom-quiz .okeConnect.okeQuizzes .c-header--logo .c-header-image{width:100%;height:auto;object-fit:cover}@media (max-width: 680px){.custom-quiz .okeConnect.okeQuizzes .c-pageContent--start{min-height:60vh}}.custom-quiz .okeConnect.okeQuizzes .c-startPanel-title{font-size:0;font-style:normal;font-weight:500;font-family:Denton Condensed;line-height:53px;margin-bottom:0;color:#f2eeea}.custom-quiz .okeConnect.okeQuizzes .c-startPanel-title i{font-weight:500}.custom-quiz .okeConnect.okeQuizzes .c-startPanel-subtitle{font-size:16px;font-weight:300;line-height:2;color:#f2eeea}.custom-quiz .okeConnect.okeQuizzes .c-startPanel-subtitle p{line-height:normal;margin:0}.custom-quiz .okeConnect.okeQuizzes .c-startPanel-title:before{content:"Our ";font-weight:700;display:inline;font-size:40px;letter-spacing:.4px}.custom-quiz .okeConnect.okeQuizzes .c-startPanel-title:after{content:"Shade Finder";display:inline;font-style:italic;font-size:40px;letter-spacing:.4px}.custom-quiz div.okeConnect.okeQuizzes:has(.c-emailInput) .c-questions-header-title{font-style:normal;font-weight:500;font-family:Denton Condensed;line-height:37px;margin-bottom:0;padding-bottom:20px;font-size:0;margin-left:auto;margin-right:auto}.custom-quiz div.okeConnect.okeQuizzes:has(.c-emailInput) .c-questions-header-title:before{content:"What's your ";display:inline;font-size:32px;font-weight:700;letter-spacing:.4px}.custom-quiz div.okeConnect.okeQuizzes:has(.c-emailInput) .c-questions-header-title:after{content:"email address?";display:inline;font-style:italic;font-size:32px;letter-spacing:.4px}.custom-quiz div.okeConnect.okeQuizzes:has(.c-emailInput) .c-questions-header-subtitle{display:inline}.custom-quiz .okeConnect.okeQuizzes .c-resultBlock-title{font-style:normal;font-weight:500;font-family:Denton Condensed;line-height:37px;margin-bottom:0;font-size:0}.custom-quiz .okeConnect.okeQuizzes .c-resultBlock-title:before{content:"Your ";display:inline;font-size:32px;font-weight:700}.custom-quiz .okeConnect.okeQuizzes .c-resultBlock-title:after{content:"Perfect Product";display:inline;font-style:italic;font-size:32px}.custom-quiz .okeConnect.okeQuizzes .c-emailInput .c-input{background-color:#f1eee9}.custom-quiz .okeConnect.okeQuizzes .c-startPanel-subtitle p:not(:last-child){margin-bottom:1rem}.custom-quiz .okeConnect.okeQuizzes .c-startPanel-button{border-radius:2px;background:#303030;color:transparent;font-family:var(--font-body-family);font-size:var(--font-body-size);font-weight:500;position:relative;min-width:14.5rem;padding:.8rem}.custom-quiz .okeConnect.okeQuizzes .c-startPanel-button:after{content:"Start now";text-transform:uppercase;color:#fcfafa;position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.custom-quiz .okeConnect.okeQuizzes .c-tagInput-container--side-by-side,.custom-quiz .okeConnect.okeQuizzes .c-tagInput-container--stacked{row-gap:1rem;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.custom-quiz .okeConnect.okeQuizzes .c-tagInput-label{border-radius:2px;border:1px solid #303030;background-color:transparent;width:300px;font-weight:500;min-height:35px}.custom-quiz .okeConnect.okeQuizzes .c-tagInput-label:hover{background-color:#303030}.custom-quiz .okeConnect.okeQuizzes .c-tagInput-input:checked+.c-tagInput-label{background-color:#303030}@media screen and (min-width: 768px){.custom-quiz .okeConnect.okeQuizzes .c-questions-question{margin-top:4rem}.custom-quiz .okeConnect.okeQuizzes .c-questions--bottomMargin{margin-bottom:5rem}}.custom-quiz .okeConnect.okeQuizzes .c-questionsForm-next:after{color:#fcfafa;text-transform:uppercase;font-size:var(--font-body-size);font-style:normal;font-weight:500;line-height:normal;position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.custom-quiz .okeConnect.okeQuizzes .c-questions-header-title{color:#303030;font-family:var(--font-body-family);font-size:25px;font-style:normal;line-height:normal;font-weight:300;margin:0}.custom-quiz .okeConnect.okeQuizzes .c-questions-header-subtitle{display:none}.custom-quiz .okeConnect.okeQuizzes .okeConnect .c-input,.custom-quiz .okeConnect.okeQuizzes .okeConnect.okeQuizzes .c-input{background-color:transparent;height:35px;padding:8px 10px;font-size:var(--font-body-size);font-style:normal;font-weight:300;color:#303030;border-radius:2px;border-color:#303030}.custom-quiz .okeConnect .c-button{text-transform:uppercase}.custom-quiz .okeConnect.okeQuizzes .okeConnect .c-input::-webkit-input-placeholder,.custom-quiz .okeConnect.okeQuizzes .okeConnect.okeQuizzes .c-input::-webkit-input-placeholder{color:#303030}.custom-quiz .okeConnect.okeQuizzes .okeConnect .c-input::-moz-placeholder,.custom-quiz .okeConnect.okeQuizzes .okeConnect.okeQuizzes .c-input::-moz-placeholder{color:#303030}.custom-quiz .okeConnect.okeQuizzes .okeConnect .c-input:-ms-input-placeholder,.custom-quiz .okeConnect.okeQuizzes .okeConnect.okeQuizzes .c-input:-ms-input-placeholder{color:#303030}.custom-quiz .okeConnect.okeQuizzes .okeConnect .c-input::-ms-input-placeholder,.custom-quiz .okeConnect.okeQuizzes .okeConnect.okeQuizzes .c-input::-ms-input-placeholder{color:#303030}.custom-quiz .okeConnect.okeQuizzes .okeConnect .c-input::placeholder,.custom-quiz .okeConnect.okeQuizzes .okeConnect.okeQuizzes .c-input::placeholder{color:#303030}.custom-quiz .okeConnect.okeQuizzes .okeConnect.okeQuizzes .c-terms{margin-bottom:5rem}.custom-quiz .okeConnect.okeQuizzes .okeConnect.okeQuizzes .c-terms a{color:#303030;text-decoration:underline}.custom-quiz .okeConnect .c-recommendedProduct-name{font-size:32px;font-weight:500;line-height:38px;font-family:var(--font-heading-family);font-style:var(--font-heading-style);color:rgb(var(--color-foreground))}.custom-quiz .okeConnect .c-recommendedProduct-price{font-size:16px;font-weight:300}.custom-quiz .okeConnect .l-productRow-item[style]{width:auto!important}.custom-quiz .okeConnect .c-recommendedProduct-image,.custom-quiz .okeConnect .c-recommendedProduct-imagePlaceholder{height:300px;width:300px}.custom-quiz .okeConnect .c-resultLearnMore{width:100%;padding-top:5px}.custom-quiz .okeConnect .c-resultLearnMore a:hover{text-decoration:none}.custom-quiz .okeConnect .c-quiz .c-quiz-viewingArea div.c-pageContent div.c-resultPanel-footer button.c-resultButton-primary{min-width:300px}div[oke-toast] .c-toast--positive{background:#303030}@media all and (max-width: 680px){.custom-quiz .okeConnect.okeQuizzes .c-quiz-viewingArea>div{flex-direction:column-reverse}.custom-quiz .okeConnect.okeQuizzes .c-header--logo,.custom-quiz .okeConnect.okeQuizzes .c-header--logo+.c-pageContent{width:initial}}@media (max-width: 479px){.okeConnect .c-pageContent .c-questions-header{text-align:center;padding-bottom:2em}.c-questions-header-title.c-title{text-align:center;display:block;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/227/assets/section-quiz-okendo.css.map */