:where(.quiz-banner){--quiz-banner-block-size: 97px;--quiz-banner-inset-inline: 20px;--quiz-banner-inset-block: 13px;--quiz-banner-content-shift: 0%;--quiz-banner-content-inline-size: none;--quiz-banner-content-gap: 6px;--quiz-banner-heading-inline-size: 270px;--quiz-banner-heading-line-height: 22px;--quiz-banner-heading-wrap: pretty;--quiz-banner-link-block-size: auto;--quiz-banner-link-gap: 6px;--quiz-banner-label-rule: 1px;--quiz-banner-label-decoration: none;--quiz-banner-chevron-inline-size: 10px;--quiz-banner-chevron-block-size: 7px}.quiz-banner{box-sizing:border-box;position:relative;block-size:var(--quiz-banner-block-size);overflow:hidden}.quiz-banner__artwork{position:absolute;top:0;right:0;bottom:0;left:0}.quiz-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.quiz-banner__content{position:absolute;inset-inline-start:var(--quiz-banner-inset-inline);inset-block-start:var(--quiz-banner-inset-block);display:flex;flex-direction:column;gap:var(--quiz-banner-content-gap);max-inline-size:var(--quiz-banner-content-inline-size);translate:0 var(--quiz-banner-content-shift)}.quiz-banner__heading{margin:0;font-family:var(--font-brand-family);font-weight:var(--font-weight-semibold);font-size:18px;line-height:var(--quiz-banner-heading-line-height);letter-spacing:normal;text-wrap:var(--quiz-banner-heading-wrap);max-inline-size:var(--quiz-banner-heading-inline-size)}.quiz-banner__heading em{font-family:var(--font-accent-family);font-style:italic;font-weight:var(--font-weight-regular)}.quiz-banner__link{display:flex;align-items:center;gap:var(--quiz-banner-link-gap);block-size:var(--quiz-banner-link-block-size);color:currentcolor;text-decoration:none}.quiz-banner__label{font-family:var(--font-brand-family);font-weight:var(--font-weight-regular);font-size:13px;line-height:18px;letter-spacing:normal;text-decoration-line:var(--quiz-banner-label-decoration);border-block-end:var(--quiz-banner-label-rule) solid currentcolor}.quiz-banner__chevron svg{display:block;inline-size:var(--quiz-banner-chevron-inline-size);block-size:var(--quiz-banner-chevron-block-size)}.quiz-banner__link:focus-visible{outline:2px solid currentcolor;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/926/assets/component-quiz-banner.css.map */