.quiz-loader{border:5px solid #000;border-top:5px solid #fff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.loading-active{display:block!important}.quiz-loading-progress-bar{background:#e6e6e6;height:2px}.quiz-loading-progress{height:100%;width:0;background:#000;transition:width .1s}.loading-active .quiz-loading-progress{animation:loading 2s linear}.quiz-progress-nav-item[disabled]{pointer-events:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{width:10%}50%{width:50%}70%{width:70%}to{width:98%}}.quiz-start{background-image:url(/cdn/shop/files/hair_quiz.png?v=1739421704);min-height:calc(100vh - 115px);position:relative;background-size:cover}.quiz-start-wrappr{text-align:center;background:#fff;margin:0;padding:40px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;width:100%;max-width:666px}.quiz-start-loader{min-height:calc(100vh - 115px)}.quiz-start h2.rich-text__heading{font-size:41px;letter-spacing:1px;margin-bottom:0;font-family:adineuePRO-Bold}.quiz-dec{font-size:16px;line-height:24px;margin-bottom:30px}.quiz-wrapper .quiz-start-btn{min-width:135px;width:fit-content;font-size:19px;background-color:#000;color:#fff;line-height:44px;cursor:pointer;transition:.5s all ease;min-height:45px;margin:auto;letter-spacing:normal}.quiz-wrapper .quiz-start-btn:hover{background:#303030}.quiz-loader{position:absolute;left:48%;top:50%;transform:translate(-50%,-50%)}.quiz-start-wrapper{flex-direction:column;text-align:center;margin:20px 20px 0}ul.quiz-progress-nav{display:table;width:100%;height:100%;position:absolute;top:0;list-style:none;margin:0;padding:0}li.quiz-progress-nav-item.quiz-nav-item{display:table-cell;cursor:pointer;height:20px;opacity:.0001;background:#fff}.quiz-progress{margin:0 auto 50px;width:315px;height:20px;position:relative}.quiz-progress svg.quiz-progress-track{width:315px}.quiz-email-form-heading{font-size:28px;margin-bottom:18px;padding-top:0;font-family:adineuePRO-Bold;line-height:normal;font-weight:700;letter-spacing:1px}.quiz-email-form-fields input.quiz-email{width:100%;max-width:415px;text-align:left;font-size:16px;padding:10px 15px;margin-bottom:20px;color:#000}.quiz-btn .quiz-email-next-btn{min-width:135px;width:auto;padding:0;font-size:19px;background-color:#000;color:#fff;line-height:44px;cursor:pointer;transition:.5s all ease;text-transform:uppercase;border:1px solid #000;min-height:45px}span.label-content-text{font-size:16px;font-weight:400;text-transform:initial;color:#000}.email-form-field input#sign-up{width:15px;height:16px;accent-color:#000}.email-form-field label.label{cursor:pointer}.quiz-btn{margin-top:50px;margin-bottom:50px}.quiz-questions{text-align:center}h2.rich-text__heading{font-size:28px;border-bottom:none;font-family:adineuePRO-Bold;letter-spacing:1px;padding:0 20px;line-height:normal}.quiz-opts{display:flex;justify-content:center;max-width:80%;margin:50px auto;gap:50px;flex-wrap:wrap}.quiz-opt{position:relative;width:15%}.quiz-opt input{position:absolute;left:0}.quiz-opt input{position:absolute;left:0;opacity:0}.quiz-opt label.hasImage .opt-image:hover{box-shadow:#000 0 0 0 3px;border:1px solid #000}.quiz-opt input:checked+label .opt-image{box-shadow:#000 0 0 0 3px;border:1px solid #000}.quiz-opt label.hasImage .opt-image{aspect-ratio:1 / 1;border-radius:50%;background:#fff;border:1px solid #f2f2f2;object-fit:cover;cursor:pointer}.quiz-opt label{cursor:pointer}.quiz-opt-select{display:block}button.quiz-prev-btn{min-width:135px;width:auto;font-size:19px;border:1px solid #000;color:#000;line-height:45px;cursor:pointer;transition:.5s all ease;text-transform:uppercase}button.quiz-next-btn{min-width:135px;width:auto;font-size:19px;background-color:#000;color:#fff;line-height:45px;cursor:pointer;transition:.5s all ease;text-transform:uppercase;border:1px solid #000;margin-left:10px;min-height:45px}.quiz-opt span.quiz-opt-select{line-height:normal;margin-bottom:20px;text-transform:inherit;letter-spacing:0;color:#000}.opt-image{position:relative}.check-icon{display:none}.check-icon svg{width:30px;animation:quiz-mark .5s normal forwards ease-in-out;background-color:#fff;border-radius:50%}@keyframes quiz-mark{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.check-icon{position:absolute;top:0;right:20px}.quiz-opt input:checked+label .check-icon{display:block}.quiz-progress.step-1 svg g.quiz-progress-mark{transform:translate(58px) translateY(1px)}.quiz-progress.step-2 svg g.quiz-progress-mark{transform:translate(118px) translateY(1px)}.quiz-opt input:checked+label:not(.hasImage){border-bottom:5px solid #000}.quiz-opt input:checked+label:not(.hasImage) .check-icon-noimage{display:block!important}.quiz-opt label:not(.hasImage){position:relative}.check-icon-noimage svg{width:30px;animation:quiz-mark .5s normal forwards ease-in-out;background-color:#fff;border-radius:50%}.check-icon-noimage{position:absolute;bottom:-14px;right:0;height:27px}.quiz-progress.step-3 svg g.quiz-progress-mark{transform:translate(181px) translateY(1px)}.quiz-progress.step-4 svg g.quiz-progress-mark{transform:translate(241px) translateY(1px)}.quiz-progress.step-5 svg g.quiz-progress-mark{transform:translate(298px) translateY(-1px)}.quiz-progress.step-6 svg g.quiz-progress-mark{transform:translate(298px) translateY(-1px)}.quiz-opt label:not(.hasImage){border-bottom:5px solid #eee;display:flex;text-align:center;justify-content:center;height:100%}.quiz-opt label:not(.hasImage):hover{border-bottom:5px solid #000}.quiz-opt label:not(.hasImage) span.button{padding:0}button.quiz-final-btn{min-width:135px;width:auto;font-size:19px;background-color:#000;color:#fff;line-height:45px;cursor:pointer;transition:.5s all ease;text-transform:uppercase;border:1px solid #000;margin-left:10px;min-height:45px}.quiz-btn{display:flex;justify-content:center;gap:10px}.quiz-end-loading{background-image:url(/cdn/shop/files/hair_quiz.png?v=1739421704);min-height:calc(100vh - 95px);position:relative;background-size:cover;margin-left:-40px;margin-right:-40px;margin-top:-50px}.quiz-end-wrappr{text-align:center;background:#fff;padding:40px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;width:100%;max-width:666px}.fallback-result,.quiz-result{padding-top:40px}.rich-text__description,.quiz-answer-description{max-width:900px;margin:0 auto 40px;line-height:normal;padding:0 45px}.quiz-products{display:flex;justify-content:center;gap:40px}.quiz-product{width:100%;display:flex}.quiz-prod-info{padding:15px 15px 80px}.quiz-product{position:relative}.quiz-prod-atc button{background-color:#000;color:#fff;font-size:20px;text-transform:uppercase;width:100%;margin-top:15px;min-height:45px;line-height:46px}.quiz-products{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;max-width:1000px;margin:auto auto 50px}.quiz-product-img img{width:100%}.quiz-prod-title{line-height:normal}.quiz-prod-atc button{transition:.5s all ease}.quiz-prod-atc button:hover{background-color:#303030}.quiz-prod-variant select{border:1px solid #000;outline:none!important;padding:5px 3px 4px 0;margin-top:10px;box-shadow:none!important;font-size:16px;color:#000}select{cursor:pointer}button[disabled]{pointer-events:none;opacity:.3}.redo-quiz{text-align:right;width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-gutter);padding-right:var(--container-gutter)}.redo-quiz a{padding:0 10px;border:1px solid #000;border-radius:3px;text-transform:uppercase;color:#000;transition:.3s allease;min-height:35px;display:block;width:fit-content;margin:0 0 0 auto;line-height:35px}.redo-quiz a:hover{background-color:#000;color:#fff}.quiz-start-wrapper{min-height:calc(100vh - 115px)}button.quiz-email-next-btn:hover{background:#303030}.quiz-start-wrapper:has([style="display: none;"]){min-height:auto}@media only screen and (max-width: 1620px){body .redo-quiz{padding-left:20px;padding-right:20px}}@media only screen and (min-width: 1300px){body .quiz-opts{max-width:1200px}}@media only screen and (max-width: 1200px){.quiz-start h2.rich-text__heading{font-size:28px}.quiz-email-form-heading{font-size:25px}.check-icon{position:absolute;top:0;right:0}body .quiz-products{gap:20px}body h2.rich-text__heading{font-size:25px}[data-step="2"] .quiz-opts{gap:30px}}@media only screen and (max-width: 1100px){body .quiz-opt label.hasImage img{width:calc(100% - 40px)}}@media only screen and (max-width: 800px){.check-icon{position:absolute;top:0;right:0}body .quiz-product-img{width:100%}body .quiz-prod-info{width:100%;padding:30px 0 0}.check-icon svg,.check-icon-noimage svg{width:25px;position:relative;right:-2px}.check-icon svg{right:5px;top:5px}.hasImage .check-icon-noimage svg{top:5px;right:5px}body .check-icon-noimage{bottom:-18px}body .quiz-opts{gap:25px;max-width:82%}body button.quiz-prev-btn,body button.quiz-next-btn,body button.quiz-final-btn{font-size:15px}body .quiz-opt{position:relative;width:22%}body .quiz-product{display:block}body .quiz-opt span.quiz-opt-select{font-size:14px}html body .quiz-opt label.hasImage img{width:calc(100% - 50px)}[data-step="2"] .quiz-opts .quiz-opt{width:16%}[data-step="2"] .quiz-opts{gap:20px}[data-step="5"] .quiz-opts{max-width:90%}html body .redo-quiz{padding-left:0;padding-right:0}}@media only screen and (max-width: 760px){body .quiz-email-form-heading{font-size:22px}body .quiz-end-wrappr h2.rich-text__heading.h1{font-size:28px}body .quiz-start h2.rich-text__heading{font-size:28px;padding:0}body .quiz-opt{width:20%}body .quiz-opts{gap:25px;max-width:100%;padding-left:20px;padding-right:20px}body .quiz-start-wrappr{width:100%;max-width:90%;margin:0;padding:25px 20px}html body .quiz-product{width:100%}body .quiz-end-wrappr{width:calc(100% - 70px);max-width:90%;margin:0;padding:40px 20px}body .quiz-prod-title{min-height:auto;font-size:22px}.check-icon svg,.check-icon-noimage svg{top:-3px}body h2.rich-text__heading{font-size:22px}body .quiz-btn .quiz-email-next-btn{font-size:15px}body .rich-text__description,.quiz-answer-description{padding:0}[data-step="1"] .quiz-opt{width:calc(50% - 20px)}[data-step="1"] .quiz-opts{max-width:350px}body [data-step="2"] .quiz-opts{gap:15px}[data-step="4"] .quiz-opts{gap:15px;row-gap:25px}[data-step="4"] .quiz-opt{width:30%}[data-step="5"] .quiz-opt{width:46%}[data-step="5"] .quiz-opts{gap:15px;row-gap:25px}}@media only screen and (max-width: 740px){html body .redo-quiz{padding-left:0;padding-right:0}}@media only screen and (max-width: 500px){html body .quiz-opt{width:calc(33.33% - 20px)}body .quiz-loader{left:44%}html body .quiz-opt label.hasImage img{width:60%}.quiz-email-form span.label-content-text{font-size:14px}body label.quiz-swatch__item{padding:11px 7px 13px}}.quiz-questions{min-height:calc(100vh - 200px)}.quiz-question-section{overflow:hidden}.quiz-wrapper.page-width.quiz-questions,.quiz-email-form{position:relative}button.quiz-email-next-btn,button.quiz-prev-btn,button.quiz-next-btn,button.quiz-final-btn{font-family:var(--text-font-family);font-weight:500}.quiz-progress ul.quiz-progress-nav{top:-3px;display:flex;justify-content:space-between}.quiz-progress li.quiz-progress-nav-item.quiz-nav-item{display:block;opacity:1;background:#fff;border:1px solid #000;width:25px;height:25px;border-radius:50px;position:relative}.quiz-progress li.quiz-progress-nav-item:after{content:"";width:60px;height:1px;background:#000;display:block;position:relative;top:11px;z-index:-1}.quiz-progress .quiz-progress-nav li.quiz-progress-nav-item:last-child:after{display:none}.quiz-progress li.quiz-progress-nav-item.quiz-nav-active:before{content:"";width:17px;height:17px;background-color:#000;position:absolute;border-radius:50px;top:0;left:0;right:0;margin:auto;bottom:0}.quiz-progress svg.quiz-progress-track{display:none}.quiz-opt label.hasImage .opt-image{display:flex;align-items:center;justify-content:center}.quiz-opt label.hasImage img{aspect-ratio:1 / 1;width:calc(100% - 60px);object-fit:cover}.quiz-end h2.rich-text__heading{padding:0}.quiz-dec:empty{display:none}.quiz-wrapper .quiz-start-btn{margin-top:22px}body .quiz-products{display:block}.quiz-progress{pointer-events:none!important}[data-step="2"] label{display:block!important}[data-step="2"] label span.button{margin-bottom:0}[data-step="2"] label span.quiz-opt-select-tool{margin-bottom:10px!important;display:block;font-size:12px}.quiz-prod-info{text-align:left}.quiz-prod-description ul{padding-left:16px;font-size:14px}.quiz-prod-atc button{text-align:center}label.quiz-swatch__item{display:block;position:relative;min-width:56px;padding:11px 18px 13px;margin:4px;border:1px solid rgb(var(--border-color));border-radius:var(--button-border-radius);background:rgb(var(--background));color:rgb(var(--text-color));text-align:center;cursor:pointer}.quiz-swatch-inner input:checked+label{background:rgb(var(--secondary-background))}.quiz-swatch-inner input:checked+label{background:rgb(var(--secondary-background));box-shadow:0 0 0 1px rgb(var(--text-color)) inset,0 0 rgb(var(--text-color));border-color:#000}.quiz-swatch-list{display:flex;margin-left:-5px}span.quiz-swatch-label{position:relative;top:2px}.quiz-prod-info{padding:0 0 0 30px}.quiz-prod-title{font-family:adineuePro-Regular;text-transform:uppercase;font-size:25px;margin-bottom:10px}.quiz-product-img,.quiz-prod-info{width:50%}.prod-variant-swatch{margin-top:10px}.quiz-start-wrapper{margin:20px 0 0;padding-left:var(--container-gutter);padding-right:var(--container-gutter)}div#main{overflow:hidden}.quiz-product{margin-bottom:40px;border-bottom:1px solid #ccc;padding-bottom:40px}.quiz-products .quiz-product:last-child{border-bottom:0;padding-bottom:10px}.quiz-prod-title{font-weight:700;letter-spacing:1px}.quiz-end-wrappr h2.rich-text__heading.h1{font-size:41px}.pre-animate{position:relative;animation:pre-animate .3s linear}.fallback-result h2.rich-text__heading,.quiz-result h2.rich-text__heading{text-transform:uppercase}@keyframes pre-animate{0%{left:-50px;opacity:0}to{left:0;opacity:1}}.next-animate{position:relative;animation:next-animate .3s linear}@keyframes next-animate{0%{right:-50px;opacity:0}to{right:0;opacity:1}}.quiz-start{background-position:center}@media only screen and (max-width: 740px){body [data-step="1"] .quiz-opts{margin:25px auto;gap:15px}[data-step="1"] .quiz-opt span.quiz-opt-select{margin-bottom:10px}[data-step="1"] .quiz-opts{max-width:320px}[data-step="1"] .quiz-btn{margin-top:30px;margin-bottom:30px}}@media only screen and (min-width: 740px){[data-step="4"] .quiz-opt{width:calc(33% - 32px)}}.macos .quiz-prod-atc button{padding-bottom:2px}.macos button.quiz-next-btn,.macos button.quiz-prev-btn,.macos .quiz-btn .quiz-email-next-btn,.macos .redo-quiz a,.macos button.quiz-final-btn{padding-bottom:2px!important}.quiz-btn .quiz-email-next-btn{padding:0 20px}body .email-form-error{text-align:left;color:red;max-width:415px;margin:auto}body .quiz-email-form-fields input.quiz-email{margin-bottom:5px}body .quiz-email-form-fields .quiz-btn{margin-top:40px}.klaviyo-quiz-form{width:0;height:0;position:absolute;top:0;pointer-events:none!important;visibility:hidden;overflow:hidden;opacity:0}
/*# sourceMappingURL=/cdn/shop/t/39/assets/quiz.css.map */