.teabo-quiz{max-width:144rem;margin:0 auto;padding:5.5rem 2rem 7rem;font-family:var(--font-body);font-size:1.5rem;letter-spacing:.06rem;line-height:1.8}.teabo-quiz__head{text-align:center;max-width:62rem;margin:0 auto 4rem}.teabo-quiz__eyebrow{display:block;font-size:1.15rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.8rem}.teabo-quiz__title{font-family:var(--font-heading);font-weight:700;word-break:break-word;color:var(--text-heading);text-transform:none;letter-spacing:0;font-size:clamp(2.8rem,3.4vw,4rem);line-height:1.15;text-wrap:balance;margin:0}.teabo-quiz__title em{font-style:normal;color:var(--accent)}.teabo-quiz__sub{color:#777770;font-size:1.4rem;margin:1.2rem 0 0}.teabo-quiz__card{max-width:64rem;margin:0 auto;background:var(--teabo-blanc);border-radius:var(--radius-media);padding:3.4rem 3.6rem 3.6rem;box-shadow:0 14px 44px #2e431e12}.teabo-quiz__meta{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#777770;margin-bottom:1.2rem}.teabo-quiz__bar{height:5px;background:var(--teabo-beige-50);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:2.6rem}.teabo-quiz__bar i{display:block;height:100%;width:0;background:var(--accent);border-radius:var(--radius-pill);transition:width .3s ease}.teabo-quiz__step{border:0;padding:0;margin:0;min-width:0}.teabo-quiz__step legend{display:block;width:100%;padding:0}.teabo-quiz__q{font-family:var(--font-subheading);word-break:break-word;font-size:2.2rem;font-weight:700;color:var(--teabo-vert-100);margin:0 0 2rem;line-height:1.2}.teabo-quiz__opts{display:flex;flex-direction:column;gap:1rem}.teabo-quiz__opt{font-family:inherit;text-align:left;background:var(--surface-page);color:var(--teabo-vert-100);border:1px solid var(--border-soft);border-radius:var(--radius-pill);padding:1.5rem 2.2rem;font-size:1.5rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.teabo-quiz__opt:hover,.teabo-quiz__opt:focus-visible{border-color:var(--accent);background:var(--teabo-blanc);transform:translate(4px)}.teabo-quiz__opt[aria-pressed=true]{border-color:var(--accent);background:var(--teabo-blanc)}.teabo-quiz__back{margin-top:2.2rem;background:none;border:0;color:#777770;font-family:inherit;font-size:1.3rem;font-weight:600;cursor:pointer;padding:0}.teabo-quiz__back:hover{color:var(--teabo-vert-100)}.teabo-quiz__result{max-width:90rem;margin:0 auto}.teabo-quiz__result-label{text-align:center;font-size:1.1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#777770;margin-bottom:1rem}.teabo-quiz__result-title{font-family:var(--font-heading);font-weight:700;word-break:break-word;text-align:center;color:var(--teabo-vert-100);text-transform:none;letter-spacing:0;font-size:clamp(2.6rem,3.2vw,3.8rem);line-height:1.05;margin:0 0 3rem}.teabo-quiz__res-card{display:grid;grid-template-columns:1fr 1.1fr;background:var(--teabo-blanc);border-radius:var(--radius-media);overflow:hidden;box-shadow:0 14px 44px #2e431e12}.teabo-quiz__res-media{position:relative;min-height:34rem;background:var(--teabo-beige-50)}.teabo-quiz__res-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.teabo-quiz__res-badge{position:absolute;top:1.2rem;left:1.2rem;background:var(--teabo-beige-50);color:var(--teabo-vert-100);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;border-radius:6px;padding:.5rem 1rem}.teabo-quiz__res-body{padding:3.2rem 3.4rem;display:flex;flex-direction:column;justify-content:center;gap:1rem}.teabo-quiz__res-moment{color:var(--accent);font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.teabo-quiz__res-name{font-family:var(--font-tea-name);text-transform:uppercase;letter-spacing:var(--tracking-tea-name);font-weight:700;color:var(--teabo-vert-100);font-size:1.8rem}.teabo-quiz__res-attrs{display:flex;gap:.7rem;flex-wrap:wrap}.teabo-quiz__res-attrs span{border:1px solid var(--border-soft);background:var(--surface-page);border-radius:var(--radius-pill);padding:.4rem 1.3rem;font-size:1.1rem;font-weight:600;color:var(--teabo-vert-100)}.teabo-quiz__res-desc{color:#777770;font-size:1.4rem;margin:0}.teabo-quiz__res-price{font-weight:700;color:var(--teabo-vert-100);font-size:1.4rem}.teabo-quiz__res-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.4rem}.teabo-quiz__res-cta--center{justify-content:center;margin-top:2rem}.teabo-quiz__res-cta .button{display:inline-flex;justify-content:center;align-items:center;min-width:calc(12rem + 2px);min-height:calc(4.5rem + 2px);padding:0 3rem;border:0;cursor:pointer;font:inherit;font-size:1.5rem;letter-spacing:.1rem;line-height:1.2;text-decoration:none;border-radius:41px;-webkit-appearance:none;appearance:none;transition:box-shadow .1s ease}.teabo-quiz__res-cta .button--primary{background-color:var(--accent);color:var(--teabo-blanc)}.teabo-quiz__res-cta .button--primary:not([disabled]):hover{box-shadow:0 0 0 1px var(--accent)}.teabo-quiz__res-cta .button--secondary{background-color:var(--surface-page);color:var(--teabo-vert-100);border:1px solid #d9d5c9;box-shadow:inset 0 0 0 1.3px var(--teabo-vert-100)}.teabo-quiz__res-cta .button--secondary:not([disabled]):hover{box-shadow:inset 0 0 0 2.3px var(--teabo-vert-100)}.teabo-quiz__res-why{max-width:64rem;margin:2.2rem auto 0;text-align:center;color:#777770;font-size:1.3rem}@media screen and (min-width:750px){.teabo-quiz{font-size:1.6rem}}@media screen and (max-width:749px){.teabo-quiz{padding:3.5rem 1.2rem 5rem}.teabo-quiz__card{padding:2.4rem 1.8rem}.teabo-quiz__res-card{grid-template-columns:1fr}.teabo-quiz__res-media{min-height:24rem}}.teabo-quiz__res-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--teabo-beige-100)}.teabo-quiz__res-empty img{width:9rem;height:9rem;object-fit:contain;opacity:.3}.teabo-quiz__noscript{max-width:64rem;margin:0 auto;text-align:center;font-size:1.5rem;color:var(--teabo-vert-100)}.teabo-quiz__noscript a{color:inherit;text-decoration:underline;text-underline-offset:3px}.teabo-quiz__editor-note{max-width:64rem;margin:0 auto 2.4rem;text-align:center;font-size:1.3rem;color:var(--teabo-vert-100);border:1px dashed var(--accent);border-radius:var(--radius-media);padding:1.2rem 1.8rem}
/*# sourceMappingURL=/cdn/shop/t/15/assets/teabo-quiz.css.map */