.quiz-hero{position:relative;min-height:var(--quiz-hero-height-mobile);overflow:hidden;width:100%;display:flex;align-items:flex-start}@media screen and (min-width:750px){.quiz-hero{min-height:var(--quiz-hero-height)}}.quiz-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.quiz-hero__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.quiz-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.quiz-hero__container{position:relative;z-index:1;display:grid;grid-template-columns:1fr;grid-template-areas:"content" "options" "button";align-items:start;gap:3.2rem;width:100%;padding-top:1.5rem;padding-bottom:2.4rem;padding-left:10px;padding-right:10px}@media screen and (min-width:750px){.quiz-hero__container{padding-top:2.5rem;padding-bottom:4rem;padding-left:40px;padding-right:40px}}@media screen and (min-width:990px){.quiz-hero__container{grid-template-columns:auto minmax(6rem,1fr) auto;grid-template-areas:"content . options" "button  . options";row-gap:1.4rem;column-gap:0}.quiz-hero__button{margin-top:0}}.quiz-hero__content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem;max-width:44rem}.quiz-hero--content-center .quiz-hero__content{align-items:center;text-align:center;margin:0 auto}.quiz-hero__heading{margin:0;color:var(--quiz-hero-heading-color);text-transform:uppercase;font-weight:800;font-size:var(--font-size--h1);line-height:1.1;letter-spacing:.5px;text-shadow:0 0 7px rgba(0,0,0,.25)}@media screen and (max-width:749px){.quiz-hero__heading{font-size:2rem}}@media screen and (min-width:750px){.quiz-hero__heading{line-height:1.05}}.quiz-hero__text{color:var(--quiz-hero-text-color);font-size:1.125rem;line-height:1.5;max-width:44rem}@media screen and (min-width:750px){.quiz-hero__text{font-size:1.5625rem}}.quiz-hero__text p{margin:0}.quiz-hero__button{grid-area:button;justify-self:start;margin-top:-1.8rem;display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.4rem;background:var(--quiz-hero-button-bg);color:var(--quiz-hero-button-text);border:.5px solid #000000;border-radius:10px;font-weight:700;font-size:1rem;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;transition:transform .15s ease,filter .15s ease}@media screen and (max-width:749px){.quiz-hero__button{font-size:.85rem}}.quiz-hero__button:hover{transform:translateY(-1px);filter:brightness(.93)}@keyframes quizHeroButtonPulse{0%{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--quiz-hero-button-bg) 70%,transparent)}50%{transform:scale(1.05)}to{transform:scale(1);box-shadow:0 0 0 10px color-mix(in srgb,var(--quiz-hero-button-bg) 0%,transparent)}}.quiz-hero__button--pulse{animation:quizHeroButtonPulse .6s ease}.quiz-hero__options{grid-area:options;align-self:start;display:flex;flex-direction:column;gap:1.0625rem;width:100%;flex-shrink:0}@media screen and (min-width:990px){.quiz-hero__options{max-width:27rem}}.quiz-hero__option{-webkit-appearance:none;appearance:none;font:inherit;text-align:left;width:100%;cursor:pointer;display:flex;align-items:center;gap:.9rem;padding:.9rem 1.3rem;border:.5px solid var(--quiz-option-border);border-radius:10px;background:#ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--quiz-option-text);text-decoration:none;transition:background-color .15s ease,border-color .15s ease}.quiz-hero__option:hover{background:#ffffff2e}.quiz-hero__option-dot{flex-shrink:0;width:1.1rem;height:1.1rem;border-radius:50%;border:1.5px solid currentColor;position:relative}.quiz-hero__option-label{font-size:1rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}@media screen and (max-width:749px){.quiz-hero__option-label{font-size:.85rem;text-shadow:0 1px 3px rgba(0,0,0,.55)}.quiz-hero__option-dot{filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}}.quiz-hero__option--active{background:var(--quiz-option-active-bg);border-color:var(--quiz-option-active-bg);color:var(--quiz-option-active-text)}.quiz-hero__option--active .quiz-hero__option-dot{border-color:currentColor;background:currentColor;box-shadow:inset 0 0 0 3px var(--quiz-option-active-bg)}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-quiz-hero.css.map */