.gl-quiz{background:var(--gl-ivory)}.gl-quiz [hidden]{display:none!important}.gl-quiz__main{max-width:1280px;margin:0 auto;padding:64px 24px}@media(min-width:640px){.gl-quiz__main{padding-left:40px;padding-right:40px}}@media(min-width:1024px){.gl-quiz__main{padding-top:96px;padding-bottom:96px}}.gl-quiz__back{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--gl-fog)!important}.gl-quiz__back:hover{color:var(--gl-charcoal)!important}.gl .gl-quiz__h1{margin-top:24px;font-size:48px;line-height:.95;letter-spacing:-.03em;color:var(--gl-charcoal)}@media(min-width:640px){.gl .gl-quiz__h1{font-size:60px}}@media(min-width:1024px){.gl .gl-quiz__h1{font-size:72px}}.gl-quiz__intro{margin-top:16px!important;max-width:42rem;font-size:18px;line-height:1.6;color:var(--gl-fog)}.gl-quiz__progress{display:flex;gap:6px;margin-top:40px}.gl-quiz__bar{flex:1;height:4px;background:#e5e0d8;transition:background-color .3s}.gl-quiz__bar.is-done{background:var(--gl-charcoal)}.gl-quiz__q{margin-top:48px}.gl-quiz__eyebrow{margin-bottom:0}.gl .gl-quiz__h2{margin-top:12px;font-size:30px;line-height:1.05;color:var(--gl-charcoal)}@media(min-width:640px){.gl .gl-quiz__h2{font-size:36px}}@media(min-width:1024px){.gl .gl-quiz__h2{font-size:48px}}.gl-quiz__help{margin-top:12px!important;font-size:16px;color:var(--gl-fog)}.gl-quiz__opts{display:grid;gap:16px;margin-top:36px}@media(min-width:640px){.gl-quiz__opts{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.gl-quiz__opts{grid-template-columns:repeat(4,1fr)}}.gl .gl-quiz__opt{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid var(--gl-border);text-align:left;transition:border-color .2s,background-color .2s}.gl .gl-quiz__opt:hover{border-color:var(--gl-charcoal);background:color-mix(in srgb,var(--gl-charcoal) 3%,transparent)}@media(min-width:1024px){.gl .gl-quiz__opt{flex-direction:column;align-items:flex-start;padding:32px}}.gl-quiz__opt-sw{width:48px;height:48px;border-radius:9999px;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000000d}@media(min-width:1024px){.gl-quiz__opt-sw{width:80px;height:80px}}.gl-quiz__opt-label{display:block;font-size:16px;color:var(--gl-charcoal)}.gl-quiz__opt-hint{display:block;margin-top:4px;font-size:14px;color:var(--gl-fog)}.gl .gl-quiz__prev{display:inline-flex;align-items:center;gap:8px;margin-top:32px;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--gl-fog);transition:color .2s}.gl .gl-quiz__prev:hover{color:var(--gl-charcoal)}.gl-quiz__restart svg{width:14px;height:14px}.gl-quiz__cards{display:flex;flex-direction:column;gap:16px;margin-top:32px}.gl-quiz__card{display:flex;flex-direction:column;gap:20px;padding:24px;border:1px solid var(--gl-border);background:#fff}@media(min-width:640px){.gl-quiz__card{flex-direction:row;align-items:center;padding:28px}}.gl-quiz__sw{width:80px;height:80px;border-radius:9999px;flex-shrink:0;box-shadow:0 0 0 1px #0000000d}@media(min-width:640px){.gl-quiz__sw{width:96px;height:96px}}.gl-quiz__card-mid{flex:1;min-width:0}.gl-quiz__best{font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:var(--gl-berry)}.gl-quiz__name{margin-top:4px;font-family:var(--gl-font-display);font-weight:var(--gl-font-display-weight);font-size:24px;line-height:1.2;color:var(--gl-charcoal)}.gl-quiz__line{margin-top:2px;font-size:14px;color:var(--gl-fog)}.gl-quiz__price{margin-top:6px;font-size:16px;color:var(--gl-charcoal)}.gl-quiz__card-actions{display:flex;flex-direction:column;gap:8px}@media(min-width:640px){.gl-quiz__card-actions{align-items:flex-end}}.gl .gl-quiz__add{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:var(--gl-charcoal);color:var(--gl-ivory)!important;font-size:12px;text-transform:uppercase;letter-spacing:.18em;white-space:nowrap;transition:opacity .2s}.gl .gl-quiz__add:hover{opacity:.9}.gl .gl-quiz__add:disabled{opacity:.45;cursor:not-allowed}.gl-quiz__add svg{width:14px;height:14px}.gl-quiz__shop{display:inline-flex;justify-content:center;padding:12px 28px;border:1px solid var(--gl-charcoal);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--gl-charcoal)!important;white-space:nowrap;transition:background-color .2s,color .2s}.gl-quiz__shop:hover{background:var(--gl-charcoal);color:var(--gl-ivory)!important}
/*# sourceMappingURL=/cdn/shop/t/11/assets/gl-shade-quiz.css.map */