/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/fast-sass-loader/lib/index.js??ruleSet[1].rules[2].use[3]!./react/skin-quiz/src/index.scss ***!
  \***************************************************************************************************************************************************************************************/:root{--base-font:"Poppins",sans-serif;--base-font-alt:"Fraunces",serif;--black:#000;--primary:#4ebdb4;--secondary:#fcdbd6;--teal:#4ebdb4;--teal60:#aee1dd}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--black);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.quiz-container{height:100%;overflow:none;width:100%}.quiz-container,.quiz-container .wizard{align-items:center;display:flex;flex-direction:column}.quiz-container .wizard{justify-content:center;width:100vw}.quiz-container .wizard.complete{display:none}.quiz-container .wizard .wizard-view{align-items:center;box-sizing:border-box;flex:5;justify-content:center;padding:0 16px;width:100%}.quiz-container .wizard .wizard-view h4{font:normal 600 12px/16.8px var(--base-font);letter-spacing:1px;margin-bottom:15px}@media (min-width:1024px){.quiz-container .wizard .wizard-view h4{font:normal 700 14px/24px var(--base-font);letter-spacing:.08em}}.quiz-container .wizard .wizard-view .progress-bar{background-color:var(--teal60);height:12px;margin:0 auto 38px;width:100%}.quiz-container .wizard .wizard-view .question-container{align-items:center;display:block;flex-direction:column;height:100%;justify-content:center;opacity:1;padding:0;transition:opacity 1s}.quiz-container .wizard .wizard-view .question-container p{color:var(--black);font:normal 400 16px/24px var(--base-font);margin:0 auto;text-align:center}.quiz-container .wizard .wizard-view .question-container p.subtext{font-size:14px;line-height:22.4px;margin:5px auto 40px}.quiz-container .wizard .wizard-view .question-container p.subtext img{bottom:3px;margin-right:5px;position:relative}.quiz-container .wizard .wizard-view .question-container p.subtext a{color:var(--primary);display:inline-block;margin-top:11px;text-decoration:underline}@media (min-width:1024px){.quiz-container .wizard .wizard-view .question-container p.subtext{font:normal 400 16px/24px var(--base-font)}.quiz-container .wizard .wizard-view .question-container p{font:normal 300 20px/32px var(--base-font)}}.quiz-container .wizard .wizard-view .question-container.hidden{height:0;opacity:0;overflow:hidden;padding:0}.quiz-container .wizard .wizard-view .question-container .answers{display:flex;flex-wrap:wrap;margin:40px auto;max-width:860px;width:100%}.quiz-container .wizard .wizard-view .question-container .answers .answer{align-items:center;background:rgba(154,166,217,.4);box-sizing:border-box;display:flex;flex-basis:100%;height:80px;margin:0 auto 16px;max-width:440px;padding:20px 50px;position:relative;width:100%}.quiz-container .wizard .wizard-view .question-container .answers .answer:last-child{margin-bottom:0}.quiz-container .wizard .wizard-view .question-container .answers .answer .value{color:var(--black);display:flex;font:normal 400 16px/24px var(--base-font);justify-content:center;text-align:center;width:100%}.quiz-container .wizard .wizard-view .question-container .answers .answer:hover{cursor:pointer}.quiz-container .wizard .wizard-view .question-container .answers .answer.selected{background:#9aa6d9}@media (min-width:1024px){.quiz-container .wizard .wizard-view .question-container .answers .answer{margin:0 auto 32px}}.quiz-container .wizard .wizard-view .question-container .email-input{margin:24px auto 0;max-width:440px;width:100%}@media (min-width:640px){.quiz-container .wizard .wizard-view .progress-bar,.quiz-container .wizard .wizard-view .question-container h4,.quiz-container .wizard .wizard-view .question-container p{max-width:658px}}.quiz-container .wizard .wizard-controls-container{box-sizing:border-box;margin-bottom:16px;padding:0 32px;width:100%}.quiz-container .wizard .wizard-controls{align-items:center;display:flex;flex:1;justify-content:center}.quiz-container .wizard .wizard-controls button{background-color:var(--black);border-radius:0;color:#fff;cursor:pointer;font:normal 700 12px/20px var(--base-font);height:50px;margin:0 9px;text-transform:uppercase;transition:opacity .5s;width:120px}.quiz-container .wizard .wizard-controls button:hover{opacity:.8}.quiz-container .wizard .wizard-controls button:disabled{opacity:.3;pointer-events:none}.quiz-container .wizard .wizard-controls button:disabled:hover{opacity:1}.quiz-container .wizard .wizard-controls button.back{background:none;color:var(--black)}.quiz-container .wizard .wizard-controls button.back img{margin-right:11px}.quiz-container .wizard .wizard-controls button.next img{margin-left:11px}.quiz-container .wizard .skinquiz-skip-link{background:none;border:0;color:var(--primary);cursor:pointer;font:normal 600 12px/20px var(--base-font);letter-spacing:.07em;margin:0 auto 30px;text-decoration:none;width:100%}.quiz-container .wizard .skinquiz-skip-link.hidden{display:none}.quiz-container .wizard .skinquiz-skip-link img{margin-left:5px}@media (min-width:768px){.quiz-container .wizard .wizard-view .question-container .answers .answer{flex-basis:48%}}@media (min-width:1024px){.quiz-container .wizard .wizard-view .question-container .answers{max-width:907px}.quiz-container .wizard .wizard-view .question-container .answers .answer{flex-basis:50%}.quiz-container .wizard .wizard-controls-container{max-width:429px;padding:0}.quiz-container .wizard .wizard-controls button{flex-basis:50%}.quiz-container .wizard .wizard-controls button:first-child{margin-left:0}.quiz-container .wizard .wizard-controls button:last-child{margin-right:0}}.quiz-container #skinquiz__email-input{border:1px solid #ababab;box-sizing:border-box;font:normal normal 16px var(--base-font);height:54px;margin-bottom:24px;padding:10px;text-align:center;width:100%}.quiz-container #skinquiz__email-input:focus{outline:1px solid var(--primary)}.quiz-container .checkbox-promotion-container{cursor:pointer;display:block;margin-bottom:24px;padding-left:33px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.quiz-container .checkbox-promotion-container .checkmark{background:#fff;border:1px solid #ababab;border-radius:0;cursor:pointer;display:inline-block;height:22px;left:0;margin:0 11px 0 0;position:absolute;top:0;vertical-align:middle;width:22px}.quiz-container .checkbox-promotion-container .checkmark:after{border:solid var(--black);border-width:0 3px 3px 0;box-sizing:border-box;color:var(--black);content:"";display:none;height:3px;position:absolute;right:2px;top:9px;-webkit-transform:rotate(-48deg);-ms-transform:rotate(-48deg);transform:rotate(-48deg);width:12px}.quiz-container .checkbox-promotion-container .checkbox-promotion-text{display:inline-block;font:normal normal 11px/17px var(--base-font);position:relative;top:-2px}@media (min-width:1024px){.quiz-container .checkbox-promotion-container .checkbox-promotion-text{font:normal 400 14px/20px var(--base-font)}}.quiz-container .checkbox-promotion-container input{cursor:pointer;display:none;height:0;opacity:0;position:absolute}.quiz-container .checkbox-promotion-container input:checked~.checkmark:after{display:block}.quiz-container .checkbox-promotion-container input:checked~.checkmark:before{-webkit-backface-visibility:hidden;background:var(--black);content:"";height:3px;outline:1px solid transparent;position:absolute;right:10px;top:12px;transform:rotate(48deg);width:9px}