.quiz-preview__grid{display:grid;gap:4rem;align-items:center}@media(min-width:1024px){.quiz-preview__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6rem}}.quiz-preview__intro{max-width:42rem}.quiz-preview__heading{margin-top:1rem}.quiz-preview__body{margin-top:1.25rem;line-height:1.7;color:color-mix(in srgb,var(--color-ink) 70%,transparent)}.quiz-preview__cta{margin-top:2.5rem}.quiz-preview__panel{margin-inline:auto;width:100%;max-width:480px;height:280px}@media(min-width:640px){.quiz-preview__panel{height:400px}}.quiz-preview__cards{position:relative;margin-inline:auto;height:100%;width:100%;max-width:440px;padding:1.5rem 1.25rem}.quiz-preview__card{position:absolute;width:230px;border:1px solid var(--hairline);background:var(--color-ivory);padding:1.5rem;transition:transform .5s var(--ease-soft)}@media(min-width:640px){.quiz-preview__card{width:250px}}.quiz-preview__card--1{display:none;left:0;top:3.5rem;transform:rotate(-4deg)}.quiz-preview__card--1:hover{transform:rotate(-1deg)}.quiz-preview__card--2{left:50%;top:2rem;z-index:10;transform:translate(-50%) rotate(-2deg)}.quiz-preview__card--2:hover{transform:translate(-50%) rotate(-2deg) translateY(-4px)}.quiz-preview__card--3{display:none;right:0;top:5rem;transform:rotate(4deg)}.quiz-preview__card--3:hover{transform:rotate(1deg)}@media(min-width:640px){.quiz-preview__card--1,.quiz-preview__card--3{display:block}.quiz-preview__card--2{top:0;transform:translate(-50%)}.quiz-preview__card--2:hover{transform:translate(-50%) translateY(-4px)}}.quiz-preview__question{margin-top:.75rem;font-family:var(--font-display);font-size:1.25rem;line-height:1.375;color:var(--color-ink)}.quiz-preview__options{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.5rem}.quiz-preview__pill{border:1px solid color-mix(in srgb,var(--color-ink) 15%,transparent);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:500;letter-spacing:.04em;color:color-mix(in srgb,var(--color-ink) 70%,transparent)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-quiz-preview.css.map */