.results-main .shopify-section{width:100%}.custom-quiz-banner-image img{width:100%;display:block}.quiz-banner-section{position:relative;height:100vh;object-fit:cover}button.start-quiz:hover{background-color:#fff;color:#000}.custom-quiz-banner-image,.custom-quiz-banner-image img{height:100vh;object-fit:cover}.custom-quiz-banner-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;text-align:center}h1.quiz-heading{font-weight:500;width:100%;margin:0 auto 20px;line-height:1.2;font-size:30px;color:#fff;text-transform:uppercase;letter-spacing:2px}p.quiz-subheading{margin:0 auto 20px;line-height:1.5;font-size:15px;color:#fff}.custom-quiz-banner-image:after{content:"";display:block;background-color:#000;opacity:.27;position:absolute;top:0;left:0;width:100%;height:100%}button.start-quiz{padding:16px;border-radius:0;width:auto;min-width:160px;font-size:15px;font-weight:600;margin:10px 0 0;color:#fff;background-color:transparent;border:1px solid rgb(255,255,255);line-height:1.3;height:auto;min-height:auto;letter-spacing:initial;text-transform:uppercase;transition:.5s all ease;cursor:pointer}button.start-quiz:hover{background-color:#fff!important;color:#000!important}.custom-quiz-flow{background:#f8f5f2;height:100%}.quiz-flow-steps{display:flex;align-items:flex-start;position:relative;height:100%}.quiz-flow-step h2{font-style:normal;font-weight:400;width:100%;margin:30px auto 10px;line-height:1.2;font-size:30px;color:#303231;text-transform:none;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center}.option-items{display:flex;align-items:center;flex-wrap:wrap}.quiz-flow-step{text-align:center}.option-container-in input{margin:0 10px 0 0!important;font-size:28px;width:15px;height:15px}.option-container-in:hover{background-color:#000;color:#fff}.quiz-flow-step{position:relative;margin:0 auto;width:100%;text-align:center;visibility:visible;z-index:3;padding:100px 20px 50px;display:flex;flex-direction:column;height:100%;justify-content:flex-start}.flow-buttons{font-size:18px;margin-top:30px}.flow-buttons svg{margin-left:6px}.flow-buttons *{text-transform:uppercase}.flow-buttons svg{margin-left:6px;position:relative;top:0;margin-right:7px;height:16px}.option-items .option-item{width:100%;max-width:350px;margin:0 auto}.option-items .option-item .option-image-wrapper img{width:100%;margin:0;display:inherit}.option-container-in input[type=radio]{accent-color:#000}.btn-step-back{min-width:65px}.quiz-flow-step .input-group{border:0!important;display:grid!important;justify-content:center;width:100%}.quiz-flow-step .newsletter-form{max-width:100%}.quiz-flow-step .newsletter-form .input-group__field{background-color:transparent;border:none;margin-top:30px!important;text-align:center;font-weight:700}.quiz-flow-step button.newsletter__submit{padding:13px;border-radius:0;min-width:100px;font-size:12px;font-weight:400;margin:15px auto 0;color:#000;background-color:#fff;border:1px solid rgb(0,0,0);line-height:1.3;height:auto;min-height:auto;letter-spacing:1px;width:fit-content}.quiz-flow-step button.newsletter__submit:hover{color:#fff;background-color:#000}.quiz-header{max-width:100%;text-align:center;position:relative;top:0;width:100%;z-index:9;margin-bottom:20px}.quix-header-steps{position:relative;width:320px;height:1px;display:flex;justify-content:center;align-items:center;margin:20px auto;gap:50px}.quix-header-steps:before{content:"";position:absolute;top:50%;left:-40px;right:-40px;height:1px;background:#dbd4c6;z-index:1;transform:translateY(-50%)}.quiz-step-indicator{display:flex;flex-direction:column;align-items:center;position:relative;width:100%}span.span-quiz-dot{width:6px;height:6px;background:#313131;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:5}.active-dot{background:transparent!important}.step-label{background:#111;color:#fff;padding:6px 10px;font-size:9px;font-weight:700;letter-spacing:2px;border-radius:2px;position:absolute;white-space:nowrap;z-index:10;view-transition-name:quiz-step-badge}.option-items{width:100%;margin:20px auto;display:flex;flex-direction:column;gap:15px}.option-item{width:100%}.option-container-in{position:relative}.option-container-in input{position:absolute;top:0;opacity:0;pointer-events:none}.option-container-in{display:flex;width:100%;align-items:center;color:#303231;cursor:pointer;border:1px solid #000;outline:none;transition:all .25s ease 0s;letter-spacing:initial;text-align:center;font-size:20px;justify-content:center;margin-bottom:2px}.option-image-wrapper{width:100px;min-width:100px}.text-in-flex{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:60px}.text-in-flex span:first-child{font-weight:500}.text-in-flex span.short-text{font-size:14px;color:#333;font-weight:300}.option-container-in:hover .text-in-flex span.short-text{color:#fff}.option-container-in:has(input:checked){background-color:#000;color:#fff}.option-container-in:has(input:checked) .short-text{color:#fff}.quiz-start .header,.quiz-start .footer,.quiz-start .countdown-timer-bar{display:none}.each-step-header{position:absolute;top:0;width:100%;left:0;z-index:99}.each-btn-flex{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:transparent}.flow-buttons{width:100%;background:transparent}.quiz-start,.quiz-start main#MainContent,body.results-showing,body.results-showing main#MainContent{background:#f8f5f2}html.quiz-html{scroll-behavior:smooth;height:auto!important}body.quiz-page{overflow-y:auto!important;height:auto!important;min-height:100dvh!important;margin:0!important;padding:0!important;display:block!important}body.quiz-page #shopify-section-header,body.quiz-page .back-to-top{display:none!important}body.quiz-page .section-countdown-timer-bar{display:block!important;position:relative;z-index:101}body.quiz-page main#MainContent{margin:0!important;padding:0!important;height:auto!important;max-width:100%!important;min-height:100dvh}body.quiz-start{overflow:hidden!important;height:100%!important;height:100dvh!important}body.quiz-start #shopify-section-footer{display:none!important}body.quiz-start main#MainContent{height:100%!important;height:100dvh!important}body.quiz-page #shopify-section-footer{display:block!important}.custom-quiz-section,.quiz-banner-section,.custom-quiz-banner-image,.custom-quiz-banner-image img{height:750px!important;object-fit:cover!important;width:100%!important;max-width:100%!important}body.results-showing{overflow:auto!important;height:auto!important;display:block!important}body.results-showing main#MainContent{height:auto!important}button.quiz-exit{position:relative;border:none;background:none;font-family:inherit;font-size:100%;margin:0;text-transform:none;line-height:1;color:currentColor;padding:10px;cursor:pointer}.prev-next-buttons{text-align:right}button.next-button{color:#a1a1a1;padding:12px 35px;width:160px;display:none!important;justify-content:center;border:none;cursor:pointer}button.quiz-skip-button.next-button{display:flex!important;background:transparent;color:#000;text-transform:uppercase;font-size:13px;letter-spacing:1px}button.next-button:disabled{opacity:.3;cursor:not-allowed}.prev-next-buttons .prev-button{background:transparent;border:none;color:#000;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;text-transform:uppercase;letter-spacing:1px;z-index:99;position:absolute;bottom:50px;left:20px}@media(max-width:767px){.prev-next-buttons .prev-button{position:unset;bottom:30px;left:20px}}.prev-next-buttons .prev-button svg{margin:0}.quiz-start announcement-bar{position:fixed;top:0;width:100%}.prev-next-buttons{display:flex;justify-content:space-between}.option-image-wrapper img{background:#fff}.option-items{margin-top:20px}.quiz-flow-step.step-in-use[step-count="3"] .option-items .option-item{width:100%}.quiz-flow-step.step-in-use[step-count="3"] .option-items .option-item label.option-container-in{justify-content:center;margin:auto;height:60px}.quiz-flow-step.step-in-use[step-count="4"] .option-items .option-item{width:100%}.quiz-flow-step.step-in-use[step-count="4"] .option-items .option-item label.option-container-in{justify-content:center;margin:auto;text-align:center}.quiz-flow-step.step-in-use[step-count="1"] .option-items .option-item,.quiz-flow-step.step-in-use[step-count="2"] .option-items .option-item,.quiz-flow-step.step-in-use[step-count="3"] .option-items .option-item{width:100%}.quiz-flow-step.step-in-use[step-count="1"] .option-container-in,.quiz-flow-step.step-in-use[step-count="2"] .option-container-in,.quiz-flow-step.step-in-use[step-count="3"] .option-container-in{padding:0}.quiz-flow-step.step-in-use[step-count="1"] .option-image-wrapper,.quiz-flow-step.step-in-use[step-count="2"] .option-image-wrapper,.quiz-flow-step.step-in-use[step-count="3"] .option-image-wrapper{display:none}.each-kov-logo img{max-width:260px}.quiz-flow-step.step-in-use[step-count="2"] span.span-quiz-dot[quiz-step="1"]:after{width:100%}.quiz-flow-step.step-in-use[step-count="3"] span.span-quiz-dot[quiz-step="1"]:after{width:100%}.quiz-flow-step.step-in-use[step-count="3"] span.span-quiz-dot[quiz-step="2"]:after{width:100%}.quiz-flow-step.step-in-use[step-count="3"] span.span-quiz-dot[quiz-step="1"]{border-right:1px solid #eee}.quiz-flow-step.step-in-use[step-count="4"] span.span-quiz-dot[quiz-step="1"]:after{width:100%}.quiz-flow-step.step-in-use[step-count="4"] span.span-quiz-dot[quiz-step="2"]:after{width:100%}.quiz-flow-step.step-in-use[step-count="4"] span.span-quiz-dot[quiz-step="3"]:after{width:100%}.quiz-flow-step.step-in-use[step-count="4"] span.span-quiz-dot[quiz-step="1"],.quiz-flow-step.step-in-use[step-count="4"] span.span-quiz-dot[quiz-step="2"]{border-right:1px solid #eee}.quiz-flow-step.step-in-use[step-count="4"] p,.quiz-flow-step.step-in-use[step-count="5"] p{font-size:18px}.quiz-flow-step.step-in-use[step-count="5"] span.span-quiz-dot[quiz-step="1"]:after{width:100%}.quiz-flow-step.step-in-use[step-count="5"] span.span-quiz-dot[quiz-step="2"]:after{width:100%}.quiz-flow-step.step-in-use[step-count="5"] span.span-quiz-dot[quiz-step="3"]:after{width:100%}.quiz-flow-step.step-in-use[step-count="5"] span.span-quiz-dot[quiz-step="4"]:after{width:100%}.quiz-flow-step.step-in-use[step-count="5"] span.span-quiz-dot[quiz-step="1"],.quiz-flow-step.step-in-use[step-count="5"] span.span-quiz-dot[quiz-step="2"],.quiz-flow-step.step-in-use[step-count="5"] span.span-quiz-dot[quiz-step="3"]{border-right:1px solid #eee}.quiz-flow-step[step-count="6"] span.span-quiz-dot[quiz-step="1"]:after{width:100%}.quiz-flow-step[step-count="6"] span.span-quiz-dot[quiz-step="2"]:after{width:100%}.quiz-flow-step[step-count="6"] span.span-quiz-dot[quiz-step="3"]:after{width:100%}.quiz-flow-step[step-count="6"] span.span-quiz-dot[quiz-step="4"]:after{width:100%}.quiz-flow-step[step-count="6"] span.span-quiz-dot[quiz-step="5"]:after{width:100%}.quiz-flow-step[step-count="6"] span.span-quiz-dot[quiz-step="1"],.quiz-flow-step[step-count="6"] span.span-quiz-dot[quiz-step="2"],.quiz-flow-step[step-count="6"] span.span-quiz-dot[quiz-step="3"],.quiz-flow-step[step-count="6"] span.span-quiz-dot[quiz-step="4"]{border-right:1px solid #eee}.prev-next-buttons button.prev-button{height:42px}.option-items.center-text .text-in-flex{text-align:center}.checkbox-subscribe input#agree-to-subscribe{position:relative;top:-3px;margin-right:5px;cursor:pointer}.quiz-flow-step button.newsletter__submit span{position:relative;top:1px}.checkbox-subscribe label.text-agree{cursor:pointer}@media only screen and (min-width:767.9px)and (max-width:1023.9px){.custom-quiz-flow .option-container-in{min-width:150px;font-size:16px}.custom-quiz-flow .quiz-flow-step{padding:140px 20px 100px}.option-items .option-item{min-width:300px}}@media only screen and (max-width:767.9px){.option-items .option-item{width:100%}.each-step-header .btn-step-back{display:none}.quiz-flow-step h2{font-size:30px}.quiz-flow-step{padding:60px 10px}.quiz-flow-step h2{padding-left:10px;padding-right:10px}.quiz-flow-step.step-in-use[step-count="3"] .option-items .option-item label.option-container-in{justify-content:center;padding:15px}.option-container-in{font-size:16px}.prodiucts-bar{display:flex;flex-wrap:wrap;gap:10px}.prodiucts-bar .grid-item.product-item{width:calc(50% - 5px)}.quiz-flow-step h2+p{padding-left:10px;padding-right:10px}.result-product-bar{padding-left:10px;padding-right:10px}.each-kov-logo img{max-width:200px}.each-btn-flex{min-height:65px}}@media only screen and (max-width:450px){.quiz-flow-step h2{font-size:25px}}.result-product-bar button.quick-add__button.caps{visibility:visible!important;width:100%}.no-touch .result-product-bar .quick-add__holder{opacity:1!important}.result-product-bar quick-add-product{margin-top:30px;display:block}.loaderr{border:3px solid #f3f3f3;border-top:3px solid #000000;border-radius:50%;width:45px;height:45px;animation:spinn 1s linear infinite;margin:0 auto}@keyframes spinn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:749px){.product-result-wrapper button.quick-add__button{background:none}}.free-shipping__graph{display:none!important}.free-shipping__graph svg{display:none!important}button.caps.newsletter__submit[disabled=disabled]{cursor:no-drop}a.shop-now-link{position:relative;text-decoration:none;display:block;width:100%;cursor:pointer;text-align:center;box-shadow:none}.newsletter-disclaimer{font-size:10px;color:#000;margin:10px 0 30px;text-align:center;letter-spacing:.5px}.quiz-skip-wrapper{text-align:center;justify-content:center;display:flex}.quiz-skip-button{background:none;border:none;font-size:12px;color:#ccc;cursor:pointer;letter-spacing:1px;visibility:hidden;opacity:0;transition:opacity .5s ease}.quiz-flow-step[step-count="6"] p{font-size:16px}.quiz-flow-step[step-count="6"] .each-kov-logo{margin-bottom:30px}.quiz-flow-step[step-count="6"] .newsletter-form{max-width:400px;margin:0 auto}.quiz-flow-step[step-count="6"] .newsletter-form .input-group{border:none;border-bottom:.5px solid #000;margin-bottom:5px;border-radius:0;width:100%;max-width:500px;margin-left:auto;margin-right:auto}.quiz-flow-step[step-count="6"] .newsletter-form .input-group__field{border-bottom:1px solid #000;text-align:left;background:transparent;font-size:18px;padding:10px 0;font-weight:300}.quiz-flow-step[step-count="6"] .newsletter-form .input-group__field::placeholder{color:#ccc;font-weight:300;font-size:18px}.quiz-flow-step[step-count="6"] .newsletter-form .input-group__field:focus-visible{border-bottom:1px solid #000;outline:none}.quiz-flow-step[step-count="6"] .newsletter-form button.custom-newsletter-submit{width:auto;min-width:200px;background:#f8f5f2;color:#000;border:1px solid #666!important;padding:18px 40px;border-radius:0;height:auto;font-size:13px;letter-spacing:2px;font-weight:600;margin:0 auto;display:block;cursor:pointer;transition:.5s all ease}.quiz-flow-step[step-count="6"] .newsletter-form button.custom-newsletter-submit:hover{background:#000;color:#f8f5f2;transition:.5s all ease}.quiz-flow-step[step-count="7"]{background-color:#f8f5f2;padding-bottom:60px;max-width:100%!important;width:100%!important;padding-left:20px;padding-right:20px;margin:0!important}.product-result-wrapper{margin:20px auto 0;width:100%}.results-main{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}.products-bar{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:25px!important;width:100%!important}.products-bar .grid-item.product-item{flex:0 1 calc(50% - 10px)!important;max-width:180px!important}@media(max-width:1024px){.products-bar .grid-item.product-item{flex:0 1 calc(50% - 10px)!important;max-width:180px!important}}@media(max-width:768px){.products-bar{gap:15px!important}.products-bar .grid-item.product-item{flex:0 1 calc(50% - 10px)!important;max-width:180px!important}}.product-item__info{text-align:left!important}@media(max-width:1024px){.products-bar{grid-template-columns:repeat(3,1fr)!important;gap:15px}}@media(max-width:768px){.products-bar{grid-template-columns:repeat(2,1fr)!important;gap:10px}}.product-item__title strong{text-decoration:underline;font-size:16px;font-weight:700;line-height:1.4;display:inline-block;margin-bottom:5px}.product-item__title{margin:0!important}.product-link{text-decoration:none!important}.product-item__meta{font-size:13px;color:#000;margin:0 0 15px;font-weight:400;text-decoration:none!important;display:block}.shop-now-link{display:block;width:100%;border:1px solid #000;padding:12px 10px;text-align:center;color:#000;font-size:13px!important;letter-spacing:1px;font-weight:400;margin-top:10px;background:transparent;text-transform:uppercase;transition:all .3s ease}.shop-now-link:hover{background:#000;color:#fff!important}.quiz-flow-step[step-count="7"] .quiz-header{display:none}.quiz-flow-step[step-count="7"] h2{font-size:40px;margin:30px 0;text-align:center;font-weight:400}@media(max-width:768px){.quiz-flow-step[step-count="7"] h2{font-size:30px;margin:20px 0}}.product-item__image{aspect-ratio:1/1;border:.5px solid #000;margin-bottom:15px;overflow:hidden;background:#fff}.product-item__image .image-wrapper img{aspect-ratio:1/1}.placeholder-svg{width:100%;height:100%;background-color:#f3f3f3;display:block}.product-item__bg.image--empty{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#f3f3f3;border:.5px solid #000}::view-transition-old(root),::view-transition-new(root){animation-duration:.05s;mix-blend-mode:normal}::view-transition-group(quiz-step-badge){animation-duration:.1s;animation-timing-function:cubic-bezier(0,0,.2,1)}#PopupModal-Quiz .each-kov-logo{display:none!important}@media only screen and (min-width:767.9px)and (max-width:1023.9px){.product-popup-modal__content .quiz-flow-step{padding:60px 20px;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/215/assets/quiz-uspl.css.map */