.index-section{margin:0!important}.bag-finder{max-width:1084px;margin:auto;font-family:var(--font-body-family, sans-serif);text-align:center;min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding:15px;overflow:auto}.quiz-intro{text-align:center;padding:40px 20px;max-width:1084px;margin:auto}.quiz-intro-logo{width:120px;height:auto;margin:auto auto 16px}.quiz-intro h2{font-size:36px;font-weight:700;margin-bottom:30px}.quiz-intro__caption{font-size:12px;margin-top:30px}.quiz-start-btn{margin-top:20px;padding:10px 24px;background:#000;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.quiz-start-btn:hover{background:#333}.quiz-container,.quiz-progress{display:none}.quiz-next.active-loading{position:relative;pointer-events:none;opacity:.8}.quiz-next.active-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:20px;height:20px;border-radius:50%;border:2px solid rgb(0 0 0 / 50%);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quiz-question{opacity:0;transform:translate(30px);transition:opacity .4s ease,transform .4s ease}.quiz-question.fade-in{opacity:1;transform:translate(0)}.quiz-question h3{margin-bottom:50px;font-size:36px;font-weight:700}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-options label{margin:0}.quiz-options label:hover span{transition:transform .2s ease-in-out;-webkit-transition:transform .2s ease-in-out;-moz-transition:transform .2s ease-in-out;-o-transition:transform .2s ease-in-out;transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);-o-transform:translate3d(0,-3px,0);-moz-transform:translate3d(0,-3px,0);box-shadow:#00000026 0 0 10px}.quiz-options label:hover input~span{border:solid 1px #01462B;box-shadow:0 0 #01462b inset,0 0 0 1px #01462b}.quiz-options input{display:none}.quiz-options input:checked+span{background-color:#f4f6f8;border:solid 1px #01462B;box-shadow:0 0 #01462b inset,0 0 0 1px #01462b}.quiz-options input~span{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;padding:12px 16px;border-radius:6px;border:solid 1px #888888;box-shadow:0 0 #888 inset,0 0 #888;background-color:#fff;-webkit-transition:border-color .2s ease;transition:border-color .2s ease;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:normal;color:#333;font-family:inherit;list-style:none;text-align:center;display:inline-block;min-width:200px;text-transform:capitalize;font-weight:600}.quiz-nav{margin-top:50px;display:flex;justify-content:center;gap:12px}.quiz-nav button{padding:8px 16px;border:none;color:#000;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:5px;border-bottom:1px solid;text-transform:uppercase;letter-spacing:2px;font-size:14px;text-transform:capitalize}.quiz-nav button[disabled]{cursor:not-allowed;opacity:.6}.quiz-nav button svg{width:14px}.quiz-result{text-align:center}.quiz-result h3{font-size:36px;font-weight:700;margin-bottom:30px}.result-products{display:grid;max-width:500px;margin:auto;gap:20px}.result-products:has(>:nth-child(2)){grid-template-columns:repeat(2,1fr)}.result-products:not(:has(>:nth-child(2))){grid-template-columns:1fr;justify-items:center}.result-products .product-card{display:flex;flex-direction:column;gap:15px}.result-products .product-card h4{letter-spacing:0;font-size:14px;font-weight:600;color:#333;margin:0}.product-card img{width:100%;border-radius:8px;aspect-ratio:1 / 1;max-width:300px}.product-card button{text-transform:capitalize;font-size:14px;font-weight:500;letter-spacing:0;padding:8px 15px;width:100%}.quiz-restart{margin-top:50px;background:transparent;color:#000;border-bottom:1.5px solid;border-radius:0;padding:0;display:inline-flex;text-align:center;align-items:center;justify-content:center;text-transform:capitalize}.quiz-restart:hover{background:transparent!important;color:#000}.quiz-restart svg{width:18px}.quiz-progress{width:100%;height:8px;background:#e4e4e4;border-radius:4px;margin-bottom:50px;overflow:hidden}.quiz-progress-bar{display:block!important;width:0%;height:100%;background:#000;transition:width .3s ease;background:#ffc107;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.quiz-progress-bar.success{background:#28a745!important}[id^=bag_finder_category],[id^=bag_finder_use_case],[id^=bag_finder_type],[id^=bag_finder_feature]{display:none!important}.klaviyo-form-wrapper__header .klaviyo-form-wrapper__heading{font-size:36px;font-weight:700;margin-bottom:10px}.klaviyo-form-wrapper__header .klaviyo-form-wrapper__subheading{margin-bottom:20px}.klaviyo-form-TZFHsJ [id^=email]{max-width:350px!important;margin:auto!important;width:100%!important}.klaviyo-form-TZFHsJ button{padding:0 15px!important;margin-top:15px}@media screen and (max-width: 991px){.quiz-intro h2,.quiz-question h3{font-size:28px}.quiz-result h3{font-size:22px;padding:0 10px}.result-products{gap:15px}.quiz-question h3{margin-bottom:30px}.klaviyo-form-TZFHsJ button{letter-spacing:2px!important}.klaviyo-form-TZFHsJ [id^=email]{padding:0 10px!important}.klaviyo-form-wrapper__header .klaviyo-form-wrapper__heading{font-size:28px;line-height:1.2}}@media screen and (max-width: 480px){.result-products .product-card h4{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}
/*# sourceMappingURL=/cdn/shop/t/132/assets/bag-finder.css.map */