.product-quiz{--quiz-main-color: #0BFF0B;--quiz-main-color-hover: #1D1D1F;--quiz-color-dark-text: #1D1D1F;--quiz-selected-border: #0BFF0B}.product-quiz{background-color:#f5f5f7;color:var(--quiz-color-dark-text);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;padding-bottom:40px;position:relative;z-index:1}.product-quiz,.product-quiz *,.product-quiz h1,.product-quiz h2,.product-quiz h3,.product-quiz h4,.product-quiz h5,.product-quiz h6,.product-quiz p,.product-quiz span,.product-quiz a,.product-quiz button,.product-quiz label,.product-quiz input,.product-quiz .btn,.product-quiz .title,.product-quiz .text,.product-quiz .price{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important}.product-quiz .quiz-wrapper{max-width:1200px;margin:0 auto;padding:0 15px;position:relative}.product-quiz h1{font-size:70px;font-weight:600;line-height:70px;color:var(--quiz-color-dark-text);margin:0}.product-quiz h1 span{color:var(--quiz-main-color);font-weight:800}.product-quiz .hero-title{padding-top:3rem;margin-bottom:20px;position:relative;z-index:1}.product-quiz .hero-title p{color:var(--quiz-color-dark-text);font-size:30px;font-weight:300;margin-top:10px;margin-bottom:0}.product-quiz .quiz-container h4{max-width:405px;margin:0 auto;font-size:29px;line-height:35px;font-weight:700}.product-quiz .quiz-container h5{font-size:18px;margin:0}.product-quiz .quiz-container p{font-size:15px;font-weight:300;line-height:1.5}.product-quiz .quiz-container{background-color:#fff;border-radius:30px;padding:50px;max-width:780px;margin:0 auto;position:relative;z-index:1;overflow:hidden;display:flex;flex-direction:column}.product-quiz .memoji{position:absolute;top:20px}.product-quiz .memoji-left{left:60px}.product-quiz .memoji-right{right:70px}.product-quiz .quiz-step-content{display:flex;flex-direction:column;align-items:center}.product-quiz .option-card{border:2px solid transparent;border-radius:25px;padding:20px;text-align:center;cursor:pointer;height:100%;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 4px 10px #00000026;transition:box-shadow .4s ease,transform .4s ease,border-color .3s ease;background-color:#fff}.product-quiz .option-card.d-horizontal{flex-direction:row;gap:10px;align-items:flex-start}.product-quiz .option-card.d-horizontal .text{text-align:left}.product-quiz .option-card.d-horizontal .text p{margin:0}.product-quiz .option-card.d-horizontal.no-description{align-items:center;justify-content:center}.product-quiz .option-card.d-horizontal.no-description .text{text-align:center}.product-quiz .option-card.d-horizontal.no-description .text h5{margin-bottom:0}.product-quiz .option-card .icon img{height:27px;width:27px}.product-quiz .option-card.d-horizontal .icon img{width:27px;height:27px}.product-quiz .option-card:hover,.product-quiz .option-card.selected{box-shadow:2px 4px 16px #00000029;transform:scale3d(1.01,1.01,1.01)}.product-quiz .option-card.selected{border-color:var(--quiz-selected-border)}.product-quiz .progress-wrapper{max-width:780px;margin:50px auto 20px}.product-quiz .progress{background-color:#e9ecef;border-radius:5px;overflow:hidden}.product-quiz .progress-bar{display:block!important;height:11px;border-radius:5px;background-color:var(--quiz-main-color, #0BFF0B);transition:width .6s ease}.product-quiz .quiz-buttons{display:flex;justify-content:center;gap:20px;margin:20px auto 40px;max-width:700px}.product-quiz .quiz-buttons .btn{min-width:190px;height:55px;font-size:17px;font-weight:400;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid;transition:all .3s ease}.product-quiz .quiz-buttons .btn span{font-size:21px;padding-right:10px;line-height:0}.product-quiz .btn-continue{background-color:var(--btn-continue-bg);border-color:var(--btn-continue-border);border-radius:var(--btn-continue-radius);color:var(--btn-continue-text)}.product-quiz .btn-continue:hover:not(:disabled){background-color:var(--btn-continue-hover-bg);border-color:var(--btn-continue-hover-bg);color:var(--btn-continue-hover-text)}.product-quiz .btn-continue:disabled{opacity:.5;cursor:not-allowed}.product-quiz .btn-back{background-color:var(--btn-back-bg);border-color:var(--btn-back-border);border-radius:var(--btn-back-radius);color:var(--btn-back-text)}.product-quiz .btn-back:hover{background-color:var(--btn-back-hover-bg);color:var(--btn-back-hover-text)}.product-quiz .btn-results{background-color:var(--btn-results-bg);border-color:var(--btn-results-border);border-radius:var(--btn-results-radius);color:var(--btn-results-text)}.product-quiz .btn-results:hover:not(:disabled){background-color:var(--btn-results-hover-bg);border-color:var(--btn-results-hover-bg);color:var(--btn-results-hover-text)}.product-quiz .btn-results:disabled{opacity:.5;cursor:not-allowed}.product-quiz .btn-buy{background-color:var(--btn-buy-bg);border:1px var(--btn-buy-border) solid;border-radius:var(--btn-buy-radius);color:var(--btn-buy-text);min-width:auto;padding:10px 30px;height:auto;cursor:pointer}.product-quiz .btn-buy:hover{background-color:var(--btn-buy-hover-bg);border-color:var(--btn-buy-hover-bg);color:var(--btn-buy-hover-text)}.product-quiz .btn-new-search{background-color:var(--btn-new-search-bg);border-color:var(--btn-new-search-border);border-radius:var(--btn-new-search-radius);color:var(--btn-new-search-text)}.product-quiz .btn-new-search:hover{background-color:var(--btn-new-search-hover-bg);color:var(--btn-new-search-hover-text)}.product-quiz .row-quiz{display:flex;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}.product-quiz .g-4{--bs-gutter-x: 1.5rem;--bs-gutter-y: 1.5rem}.product-quiz .g-4>*{padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.product-quiz .col-12,.product-quiz .col-md-4,.product-quiz .col-md-6{flex:0 0 auto;width:100%}@media(min-width:768px){.product-quiz .col-md-4{width:33.333333%}.product-quiz .col-md-6{width:50%}}.product-quiz .justify-content-center{justify-content:center}.product-quiz .text-center{text-align:center}.product-quiz .text-start{text-align:left}.product-quiz .d-flex{display:flex}.product-quiz .align-items-center{align-items:center}.product-quiz .w-100{width:100%}.product-quiz .fw-bold{font-weight:700}.product-quiz .mb-0{margin-bottom:0}.product-quiz .mb-1{margin-bottom:.25rem}.product-quiz .mb-2{margin-bottom:.5rem}.product-quiz .mb-3{margin-bottom:1rem}.product-quiz .mb-4{margin-bottom:1.5rem}.product-quiz .mb-5{margin-bottom:3rem}.product-quiz .mt-2{margin-top:.5rem}.product-quiz .mt-3{margin-top:1rem}.product-quiz .mt-4{margin-top:1.5rem}.product-quiz .pt-5{padding-top:3rem}.product-quiz .p-4{padding:1.5rem}.product-quiz .me-2{margin-right:.5rem}.product-quiz .text-muted{color:#6c757d}.product-quiz .small{font-size:.875em}.product-quiz .text-uppercase{text-transform:uppercase}.product-quiz .quiz-results-container{text-align:left}.product-quiz .box{box-shadow:0 4px 10px #00000026}.product-quiz .bg-white{background-color:#fff}.product-quiz .rounded-4{border-radius:1rem}.product-quiz .img-fluid{max-width:100%;height:auto}.product-quiz .product-Image{width:100%;max-width:290px}.product-quiz .text-product-result{text-align:left}.product-quiz .text-product-result h6{color:#b64400;font-size:12px;font-weight:600;text-transform:uppercase;margin:0}.product-quiz .text-product-result h5{font-size:20px;font-weight:700}.product-quiz .text-product-result p{font-size:14px;font-weight:400}.product-quiz .text-product-result p.price{font-size:16px;font-weight:600}.product-quiz .text-sub{max-width:520px;margin-left:auto;margin-right:auto}.product-quiz .colors{display:flex;flex-wrap:wrap;gap:8px}.product-quiz .color-option{width:27px;height:27px;border-radius:50%;cursor:pointer;position:relative;transition:all .2s ease;border:none;box-sizing:border-box}.product-quiz .color-option.selected{outline:2px solid #333;outline-offset:3px}.product-quiz .quiz-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:9999}.product-quiz .quiz-loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--quiz-main-color);border-radius:50%;animation:quiz-spin 1s linear infinite}@keyframes quiz-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-quiz .quiz-step{opacity:1;transition:opacity .4s ease;position:relative}.product-quiz .quiz-step.fade-out{opacity:0}.product-quiz .quiz-step.fade-in{opacity:0;animation:quiz-fade-in .4s ease forwards}@keyframes quiz-fade-in{0%{opacity:0}to{opacity:1}}.product-quiz .product-card-main{margin-bottom:1.5rem}.product-quiz .product-card-main .row-quiz{align-items:center}.product-quiz .product-cards-secondary{display:flex;flex-wrap:wrap;gap:1.5rem}.product-quiz .product-card-secondary{flex:1 1 calc(50% - .75rem);min-width:280px;width:50%}.product-quiz .product-card-secondary .secondary-label{font-size:12px;font-weight:600;letter-spacing:.5px}.product-quiz .quiz-empty-results{padding:40px 20px}@media only screen and (max-width:991px){.product-quiz .product-card-main .row-quiz{flex-direction:column}.product-quiz .product-card-main .col-md-6{width:100%}.product-quiz .product-card-main .text-product-result{text-align:center;margin-top:20px}.product-quiz .product-card-main .colors{justify-content:center}.product-quiz .product-card-main .btn-buy{width:100%;max-width:300px}.product-quiz .product-card-secondary{flex:1 1 100%}.product-quiz .product-cards-secondary{flex-direction:column}}@media only screen and (max-width:768px){.product-quiz h1{font-size:42px;line-height:48px}.product-quiz .hero-title p{font-size:22px}.product-quiz .quiz-container{padding:30px 20px;border-radius:20px}.product-quiz .quiz-container h4{max-width:100%;font-size:22px;line-height:28px}.product-quiz .memoji{display:none}.product-quiz .quiz-buttons{flex-direction:column-reverse;align-items:center;gap:12px}.product-quiz .quiz-buttons .btn{width:100%;max-width:300px}.product-quiz .option-card.d-horizontal{flex-direction:column;text-align:center;align-items:center}.product-quiz .option-card.d-horizontal .text{text-align:center}.product-quiz .progress-wrapper{margin:30px auto 15px}.product-quiz .product-card-secondary{min-width:100%}.product-quiz .product-card-secondary .box,.product-quiz .product-card-secondary .text-product-result{text-align:center}.product-quiz .product-card-secondary .colors{justify-content:center}.product-quiz .product-card-secondary .btn-buy{width:100%}}@media only screen and (max-width:480px){.product-quiz h1{font-size:32px;line-height:38px}.product-quiz .hero-title p{font-size:18px}.product-quiz .quiz-container{padding:25px 15px}.product-quiz .quiz-container h4{font-size:20px;line-height:26px}.product-quiz .option-card{padding:15px}.product-quiz .quiz-buttons .btn{max-width:100%;height:50px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/product-quiz.css.map */