.cgb-qp{display:block}.cgb-qp[hidden],.cgb-qp [hidden]{display:none!important}.cgb-qp *,.cgb-qp *:before,.cgb-qp *:after{box-sizing:border-box}.cgb-qp__wrap{max-width:1240px;margin:0 auto;padding-left:8px;padding-right:8px}.cgb-qp__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.cgb-qp__card{order:2;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:28px 16px 24px;border-radius:calc(var(--cgb-radius, 18px) * .7);color:var(--cgb-text, #f5f4f1);background-color:var(--cgb-card-bg, #111113);background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:16px 16px}.cgb-qp__media{order:1;position:relative;overflow:hidden;min-width:0;height:180px;max-width:100%;border-radius:calc(var(--cgb-radius, 18px) * .7);background:var(--cgb-bg, #0b0b0c)}.cgb-qp__media-picture,.cgb-qp__media-img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cgb-qp__media-img{object-fit:cover}.cgb-qp__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,calc(var(--cgb-overlay, .45) + .25)),rgba(0,0,0,var(--cgb-overlay, .45)) 45%,rgba(0,0,0,calc(var(--cgb-overlay, .45) * .3)));pointer-events:none}.cgb-qp__media-text{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:16px;color:#fff}.cgb-qp__media-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 6px;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:#00000073;border-radius:999px}.cgb-qp__media-dot{width:7px;height:7px;border-radius:50%;background:var(--cgb-accent, #d2dc00)}.cgb-qp__media-heading{margin:0;font-family:var(--font-stack-header);font-weight:var(--font-weight-header);font-size:24px;line-height:1.05;text-transform:uppercase}.cgb-qp__media-caption{max-width:420px;margin:6px 0 0;font-size:13px;line-height:1.45;opacity:.85}@media(max-width:989px){.cgb-qp[data-mobile-media=hidden] .cgb-qp__media,.cgb-qp[data-mobile-media=first][data-cgb-first=false] .cgb-qp__media{display:none}}.cgb-qp__step{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;text-align:center;animation:cgbQpFade .25s ease}@keyframes cgbQpFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cgb-qp__progress{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cgb-accent, #d2dc00)}.cgb-qp__heading{margin:0;font-family:var(--font-stack-header);font-weight:var(--font-weight-header);font-size:26px;line-height:1.1;letter-spacing:.01em;text-transform:uppercase;color:var(--cgb-text, #f5f4f1);text-wrap:balance;overflow-wrap:anywhere;outline:none}.cgb-qp__heading--start{font-size:34px}.cgb-qp__sub{max-width:520px;margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--cgb-muted, #a8a8a6);text-wrap:balance}.cgb-qp__note{margin:12px 0 0;font-size:13px;color:var(--cgb-muted, #a8a8a6)}.cgb-qp__answers{display:grid;gap:10px;width:100%;margin-top:22px}.cgb-qp__answers--text{grid-template-columns:minmax(0,1fr)}.cgb-qp__option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:14px 16px;font:inherit;font-size:15px;line-height:1.35;text-align:left;color:var(--cgb-text, #f5f4f1);background:#ffffff0a;border:1px solid rgba(255,255,255,.14);border-radius:calc(var(--cgb-radius, 18px) * .6);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.cgb-qp__option-arrow{flex-shrink:0;color:var(--cgb-accent, #d2dc00);transition:transform .15s ease}.cgb-qp__answers--image{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cgb-qp__tile{display:flex;flex-direction:column;width:100%;padding:0;overflow:hidden;font:inherit;text-align:center;color:var(--cgb-text, #f5f4f1);background:#ffffff0a;border:1px solid rgba(255,255,255,.14);border-radius:calc(var(--cgb-radius, 18px) * .6);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,transform .15s ease}.cgb-qp__tile-media img,.cgb-qp__placeholder{display:block;width:100%;max-width:100%;aspect-ratio:4 / 5;object-fit:cover}.cgb-qp__placeholder{fill:#ffffff40;background:#ffffff0f}.cgb-qp__tile-label{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 10px;font-size:14px;font-weight:600;line-height:1.25;transition:background-color .15s ease,color .15s ease}.cgb-qp__tile-desc{padding:8px 10px 0;font-size:12px;line-height:1.35;color:var(--cgb-muted, #a8a8a6)}@media(hover:hover){.cgb-qp__option:hover,.cgb-qp__tile:hover{border-color:var(--cgb-accent, #d2dc00)}.cgb-qp__option:hover .cgb-qp__option-arrow{transform:translate(3px)}}.cgb-qp__option[aria-pressed=true]{color:#000;background:var(--cgb-accent, #d2dc00);border-color:var(--cgb-accent, #d2dc00)}.cgb-qp__option[aria-pressed=true] .cgb-qp__option-arrow{color:#000}.cgb-qp__tile[aria-pressed=true]{border-color:var(--cgb-accent, #d2dc00);box-shadow:0 0 0 1px var(--cgb-accent, #d2dc00)}.cgb-qp__tile[aria-pressed=true] .cgb-qp__tile-label{color:#000;background:var(--cgb-accent, #d2dc00)}.cgb-qp__link{min-height:48px;margin-top:18px;padding:12px 16px;background:none;border:0;font:inherit;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cgb-muted, #a8a8a6);cursor:pointer;touch-action:manipulation}.cgb-qp__link:hover{color:var(--cgb-text, #f5f4f1)}.cgb-qp__link--skip{margin-top:8px;text-transform:none;letter-spacing:0;text-decoration:underline;text-underline-offset:3px}.cgb-qp__link--skip+.cgb-qp__link{margin-top:0}.cgb-qp__submit{position:relative;width:100%;max-width:340px;min-height:52px;padding:12px 24px;font:inherit;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#000;background:var(--cgb-accent, #d2dc00);border:0;border-radius:999px;cursor:pointer;touch-action:manipulation;transition:opacity .15s ease,transform .15s ease}.cgb-qp__start-btn{margin-top:24px}@media(hover:hover){.cgb-qp__start-btn:hover{transform:translateY(-1px)}}.cgb-qp__submit[aria-disabled=true]{opacity:.45}.cgb-qp__email-art{max-width:160px;margin-top:18px}.cgb-qp__email-art img{display:block;width:100%;height:auto}.cgb-qp__form{display:grid;justify-items:center;gap:12px;width:100%;max-width:420px;margin-top:22px}.cgb-qp__input{width:100%;min-height:52px;padding:12px 20px;font:inherit;font-size:16px;text-align:center;color:var(--cgb-text, #f5f4f1);background:var(--cgb-bg, #0b0b0c);border:1px solid rgba(255,255,255,.2);border-radius:999px}.cgb-qp__input::placeholder{color:var(--cgb-muted, #a8a8a6)}.cgb-qp__input:focus{outline:none;border-color:var(--cgb-accent, #d2dc00)}.cgb-qp__error{margin:0;font-size:14px;color:#ff8a80}.cgb-qp__consent{font-size:12px;line-height:1.6;color:var(--cgb-muted, #a8a8a6)}.cgb-qp__consent p{margin:0}.cgb-qp__consent a{color:inherit;text-decoration:underline}.cgb-qp__step--loading{justify-content:center;min-height:240px}.cgb-qp__spinner{width:44px;height:44px;margin-bottom:20px;border-radius:50%;border:4px solid rgba(255,255,255,.12);border-top-color:var(--cgb-accent, #d2dc00);animation:cgbQpSpin .8s linear infinite}@keyframes cgbQpSpin{to{transform:rotate(360deg)}}.cgb-qp__option:focus-visible,.cgb-qp__tile:focus-visible,.cgb-qp__link:focus-visible,.cgb-qp__submit:focus-visible{outline:2px solid var(--cgb-accent, #d2dc00);outline-offset:3px}@media(min-width:750px){.cgb-qp__wrap{padding-left:24px;padding-right:24px}.cgb-qp__layout{gap:14px}.cgb-qp__card,.cgb-qp__media{border-radius:var(--cgb-radius, 18px)}.cgb-qp__card{padding:44px 40px 36px}.cgb-qp__media{height:260px}.cgb-qp__media-text{padding:22px 26px}.cgb-qp__heading{font-size:34px}.cgb-qp__heading--start{font-size:46px}.cgb-qp__answers--image{grid-template-columns:repeat(auto-fit,minmax(140px,170px));justify-content:center;gap:14px}}@media(min-width:990px){.cgb-qp--has-media .cgb-qp__layout{grid-template-columns:minmax(0,55fr) minmax(0,45fr);gap:16px;min-height:var(--cgb-min-height, 640px)}.cgb-qp--has-media .cgb-qp__card{order:1}.cgb-qp--has-media .cgb-qp__media{order:2;height:auto;min-height:var(--cgb-min-height, 640px)}.cgb-qp--media-left .cgb-qp__card{order:2}.cgb-qp--media-left .cgb-qp__media{order:1}.cgb-qp:not(.cgb-qp--has-media) .cgb-qp__layout{max-width:880px;margin:0 auto}.cgb-qp__card{padding:56px 52px 44px}.cgb-qp:not(.cgb-qp--has-media) .cgb-qp__card{min-height:var(--cgb-min-height, 640px)}.cgb-qp__media-text{padding:32px 34px}.cgb-qp__media-heading{font-size:40px}.cgb-qp__media-caption{font-size:15px}.cgb-qp__heading{font-size:38px}.cgb-qp__heading--start{font-size:56px}.cgb-qp__step--loading{min-height:320px}}@media(prefers-reduced-motion:reduce){.cgb-qp__step,.cgb-qp__spinner{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/cgb-quiz-page.css.map */