.c-quiz{--cq-red: var(--color-accent, #c1151c);--cq-dark: #0b0b0b;--cq-tile: #171717;--cq-subtle: #d8d1c8;--cq-soft: #f9f9f9;--cq-ink: #343434;display:block;position:relative;color:#fff}.c-quiz [hidden]{display:none!important}.c-quiz__head{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:40px;text-align:center}.c-quiz__eyebrow,.c-quiz__q-count,.c-quiz__side-label,.c-quiz__why-title{margin:0;font-size:12px;font-weight:600;line-height:1.05;text-transform:uppercase}.c-quiz .c-quiz__title{color:#fff;margin-bottom:0}.c-quiz__lead{max-width:640px;margin:0;font-size:18px;opacity:.8}.c-quiz__card{display:flex;border:1px solid #fff;border-radius:12px;overflow:hidden;background:var(--cq-dark)}.c-quiz__side{flex:0 0 272px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:36px 32px 32px;background:#fff;color:#000}.c-quiz__side-label{color:var(--cq-ink);margin-bottom:28px}.c-quiz__step-list{display:flex;flex-direction:column;gap:28px;margin:0;padding:0;list-style:none}.c-quiz__step{position:relative;display:flex;align-items:center;gap:16px;opacity:.6}.c-quiz__step:not(:last-child):after{content:"";position:absolute;left:19.25px;top:40px;width:1.5px;height:28px;background:#000}.c-quiz__step.is-current,.c-quiz__step.is-done{opacity:1}.c-quiz__step-circle{flex:0 0 40px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1.5px solid #000;border-radius:50%;font-size:14px;font-weight:600;line-height:1}.c-quiz__step-tick{display:none}.c-quiz__step.is-current .c-quiz__step-circle{background:#000;color:#fff}.c-quiz__step.is-done .c-quiz__step-circle{background:var(--cq-red);border-color:var(--cq-red);color:#fff}.c-quiz__step.is-done .c-quiz__step-num{display:none}.c-quiz__step.is-done .c-quiz__step-tick{display:inline}.c-quiz__step-text{display:flex;flex-direction:column;gap:4px;font-weight:600;line-height:1.05;text-transform:uppercase}.c-quiz__step-name{font-size:18px}.c-quiz__step-status{font-size:12px;color:var(--cq-ink)}.c-quiz__step.is-current .c-quiz__step-status{color:var(--cq-red)}.c-quiz__progress{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--cq-subtle)}.c-quiz__rail{height:4px;border-radius:999px;background:var(--cq-subtle);overflow:hidden}.c-quiz__fill{display:block;height:100%;border-radius:999px;background:var(--cq-red);transition:width .3s ease}.c-quiz__progress-text{margin:0;font-size:14px;font-weight:600;line-height:1.05;text-transform:uppercase}.c-quiz__progress-mob{display:none}.c-quiz__panel{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:28px;padding:36px 40px 32px;background:var(--cq-dark)}.c-quiz__q{min-width:0;margin:0;padding:0;border:0}.c-quiz__q-head{display:flex;flex-direction:column;gap:12px;padding:0}.c-quiz__q-count{opacity:.7}.c-quiz .c-quiz__q-title{color:#fff}.c-quiz__q-text{margin:12px 0 0;font-size:16px;opacity:.8}.c-quiz__opts-wrap{position:relative;margin-top:28px}.c-quiz__opts{display:flex;gap:16px;padding:2px}.c-quiz__opt{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:stretch;border:1px solid #fff;border-radius:10px;overflow:hidden;background:var(--cq-dark);cursor:pointer}.c-quiz__opt-media{display:flex;align-items:center;justify-content:center;height:130px;background:var(--cq-tile);color:#fff}.c-quiz__opt-label{display:block;padding:14px 16px 16px;background:#000;color:#fff;font-size:14px;font-weight:600;line-height:1.05;text-transform:uppercase}.c-quiz__check{display:none;position:absolute;top:12px;right:12px;width:28px;height:28px}.c-quiz__opt:has(.c-quiz__radio:checked){box-shadow:0 0 0 1px #fff}.c-quiz__opt:has(.c-quiz__radio:checked) .c-quiz__opt-label{background:#fff;color:#000}.c-quiz__opt:has(.c-quiz__radio:checked) .c-quiz__check{display:block}.c-quiz__opt:has(.c-quiz__radio:focus-visible){outline:2px solid var(--cq-red);outline-offset:2px}.c-quiz__opt:hover{border-color:#fff}.c-quiz__q--style .c-quiz__opts-wrap{margin-right:-40px}.c-quiz__q--style .c-quiz__opts{gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:40px}.c-quiz__q--style .c-quiz__opts::-webkit-scrollbar{display:none}.c-quiz__q--style .c-quiz__opt{flex:0 0 152px;scroll-snap-align:start}.c-quiz__q--style .c-quiz__opt-media{height:120px;background:#1a1a1a}.c-quiz__q--style .c-quiz__opt-media img{display:block;width:100%;height:100%;object-fit:cover}.c-quiz__q--style .c-quiz__opt-label{padding:14px 8px;text-align:center}.c-quiz__arrow{position:absolute;top:61px;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #fff;border-radius:50%;background:#000;color:#fff;font-size:18px;line-height:1;box-shadow:0 4px 12px #0006;cursor:pointer}.c-quiz__arrow--prev{left:-22px}.c-quiz__arrow--next{right:16px;background:#fff;color:#000}.c-quiz__dots{display:flex;gap:8px}.c-quiz__dot{width:16px;height:16px;border:1.5px solid #fff;border-radius:50%}.c-quiz__dot.is-on{background:#fff}.c-quiz__unsure{font-size:26px;font-weight:600}.c-quiz__hair{display:block;color:#fff}.c-quiz__footer{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid #fff}.c-quiz__back,.c-quiz__restart{padding:0;border:0;background:none;color:#fff;font-size:14px;font-weight:600;line-height:1.05;text-transform:uppercase;cursor:pointer}.c-quiz__back:disabled{opacity:.35;cursor:default}.c-quiz .c-quiz__next{width:auto}.c-quiz__loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:320px;text-align:center}.c-quiz .c-quiz__loader-title{color:#fff}.c-quiz__loader-text{max-width:420px;margin:0;opacity:.8}.c-quiz__spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--cq-red);border-radius:50%;animation:c-quiz-spin .8s linear infinite}@keyframes c-quiz-spin{to{transform:rotate(360deg)}}.c-quiz__results{display:flex;flex-direction:column;gap:24px;outline:none}.c-quiz__results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.c-quiz__results-head .c-quiz__q-count{margin-bottom:10px;opacity:1}.c-quiz__restart{flex:none;text-decoration:underline}.c-quiz__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.c-quiz__result{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:8px;background:#fff;color:#000}.c-quiz__result .custom-card{display:flex;flex-direction:column;gap:12px}.c-quiz__result .c-pc-media{position:relative;border:1px solid var(--cq-subtle);border-radius:6px;background:var(--cq-soft);overflow:hidden}.c-quiz__badge{position:absolute;top:9px;right:9px;z-index:2;padding:5px 10px;border-radius:99px;background:var(--cq-red);color:#fff;font-size:12px;font-weight:600;line-height:1.05;text-transform:uppercase}.c-quiz__badge--great{background:#000}.c-quiz__why{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid #000}.c-quiz__why-body{margin:0;font-size:14px;line-height:1.6}@media screen and (min-width:750px)and (max-width:989px){.c-quiz__card{flex-direction:column}.c-quiz__side{flex:none;gap:0;padding:20px 32px}.c-quiz__steps{display:none}.c-quiz__progress{padding-top:0;border-top:0}.c-quiz__progress-desk{display:none}.c-quiz__progress-mob{display:inline}.c-quiz__panel{padding:32px}.c-quiz__grid{gap:12px}}@media screen and (max-width:749px){.c-quiz__head{gap:12px;margin-bottom:28px}.c-quiz .c-quiz__title{font-size:28px}.c-quiz__lead{font-size:16px}.c-quiz__card{flex-direction:column}.c-quiz__side{flex:none;padding:16px;gap:0}.c-quiz__steps{display:none}.c-quiz__progress{padding-top:0;border-top:0}.c-quiz__progress-desk{display:none}.c-quiz__progress-mob{display:inline}.c-quiz__panel{gap:24px;padding:24px 16px}.c-quiz__q-text{font-size:14px}.c-quiz__opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.c-quiz__opt-media{height:96px}.c-quiz__q--style .c-quiz__opts-wrap{margin-right:-16px}.c-quiz__q--style .c-quiz__opts{display:flex;padding-right:16px}.c-quiz__q--style .c-quiz__opt{flex-basis:128px}.c-quiz__q--style .c-quiz__opt-media{height:100px}.c-quiz__arrow{display:none}.c-quiz__results-head{flex-direction:column;align-items:flex-start}.c-quiz__grid{display:flex;gap:12px;margin-right:-16px;padding-right:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.c-quiz__grid::-webkit-scrollbar{display:none}.c-quiz__result{flex:0 0 82%;scroll-snap-align:start}}.c-quiz .c-quiz__back.c-quiz__back,.c-quiz .c-quiz__restart.c-quiz__restart{font-family:var(--c-font-heading--family);font-size:14px;font-weight:600;line-height:1.05;letter-spacing:0}.c-quiz .c-quiz__arrow.c-quiz__arrow{font-size:18px;font-weight:600;line-height:1}.c-quiz .c-quiz__opt{display:flex;align-items:stretch;gap:0}.c-quiz .c-quiz__radio{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;overflow:hidden;clip-path:inset(50%);-webkit-appearance:none;appearance:none;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/24/assets/c-quiz.css.map */