#shopify-section-finder-quiz{height:100%;padding-bottom:8rem}.custom-quiz{max-width:2560px;margin:0 auto;height:100%}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-quiz{background:#f2eeea}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-quiz-viewingArea,.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-quiz{border-radius:0;height:100%}.custom-quiz .okeConnect.okeQuizzes.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.okeQuizzes .c-pageContent{width:100%;height:auto;min-height:90vh}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-header--logo+.c-pageContent{width:50%;background:#ad9987}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-header--logo{width:50%;padding:0;border:none}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-header--logo .c-header-image{width:100%;height:auto;object-fit:cover}@media (max-width: 680px){.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-pageContent--start{min-height:60vh}}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-pageContent .c-startPanel{flex:0}.custom-quiz .okeConnect.okeQuizzes.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.okeQuizzes .c-startPanel-title i{font-weight:500}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-startPanel-subtitle{font-size:16px;font-weight:300;line-height:2;color:#f2eeea}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-startPanel-subtitle p{line-height:normal;margin:0}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-startPanel-title:before{content:"Our ";font-weight:700;display:inline;font-size:40px;letter-spacing:.4px}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-startPanel-title:after{content:"Shade Finder";display:inline;font-style:italic;font-size:40px;letter-spacing:.4px}.custom-quiz div.okeConnect.okeQuizzes.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.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.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.okeQuizzes:has(.c-emailInput) .c-questions-header-subtitle{display:inline}.custom-quiz .okeConnect.okeQuizzes.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.okeQuizzes .c-resultBlock-title:before{content:"Your ";display:inline;font-size:32px;font-weight:700}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-resultBlock-title:after{content:"Perfect Product";display:inline;font-style:italic;font-size:32px}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-emailInput .c-input{background-color:#f1eee9}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-startPanel-subtitle p:not(:last-child){margin-bottom:1rem}.custom-quiz .okeConnect.okeQuizzes.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.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.okeQuizzes .c-tagInput-container--side-by-side,.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-tagInput-container--stacked{row-gap:1rem;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.custom-quiz .okeConnect.okeQuizzes.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.okeQuizzes .c-tagInput-label:hover{background-color:#303030}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-tagInput-input:checked+.c-tagInput-label{background-color:#303030}@media screen and (min-width: 768px){.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-questions-question{margin-top:4rem}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-questions--bottomMargin{margin-bottom:5rem}}.custom-quiz .okeConnect.okeQuizzes.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.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.okeQuizzes .c-questions-header-subtitle{display:none}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .okeConnect .c-input,.custom-quiz .okeConnect.okeQuizzes.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.okeQuizzes .okeConnect .c-input::-webkit-input-placeholder,.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-input::-webkit-input-placeholder{color:#303030}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .okeConnect .c-input::-moz-placeholder,.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-input::-moz-placeholder{color:#303030}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .okeConnect .c-input:-ms-input-placeholder,.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-input:-ms-input-placeholder{color:#303030}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .okeConnect .c-input::-ms-input-placeholder,.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-input::-ms-input-placeholder{color:#303030}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .okeConnect .c-input::placeholder,.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-input::placeholder{color:#303030}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-terms{margin-bottom:5rem}.custom-quiz .okeConnect.okeQuizzes.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.okeQuizzes .c-quiz-viewingArea>div{flex-direction:column-reverse}.custom-quiz .okeConnect.okeQuizzes.okeQuizzes .c-header--logo,.custom-quiz .okeConnect.okeQuizzes.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%}}.custom-quiz .okeConnect.okeQuizzes .c-quiz-viewingArea .l-headerAlignedContent--left,.okeConnect .c-header-image{width:100%!important}.custom-quiz .okeConnect.okeQuizzes .c-startPanel-subtitle,.custom-quiz .c-pageContent.c-pageContent--result.c-resultPanel{max-width:500px;margin:auto}.custom-quiz .okeConnect.okeQuizzes .c-startPanel-subtitle{font-size:0!important}.custom-quiz .okeConnect.okeQuizzes .c-startPanel-subtitle:after{display:inline-block;font-size:16px;white-space:pre-wrap;content:"Not sure which self tan is right for you?\a\aWe've tailored this short questionnaire to help personalise your self tanning experience.\a\aLet us help you find your perfect match in under 60 seconds.";line-height:20px;margin-bottom:20px}.custom-quiz .okeConnect.okeQuizzes .c-questions-header-title{margin:0 auto;justify-content:center}.custom-quiz .okeConnect.okeQuizzes .c-questions-header-title:before{display:block;font-family:Denton Condensed;font-size:40px;letter-spacing:.4px;margin-bottom:25px}.custom-quiz .okeConnect.okeQuizzes #title-a42ca926-fe6b-4dbc-ac4c-d49fb7f58f8e:before{content:"Question One"}.custom-quiz .okeConnect.okeQuizzes #title-8759c783-d536-43b0-8fd1-bfa945024e86:before{content:"Question Two"}.custom-quiz .okeConnect.okeQuizzes #title-e72f145e-6aef-4a3a-a1da-5a9045979d53:before{content:"Question Three"}.custom-quiz .okeConnect.okeQuizzes #title-90227c60-7070-4fa1-bd50-5374ed47f5db:before{content:"Question Four"}.custom-quiz .okeConnect.okeQuizzes #title-3ccf11e7-fbba-435e-a445-0f17e8b7a9d1:before{content:"Question Five"}.custom-quiz .okeConnect.okeQuizzes #title-737ad203-269e-440f-ac4e-3429a8c76e8e:before{content:"Question Six"}.custom-quiz .okeConnect.okeQuizzes #title-37149e67-bf29-4c74-a323-ca38f4a5bc57:before{content:"Question Seven"}.custom-quiz .okeConnect.okeQuizzes .c-tagInput-input+label:after{margin:auto;font-weight:300;line-height:1.6}.custom-quiz .okeConnect.okeQuizzes #singleTag-e72f145e-6aef-4a3a-a1da-5a9045979d53-0+label:after{content:"I've never used self tan before"}.custom-quiz .okeConnect.okeQuizzes #singleTag-e72f145e-6aef-4a3a-a1da-5a9045979d53-1+label:after{content:"I've used it a couple of times"}.custom-quiz .okeConnect.okeQuizzes #singleTag-e72f145e-6aef-4a3a-a1da-5a9045979d53-2+label:after{content:"I'm an avid tanner"}.custom-quiz .okeConnect.okeQuizzes #singleTag-3ccf11e7-fbba-435e-a445-0f17e8b7a9d1-0+label:after{content:"Wash off and Temporary"}.custom-quiz .okeConnect.okeQuizzes #singleTag-3ccf11e7-fbba-435e-a445-0f17e8b7a9d1-1+label:after{content:"Gradual and Customisable"}.custom-quiz .okeConnect.okeQuizzes #singleTag-3ccf11e7-fbba-435e-a445-0f17e8b7a9d1-2+label:after{content:"Water-resistant and lasts all week"}.custom-quiz .okeConnect.okeQuizzes #singleTag-737ad203-269e-440f-ac4e-3429a8c76e8e-0+label:after{content:"Darkest results"}.custom-quiz .okeConnect.okeQuizzes #singleTag-737ad203-269e-440f-ac4e-3429a8c76e8e-1+label:after{content:"Natural results"}.custom-quiz .okeConnect.okeQuizzes #singleTag-737ad203-269e-440f-ac4e-3429a8c76e8e-2+label:after{content:"Subtle results"}.custom-quiz [oke-quiz] .okeConnect.okeQuizzes.quiz.embed .c-pageContent.c-pageContent--start{background:#ad9987;height:100%}.custom-quiz [oke-quiz] .okeConnect.okeQuizzes.quiz.embed .c-header--logo{width:100%}.custom-quiz [oke-quiz] .okeConnect.okeQuizzes.quiz.embed .c-header--logo .c-header-image{width:100%;object-fit:cover}@media all and (min-width: 769px){.custom-quiz .okeConnect.okeQuizzes .l-headerAlignedContent--stacked{flex-direction:row}.custom-quiz .okeConnect.okeQuizzes .l-headerAlignedContent>div{flex-grow:1;flex-basis:0}.custom-quiz .okeConnect.okeQuizzes .c-header-image{height:100%!important}}
/*# sourceMappingURL=/cdn/shop/t/611/assets/section-quiz-okendo.css.map */