.hidden_or p.quiz__bundle-or{opacity:0}img.quiz__main-img{max-width:400px;width:100%;margin:0 auto;display:block}h1.quiz__heading{font-size:48px;line-height:100%;width:100%;margin:0 auto 12px}.quiz__steps{text-align:center;margin-top:60px}h2.quiz__subheading{margin:20px 0}.quiz .page-width{width:100%!important;max-width:900px!important}section.quiz{padding:50px 0;background:#fff!important;min-height:70vh;display:flex;align-items:start}.button-start,.quiz .button--primary{background:#fb5373;color:#fff;border:none;outline:none}.button-start:after,.quiz .button--primary:after{box-shadow:none!important}.button-start:hover,.quiz .button--primary:hover{outline:none;box-shadow:none}.quiz__progress-bar{height:10px;background:#47a9d359;border-radius:10px;margin-bottom:10px;position:relative}.quiz .button--link{background:none;border:none;text-decoration:underline}.quiz__progress-bar:after{content:"";position:absolute;left:0;top:0;height:100%;width:var(--progress-width);background:#47a9d3;border-radius:10px;max-width:100%}.quiz__heading{margin:20px 0 0;text-transform:capitalize!important}.quiz__time{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:8px}.quiz__time span{text-transform:uppercase!important;font-size:13px;leading-trim:NONE;line-height:20px;color:#27272a}p.quiz__time svg{width:15px;height:15px}.quiz__nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:10px}.quiz__nav button{margin:0}.step__options{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:10px;flex-wrap:wrap}.step__option{padding:12px 24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;width:100%;max-width:240px;border-radius:12px;overflow:hidden;border:none!important;position:relative}.step__option img{min-height:195px}.quiz__step{display:flex;flex-direction:column;gap:20px;align-items:center}.quiz__step.hidden{display:none!important}.quiz__step *{margin-top:0!important;margin-bottom:0!important}.step__option--active,.step__option:hover{cursor:pointer}.btn--disabled{opacity:.7!important;cursor:no-drop!important}.quiz__product{max-width:calc(33.33% - 14px);width:100%}.quiz__product *{text-align:left!important}.quiz__products{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.quiz__product .pdp-card__content *{margin-top:10px!important}.quiz input[type=email]{min-height:40px;max-width:450px;width:100%;border:1px solid #27272A;outline:none;box-shadow:none;padding:10px 16px;font-size:16px;color:#27272a}.quiz input[type=email]::Placehodler{font-size:16px;color:#27272a;font-family:'"Gilroy", sans-serif !important'}html body .step__options{margin-bottom:40px!important}html body .quiz__form__error{color:red;display:none;margin-top:5px!important;text-align:left;max-width:450px;margin-left:auto;margin-right:auto}html body .quiz__form__error.active{display:block!important}.quiz__nav--newsletter{flex-direction:column;align-items:center;justify-content:center}.quiz__bundle-or{padding:20px 0 40px}.btn--restart{margin-top:20px!important}.bundle__content{display:flex;flex-direction:column;gap:20px}.quiz__text{font-size:16px!important;line-height:24px!important;letter-spacing:0!important;text-align:center!important;max-width:500px!important;width:100%!important;margin:0 auto!important}.quiz__policy{max-width:470px;width:100%;margin:0 auto}.quiz__policy *{text-transform:none!important;font-size:14px!important;line-height:20px!important;letter-spacing:0!important;text-align:center!important;color:#27272a!important}.quiz__step .quiz__heading.h1{width:100%!important;margin:0 auto}.quiz__policy b,.quiz__policy strong{font-weight:700!important}.quiz__policy a{color:#47a9d3!important}.quiz__steps--1 .step__options{gap:8px}.quiz__steps--1 .step__options .step__option,.quiz__steps--2 .step__options .step__option{display:flex;padding:0;justify-content:space-between;width:100%;border-radius:12px;overflow:hidden}.quiz__steps--1 .step__options .step__option img,.quiz__steps--2 .step__options .step__option img{display:block}.step__option-svg-text{display:flex;align-items:center;gap:10px;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0}.step__option-svg{width:24px;height:24px;display:none;border-radius:50%;border:1px solid #27272A}.step__option-svg-text svg{width:100%;height:100%;display:block;opacity:0}.quiz__steps--1 .step__options .step__option:hover,.quiz__steps--2 .step__options .step__option:hover{cursor:pointer}.step__option--active span.step__option-svg-text svg{opacity:1}.step__options .step__option .step__option-svg-text{flex-direction:row-reverse;justify-content:center;width:100%;background:#fff;padding:8px;text-transform:capitalize;border-radius:10px}.quiz__steps--3 .step__options{justify-content:cemter;width:100%;max-width:550px}.step__options .step__option{border-radius:8px;padding:12px;background-color:#fff}.quiz__steps--3 .step__options .step__option{max-width:calc(50% - 20px);min-height:100px;align-items:center;justify-content:center}.quiz__steps--3 .step__option[data-option-value=Neutral]{background:#e8d2b9!important}.quiz__steps--3 .step__option[data-option-value=Cool]{background:#f9e1d8!important}.quiz__steps--3 .step__option[data-option-value=Warm]{background:#f0d4c1!important}.quiz__steps--3 .step__option[data-option-value=Olive]{background:#e7cba1!important}.quiz__steps--3 .step__option.step__option--active,.quiz__steps--3 .step__option:hover{border-color:#000!important}.quiz__steps--3 .step__options .step__option .step__option-svg-text{background:none}.quiz__steps--4 .step__option.step__option--active,.quiz__steps--4 .step__option:hover,.quiz__steps--5 .step__option.step__option--active,.quiz__steps--5 .step__option:hover,.quiz__steps--6 .step__option.step__option--active,.quiz__steps--6 .step__option:hover{border-color:#fb5373!important}.quiz__steps--4 .step__option,.quiz__steps--5 .step__option,.quiz__steps--6 .step__option{border-color:#efefef!important;border-radius:30px}span.step__option-svg.step__option-svg-multi{border-radius:5px}.quiz__steps--5 h2.quiz__heading.h1{font-weight:400;font-size:36px;line-height:100%;letter-spacing:0px;text-align:center;color:#27272a}.quiz__email__form{width:100%}.quiz__steps--5 p.quiz__subheading{font-weight:400;font-size:16px;line-height:24px;letter-spacing:0;color:#707070}.quiz__steps--5 p.quiz__subheading span{font-weight:600!important;font-size:16px!important;line-height:154%;letter-spacing:0;text-align:center;display:block;color:#47a9d3!important}.quiz__step.quiz__steps--5 input{border:1px solid #000!important;border-radius:30px;padding:14px 16px;margin-top:7px!important;font-weight:400;font-size:14px!important;line-height:20px;letter-spacing:0;color:#bcbcbc!important;overflow:hidden;background-color:#fff;max-width:100%;width:100%}.quiz__step.quiz__steps--5 input::placeholder{color:#bcbcbc}.quiz__step.quiz__steps--5 label.quiz__step-form-label{display:block;text-align:start;font-weight:500;font-size:14px;line-height:100%;letter-spacing:0;color:#212721;padding-bottom:5px}.quiz__step.quiz__steps--5 button#checkAndClick{padding:12px 20px!important;font-size:13px!important;line-height:20px!important;letter-spacing:0}.quiz__step.quiz__steps--5 .quiz__nav.quiz__nav--newsletter button:last-of-type{background-color:transparent!important;border:none;color:#000;text-decoration:underline;text-underline-offset:2px;font-size:13px!important}.quiz__step.quiz__steps--5 form#quizForm{margin-block:32px!important;max-width:500px;margin:auto}.quiz__steps--6 h2.quiz__heading.h1{font-weight:400;font-size:32px;line-height:100%;letter-spacing:0px;text-align:center;color:#27272a}.quiz__steps--6 p.quiz__subheading{font-weight:400;font-size:16px;line-height:24px;letter-spacing:0;text-align:center;color:#707070}.quiz__steps--6 .quiz__products .quiz__product .product-cards .ab-product-card .ab_pdp-card__media{max-width:220px;width:100%;margin:20px auto!important}.quiz__steps--6 .quiz__products .quiz__product .product-cards .ab-product-card .ab-flex:nth-child(2n){background-color:#fff!important}.quiz__steps--6 .quiz__products .quiz__product .product-cards .ab-product-card .ab-flex span{font-weight:400;font-size:14px;line-height:20px;letter-spacing:0;color:#27272a}.quiz__steps--6 .quiz__products .quiz__product .product-cards .ab-product-card .ab-flex{font-weight:600;font-size:14px;line-height:143%;letter-spacing:0;color:#27272a}.quiz__steps--6 .quiz__products .quiz__product .product-cards .ab-product-card .product-buttons{margin-top:20px!important}.quiz__product .card__heading.h3 a{min-height:50px}.quiz__steps--6 p.quiz__bundle-or{padding:12px 0 32px;display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.quiz__steps--6 p.quiz__bundle-or:before,.quiz__steps--6 p.quiz__bundle-or:after{content:"";flex:1;border-bottom:1px solid #D9D9D9}.quiz__steps--6 h2.bundel__heading{font-weight:400;font-size:32px;line-height:100%;letter-spacing:0px;text-align:center;color:#27272a}.quiz__steps--6 .bundel__desc p{font-weight:400;font-size:16px;line-height:24px;letter-spacing:0;text-align:center;color:#707070}section.quiz{background:#fff!important}.ir-pdp-card-div{border-bottom:1px solid #D9D9D9;padding-block:12px}.quiz__steps--4 .quiz__nav,.quiz__steps--3 .quiz__nav,.quiz__steps--2 .quiz__nav,.quiz__steps--1 .quiz__nav{flex-direction:column-reverse}.quiz__steps--4 .step__option-main-image img{min-height:200px;max-height:200px;object-fit:contain}.step__option{width:100%;max-width:240px;border-radius:16px;overflow:hidden;background:#fff!important;border:2px solid #f6f7f9!important;position:relative}.quiz__steps--1 .step__option,.quiz__steps--2 .step__option{width:100%;max-width:240px;border-radius:16px;overflow:hidden;background:#f6f7f9!important;border:none!important;position:relative}.quiz__steps--1 .step__option-main-image img,.quiz__steps--2 .step__option-main-image img{width:100%;display:block;object-fit:cover}.step__option-main-image{width:100%}.quiz__steps--1 .step__option-svg-text,.quiz__steps--2 .step__option-svg-text{display:flex;align-items:center;justify-content:space-between;background:#fb5373!important;color:#fff;padding:12px 16px!important;font-size:18px;border-radius:0 0 8px 8px!important;margin-top:-45px!important}.quiz__steps--1 .step__option:hover,.quiz__steps--1 .step__option.step__option--active,.quiz__steps--2 .step__option:hover,.quiz__steps--2 .step__option.step__option--active{border:3px solid #FB5373!important}.quiz__steps--1 .step__option-svg-text svg,.quiz__steps--2 .step__option-svg-text svg{opacity:1}.quiz__progress-container{padding:20px 0;max-width:100%;overflow-x:auto}.quiz__progress-track{display:flex;align-items:center;justify-content:space-between;position:relative;min-width:100%}.quiz__progress-step{display:flex;flex-direction:column;align-items:center;position:relative;gap:8px}.quiz__progress-step-top{display:flex;align-items:center;justify-content:center;position:relative}.quiz__progress-circle{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #d9d9d9;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:2;flex-shrink:0}.quiz__progress-circle-inner{width:12px;height:12px;border-radius:50%;background:transparent;transition:background .3s ease}.quiz__progress-circle:after{content:"";position:absolute;display:none;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.quiz__progress-line{flex:1;height:2px;background:#d9d9d9;transition:background .3s ease;min-width:20px;display:block!important;position:absolute;top:15px;width:97%}.quiz__progress-label{font-size:11px;font-weight:500;color:#666;text-align:center;text-transform:uppercase;letter-spacing:.5px;line-height:1.3;max-width:90px;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;transition:color .3s ease,font-weight .3s ease}.quiz__progress-step.active .quiz__progress-circle{border-color:#ea6a90;background:#fff}.quiz__progress-step.active .quiz__progress-circle-inner{background:#ea6a90;display:block}.quiz__progress-step.active .quiz__progress-label{color:#ea6a90;font-weight:600}.quiz__progress-step.completed .quiz__progress-circle{border-color:#ea6a90;background:#ea6a90}.quiz__progress-step.completed .quiz__progress-circle-inner{display:none}.quiz__progress-step.completed .quiz__progress-circle:after{display:block}.quiz__progress-step.completed .quiz__progress-label{color:#ea6a90;font-weight:600}.quiz__progress-step.completed+.quiz__progress-line{background:#ea6a90}@media(max-width:1024px){.quiz__progress-label{font-size:10px;max-width:70px}.quiz__progress-circle{width:28px;height:28px}.quiz__progress-circle-inner{width:10px;height:10px}.quiz__progress-circle:after{width:12px;height:12px}.quiz__progress-line{min-width:15px}}@media(max-width:768px){.quiz__progress-container{padding:15px 0}.quiz__progress-label{font-size:8px;max-width:50px;letter-spacing:.3px}.quiz__progress-circle{width:24px;height:24px}.quiz__progress-circle-inner{width:8px;height:8px}.quiz__progress-circle:after{width:10px;height:10px}.quiz__progress-line{min-width:10px}.quiz__progress-step{gap:6px}.step__options .step__option{padding:0}}@media(max-width:480px){.quiz__progress-label{font-size:7px;max-width:40px}.quiz__progress-circle{width:20px;height:20px}.quiz__progress-circle-inner{width:6px;height:6px}.quiz__progress-circle:after{width:8px;height:8px}.quiz__progress-line{min-width:8px}}#shopify-chat{display:none!important}.pagequiz-new:has(.quiz__step.quiz__step--last:not(.hidden)) #shopify-chat{display:block!important}@media(max-width:749px){h1.quiz__heading{font-size:30px;line-height:100%;max-width:370px}.quiz__text{max-width:370px!important}.step__options,.quiz__products{flex-direction:column}section.quiz{padding:20px 0}.quiz__product{max-width:100%!important;width:100%!important}.quiz__steps .step__options{flex-direction:row}.step__options .step__option,.quiz__steps--1 .step__option{max-width:calc(50% - 8px)!important;width:100%!important}.quiz__steps--4 .step__options{justify-content:start;width:100%}.quiz__steps--1 .step__option-svg-text,.quiz__steps--2 .step__option-svg-text{padding:13px 7px!important;font-size:16px;text-transform:none;border-radius:0 0 8px 8px!important}.quiz__steps--1 .step__option-main-image img,.quiz__steps--2 .step__option-main-image img{width:100%;display:block;object-fit:cover}.step__option img{min-height:140px}.quiz__steps--1 .step__option-svg,.quiz__steps--2 .step__option-svg{width:20px;height:20px;min-width:20px;min-height:20px}}@media(max-width:750px){span.step__option-svg-text span:last-child{width:calc(100% - 34px);text-align:center}.quiz__progress-track{align-items:start}.quiz__progress-line{flex:1;height:1px;top:10px}}
/*# sourceMappingURL=/cdn/shop/t/134/assets/quiz.css.map */