.quiz-section{--quiz-black: #1a1a1a;--quiz-white: #ffffff;--quiz-off-white: #f7f7f5;--quiz-gray-100: #f2f2f0;--quiz-gray-200: #e5e5e3;--quiz-gray-300: #ccccca;--quiz-gray-500: #888886;--quiz-gray-700: #555553;--quiz-accent: #1a1a1a;--quiz-accent-hover: #333331;--quiz-radius: 4px;--quiz-radius-lg: 8px;--quiz-transition: .3s cubic-bezier(.4, 0, .2, 1);--quiz-max-width: 960px;--quiz-max-width-wide: 1200px;font-family:inherit;color:var(--quiz-black);-webkit-font-smoothing:antialiased}.quiz-section *,.quiz-section *:before,.quiz-section *:after{box-sizing:border-box}.quiz-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:60px 20px}.quiz-intro__heading{font-size:clamp(32px,5vw,56px);font-weight:400;letter-spacing:-.02em;line-height:1.1;margin:0 0 16px;text-transform:uppercase}.quiz-intro__subheading{font-size:clamp(16px,2vw,20px);color:var(--quiz-gray-700);max-width:500px;margin:0 0 40px;line-height:1.5}.quiz-intro__cta{display:inline-flex;align-items:center;justify-content:center;padding:16px 48px;background:var(--quiz-black);color:var(--quiz-white);font-size:14px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;transition:background var(--quiz-transition);min-width:240px}.quiz-intro__cta:hover{background:var(--quiz-accent-hover)}.quiz-progress{position:sticky;top:0;z-index:10;background:var(--quiz-white);padding:16px 20px 12px;border-bottom:1px solid var(--quiz-gray-200)}.quiz-progress__bar{width:100%;max-width:var(--quiz-max-width);margin:0 auto;height:3px;background:var(--quiz-gray-200);border-radius:2px;overflow:hidden}.quiz-progress__fill{height:100%;background:var(--quiz-black);border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1)}.quiz-progress__text{max-width:var(--quiz-max-width);margin:8px auto 0;font-size:12px;color:var(--quiz-gray-500);letter-spacing:.05em;text-transform:uppercase}.quiz-question{max-width:var(--quiz-max-width);margin:0 auto;padding:48px 20px 120px;min-height:60vh}.quiz-question__number{font-size:12px;color:var(--quiz-gray-500);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}.quiz-question__title{font-size:clamp(24px,3.5vw,36px);font-weight:400;letter-spacing:-.01em;line-height:1.2;margin:0 0 8px}.quiz-question__subtitle{font-size:15px;color:var(--quiz-gray-700);margin:0 0 36px;line-height:1.5}.quiz-answers{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quiz-answers--palette{grid-template-columns:repeat(4,1fr)}@media(max-width:640px){.quiz-answers{grid-template-columns:1fr;gap:12px}.quiz-answers--palette{grid-template-columns:repeat(2,1fr)}}.quiz-answer{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px 16px;background:var(--quiz-white);border:2px solid var(--quiz-gray-200);border-radius:var(--quiz-radius-lg);cursor:pointer;transition:all var(--quiz-transition);text-align:center;min-height:120px;justify-content:center}.quiz-answer:hover{border-color:var(--quiz-gray-300);background:var(--quiz-gray-100)}.quiz-answer--selected{border-color:var(--quiz-black);background:var(--quiz-off-white)}.quiz-answer--selected:after{content:"\2713";position:absolute;top:10px;right:12px;width:24px;height:24px;background:var(--quiz-black);color:var(--quiz-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.quiz-answer__icon{font-size:32px;margin-bottom:12px;line-height:1}.quiz-answer__label{font-size:15px;font-weight:500;margin:0 0 4px}.quiz-answer__desc{font-size:13px;color:var(--quiz-gray-500);margin:0;line-height:1.4}.quiz-answer--swatch{padding:20px 12px;min-height:140px}.quiz-answer__swatch-row{display:flex;gap:6px;margin-bottom:12px;justify-content:center}.quiz-answer__swatch-dot{width:28px;height:28px;border-radius:50%;border:1px solid var(--quiz-gray-200)}.quiz-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--quiz-white);border-top:1px solid var(--quiz-gray-200);padding:16px 20px}.quiz-nav__inner{max-width:var(--quiz-max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px}.quiz-nav__back{padding:12px 24px;background:transparent;border:1px solid var(--quiz-gray-300);color:var(--quiz-black);font-size:14px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all var(--quiz-transition)}.quiz-nav__back:hover{border-color:var(--quiz-black)}.quiz-nav__back:disabled{opacity:.3;cursor:not-allowed}.quiz-nav__next{padding:12px 36px;background:var(--quiz-black);color:var(--quiz-white);border:none;font-size:14px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all var(--quiz-transition);margin-left:auto}.quiz-nav__next:hover{background:var(--quiz-accent-hover)}.quiz-nav__next:disabled{opacity:.3;cursor:not-allowed}.quiz-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:60px 20px;text-align:center}.quiz-loading__spinner{width:48px;height:48px;border:2px solid var(--quiz-gray-200);border-top-color:var(--quiz-black);border-radius:50%;animation:quiz-spin .8s linear infinite;margin-bottom:24px}@keyframes quiz-spin{to{transform:rotate(360deg)}}.quiz-loading__text{font-size:18px;color:var(--quiz-gray-700)}.quiz-results{max-width:var(--quiz-max-width-wide);margin:0 auto;padding:40px 20px 80px}.quiz-results__heading{text-align:center;font-size:clamp(24px,3.5vw,36px);font-weight:400;letter-spacing:-.01em;margin:0 0 8px}.quiz-results__subheading{text-align:center;font-size:15px;color:var(--quiz-gray-700);margin:0 0 32px;line-height:1.5}.quiz-size-carousel{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.quiz-size-carousel__arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--quiz-gray-300);border-radius:50%;cursor:pointer;transition:all var(--quiz-transition);font-size:18px;color:var(--quiz-black);flex-shrink:0}.quiz-size-carousel__arrow:hover{border-color:var(--quiz-black);background:var(--quiz-gray-100)}.quiz-size-carousel__name{font-size:clamp(18px,2.5vw,24px);font-weight:500;text-align:center;min-width:200px;letter-spacing:-.01em}.quiz-size-carousel__price{text-align:center;font-size:16px;color:var(--quiz-gray-700);margin:0 0 8px}.quiz-expandable-toggle{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:32px}.quiz-expandable-toggle__btn{padding:8px 20px;font-size:13px;font-weight:500;letter-spacing:.03em;border:1px solid var(--quiz-gray-300);background:transparent;cursor:pointer;transition:all var(--quiz-transition);text-transform:uppercase}.quiz-expandable-toggle__btn:first-child{border-radius:var(--quiz-radius) 0 0 var(--quiz-radius)}.quiz-expandable-toggle__btn:last-child{border-radius:0 var(--quiz-radius) var(--quiz-radius) 0}.quiz-expandable-toggle__btn--active{background:var(--quiz-black);color:var(--quiz-white);border-color:var(--quiz-black)}.quiz-results__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:900px){.quiz-results__grid{grid-template-columns:1fr;max-width:480px;margin:0 auto;gap:32px}}.quiz-result-card{background:var(--quiz-white);border:1px solid var(--quiz-gray-200);border-radius:var(--quiz-radius-lg);overflow:hidden;transition:box-shadow var(--quiz-transition)}.quiz-result-card:hover{box-shadow:0 4px 24px #00000014}.quiz-result-card__preview{position:relative;width:100%;aspect-ratio:1;background:var(--quiz-gray-100);overflow:hidden}.quiz-result-card__preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .2s ease}.quiz-result-card__preview img.quiz-layer--hidden{opacity:0}.quiz-result-card__preview img.quiz-layer--visible,.quiz-result-card__preview img.quiz-layer--base{opacity:1}.quiz-result-card__badge{position:absolute;top:12px;left:12px;background:var(--quiz-black);color:var(--quiz-white);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:3px}.quiz-result-card__info{padding:20px}.quiz-result-card__name{font-size:18px;font-weight:500;margin:0 0 6px;letter-spacing:-.01em}.quiz-result-card__desc{font-size:14px;color:var(--quiz-gray-500);margin:0 0 4px;line-height:1.4}.quiz-result-card__colors{display:flex;gap:4px;margin:12px 0 16px;flex-wrap:wrap}.quiz-result-card__color-dot{width:20px;height:20px;border-radius:50%;border:1px solid var(--quiz-gray-200)}.quiz-result-card__actions{display:flex;flex-direction:column;gap:8px;padding:0 20px 20px}.quiz-result-card__add-to-cart{width:100%;padding:14px;background:var(--quiz-black);color:var(--quiz-white);border:none;font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background var(--quiz-transition);text-align:center}.quiz-result-card__add-to-cart:hover{background:var(--quiz-accent-hover)}.quiz-result-card__add-to-cart:disabled{opacity:.5;cursor:not-allowed}.quiz-result-card__customize{display:block;width:100%;padding:12px;background:transparent;color:var(--quiz-black);border:1px solid var(--quiz-gray-300);font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;text-align:center;cursor:pointer;transition:all var(--quiz-transition)}.quiz-result-card__customize:hover{border-color:var(--quiz-black);background:var(--quiz-gray-100)}.quiz-results__retake{display:flex;justify-content:center;margin-top:40px}.quiz-results__retake-btn{padding:12px 32px;background:transparent;border:1px solid var(--quiz-gray-300);color:var(--quiz-black);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all var(--quiz-transition)}.quiz-results__retake-btn:hover{border-color:var(--quiz-black)}.quiz-fade-enter{opacity:0;transform:translateY(12px)}.quiz-fade-active{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}
/*# sourceMappingURL=/cdn/shop/t/148/assets/quiz-custom-case.css.map */