.whf-quiz{background-color:#fff;padding:24px 0 56px;font-family:clioxslight,Poppins,Helvetica Neue,Arial,sans-serif;color:#2f2f2f}.whf-quiz__container{max-width:680px;margin:0 auto;padding:0 20px}.whf-quiz__card{background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000014;border:1px solid #ececec;padding:40px 40px 32px;height:600px;display:flex;flex-direction:column}@media(max-width:575px){.whf-quiz{padding:16px 0 40px}.whf-quiz__container{padding:0 14px}}.whf-quiz__body{flex:1;display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;min-height:0}.whf-quiz__body>.whf-quiz__step,.whf-quiz__body>.whf-quiz__loading,.whf-quiz__body>.whf-quiz__complete{width:100%}.whf-quiz__section-label{font-family:ClioXSBold,Helvetica Neue,Arial,sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#d31245;margin:0 0 12px;text-align:center}.whf-quiz__heading{font-family:ClioXSBold,Helvetica Neue,Arial,sans-serif;font-size:28px;font-weight:700;color:#101820;margin:0 0 8px;text-align:center;line-height:1.25}.whf-quiz__description{font-size:16px;color:#666;margin:0 0 32px;text-align:center;line-height:1.5}.whf-quiz__options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.whf-quiz__option{display:flex;align-items:center;padding:16px 20px;background:#f4f4f4;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;font-size:16px;line-height:1.4}.whf-quiz__option:hover{background:#fdf0f3;border-color:#d31245}.whf-quiz__option.is-selected{background:#fce4eb;border-color:#d31245}.whf-quiz__option-radio{width:20px;height:20px;min-width:20px;border:2px solid #ccc;border-radius:50%;margin-right:14px;position:relative;transition:border-color .15s ease}.whf-quiz__option.is-selected .whf-quiz__option-radio{border-color:#d31245}.whf-quiz__option.is-selected .whf-quiz__option-radio:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;background:#d31245;border-radius:50%}.whf-quiz__option-label{font-family:clioxslight,Poppins,sans-serif}.whf-quiz__slider-wrap{margin:0;padding:16px 0}.whf-quiz__slider-value{font-family:ClioXSBold,Helvetica Neue,Arial,sans-serif;font-size:56px;color:#d31245;text-align:center;margin:0 0 16px;line-height:1}.whf-quiz__slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#e8a0b0,#d31245);outline:none;margin:0 0 12px}.whf-quiz__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid #d31245;cursor:pointer;box-shadow:0 2px 6px #00000026}.whf-quiz__slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid #d31245;cursor:pointer;box-shadow:0 2px 6px #00000026}.whf-quiz__slider-labels{display:flex;justify-content:space-between;font-size:13px;color:#999}.whf-quiz__email-wrap{margin:0}.whf-quiz__email-input{width:100%;padding:16px 20px;font-size:16px;font-family:clioxslight,Poppins,sans-serif;border:2px solid #ddd;border-radius:8px;outline:none;transition:border-color .15s ease;box-sizing:border-box}.whf-quiz__email-input:focus{border-color:#d31245}.whf-quiz__email-input.is-invalid{border-color:#d31245}.whf-quiz__email-error{color:#d31245;font-size:14px;margin-top:8px;display:none}.whf-quiz__email-error.is-visible{display:block}.whf-quiz__email-submit{display:block;width:100%;margin-top:16px;padding:16px;font-family:ClioXSBold,Helvetica Neue,Arial,sans-serif;font-size:16px;letter-spacing:1px;text-transform:uppercase;color:#fff;background:#d31245;border:none;border-radius:8px;cursor:pointer;transition:background .15s ease}.whf-quiz__email-submit:hover{background:#b80e3a}.whf-quiz__email-submit:disabled{opacity:.5;cursor:not-allowed}.whf-quiz__email-consent{font-size:13px;color:#999;margin-top:12px;line-height:1.5;text-align:center}.whf-quiz__nav{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;border-top:1px solid #eee;flex-shrink:0}.whf-quiz__nav-btn{width:44px;height:44px;border-radius:50%;border:2px solid #ddd;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.whf-quiz__nav-btn:hover:not(:disabled){border-color:#d31245;background:#fdf0f3}.whf-quiz__nav-btn:disabled{opacity:.3;cursor:not-allowed}.whf-quiz__nav-btn svg{width:18px;height:18px;fill:none;stroke:#101820;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.whf-quiz__progress{flex:1;margin:0 20px}.whf-quiz__progress-bar{height:6px;background:#eee;border-radius:3px;overflow:hidden}.whf-quiz__progress-fill{height:100%;background:#d31245;border-radius:3px;transition:width .3s ease}.whf-quiz__progress-text{font-size:12px;color:#999;text-align:center;margin-top:6px}.whf-quiz__loading{display:none;text-align:center;padding:40px 0}.whf-quiz__loading.is-visible{display:block}.whf-quiz__spinner{width:40px;height:40px;border:4px solid #eee;border-top-color:#d31245;border-radius:50%;animation:whf-spin .7s linear infinite;margin:0 auto 16px}@keyframes whf-spin{to{transform:rotate(360deg)}}.whf-quiz__loading-text{font-size:16px;color:#666}.whf-quiz__complete{display:none;text-align:center;padding:40px 0}.whf-quiz__complete.is-visible{display:block}.whf-quiz__complete-icon{width:64px;height:64px;background:#d31245;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.whf-quiz__complete-icon svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.whf-quiz__complete-title{font-family:ClioXSBold,Helvetica Neue,Arial,sans-serif;font-size:28px;color:#101820;margin:0 0 12px}.whf-quiz__complete-text{font-size:16px;color:#666;line-height:1.6;max-width:480px;margin:0 auto}.whf-quiz__retake{display:inline-block;margin-top:24px;padding:14px 40px;font-family:ClioXSBold,Helvetica Neue,Arial,sans-serif;font-size:15px;letter-spacing:1px;text-transform:uppercase;color:#101820;background:transparent;border:2px solid #101820;border-radius:8px;cursor:pointer;transition:all .15s ease}.whf-quiz__retake:hover{background:#101820;color:#fff}.whf-quiz__error{display:none;text-align:center;padding:20px;background:#fef2f4;border:1px solid #f5c6ce;border-radius:8px;margin-top:16px;color:#d31245;font-size:14px}.whf-quiz__error.is-visible{display:block}.whf-quiz__step{display:none;opacity:0;transform:translateY(10px);transition:opacity .24s ease,transform .24s ease}.whf-quiz__step.is-active{display:block}.whf-quiz__step.is-visible{opacity:1;transform:translateY(0)}.whf-quiz__step.is-exiting{opacity:0;transform:translateY(-10px)}@media(max-width:640px){.whf-quiz{padding:32px 0 48px}.whf-quiz__card{padding:28px 20px 24px;height:570px;border-radius:8px}.whf-quiz__heading{font-size:22px}.whf-quiz__description{font-size:14px;margin-bottom:24px}.whf-quiz__option{padding:14px 16px;font-size:15px}.whf-quiz__slider-value{font-size:44px}.whf-quiz__nav{margin-top:24px;padding-top:16px}}
/*# sourceMappingURL=/cdn/shop/t/229/assets/whf-quiz.css.map */