.ton-quiz,.ton-quiz-teaser{padding-top:var(--ton-pt, 48px);padding-bottom:var(--ton-pb, 120px)}.ton-quiz [hidden],.ton-quiz-teaser [hidden]{display:none!important}.ton-quiz__app{display:block;max-width:112rem;margin-inline:auto}.ton-quiz__intro,.ton-quiz__panel,.ton-quiz__result{scroll-margin-top:11rem}.ton-quiz [tabindex="-1"]:focus{outline:none;box-shadow:none}.ton-quiz__empty{font-size:1.6rem}.ton-quiz__back-link{display:inline-flex;gap:.8rem;align-items:center;min-height:4.4rem;margin-bottom:2.4rem;color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:600;text-decoration:none}.ton-quiz__back-link:hover{text-decoration:underline;text-underline-offset:.3em}.ton-quiz__intro{display:grid;gap:2.4rem}.ton-quiz__title{font-size:clamp(4rem,7vw,9.6rem);line-height:.95;max-width:16ch;text-wrap:balance}.ton-quiz__title:focus{outline:none}.ton-quiz__intro-grid{display:grid;gap:3.2rem;align-items:start}.ton-quiz__intro-text{display:grid;gap:2rem;justify-items:start}.ton-quiz__meta{margin:0;display:inline-flex;padding:.6rem 1.4rem;border:.15rem solid rgb(var(--color-foreground));border-radius:999px;font-size:1.3rem;font-weight:600;letter-spacing:.04em}.ton-quiz__disclaimer{padding:2rem 2.2rem;border-left:.4rem solid var(--ton-mustard);background:rgba(var(--color-foreground),.04);font-size:1.45rem;line-height:1.55}.ton-quiz__disclaimer p{margin:0}.ton-quiz__disclaimer-label{margin-bottom:.6rem!important;font-size:1.15rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}@media screen and (min-width:990px){.ton-quiz__intro-grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:6.4rem}}.ton-quiz__panel{display:grid;gap:3.2rem;max-width:84rem}.ton-quiz__progress{display:grid;gap:1rem}.ton-quiz__count{margin:0;font-size:1.3rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums}.ton-quiz__bar{height:.4rem;background:rgba(var(--color-foreground),.12);border-radius:999px;overflow:hidden}.ton-quiz__bar span{display:block;height:100%;background:var(--ton-mustard);transform-origin:left center;transform:scaleX(0);transition:transform .6s var(--ton-ease)}.ton-quiz__step{margin:0;padding:0;border:0;min-width:0}.ton-quiz__question{padding:0;font-family:var(--ton-font-display);font-size:clamp(2.8rem,4vw,4.8rem);font-weight:500;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}.ton-quiz__question:focus{outline:none}.ton-quiz__hint{margin:1.2rem 0 0;font-size:1.5rem;color:rgba(var(--color-foreground),.75)}.ton-quiz__answers{display:grid;gap:1rem;margin-top:2.8rem}.ton-quiz__answer{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1.6rem;align-items:center;min-height:6.4rem;padding:1.6rem 2rem;border:.15rem solid rgba(var(--color-foreground),.35);border-radius:1.2rem;font-size:1.7rem;line-height:1.4;cursor:pointer;transition:border-color .3s var(--ton-ease),background-color .3s var(--ton-ease)}.ton-quiz__answer input{position:absolute;opacity:0;width:1px;height:1px}.ton-quiz__answer-mark{width:2.2rem;height:2.2rem;border:.15rem solid rgb(var(--color-foreground));border-radius:50%;display:grid;place-items:center}.ton-quiz__answer-mark:after{content:"";width:1.1rem;height:1.1rem;border-radius:50%;background:rgb(var(--color-foreground));transform:scale(0);transition:transform .25s var(--ton-ease)}.ton-quiz__answer:hover{border-color:rgb(var(--color-foreground))}.ton-quiz__answer:has(input:checked){border-color:rgb(var(--color-foreground));background:color-mix(in srgb,var(--ton-mustard) 28%,transparent)}.ton-quiz__answer input:checked+.ton-quiz__answer-mark:after{transform:scale(1)}.ton-quiz__answer:has(input:focus-visible){outline:.3rem solid var(--ton-graphite);outline-offset:.3rem}.ton-quiz__nav{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:space-between}.ton-quiz .ton-btn[disabled]{opacity:.4;cursor:not-allowed}.ton-quiz .ton-btn[disabled]:before{display:none}.ton-quiz__result{display:grid;gap:3.2rem;max-width:96rem}.ton-quiz__result-item{display:grid;gap:2rem}.ton-quiz__result-item+.ton-quiz__result-item:not([hidden]){padding-top:3.2rem;border-top:.15rem solid rgb(var(--color-foreground))}.ton-quiz__result-title{font-size:clamp(4rem,7vw,8.8rem);line-height:.95;text-wrap:balance}.ton-quiz__result-title:focus{outline:none}.ton-quiz__result-lead{margin:0;font-family:var(--ton-font-display);font-style:italic;font-size:clamp(2.2rem,2.6vw,3rem);line-height:1.25}.ton-quiz__result-desc{margin:0;font-size:1.8rem;line-height:1.6;max-width:62ch}.ton-quiz__result-cols{display:grid;gap:2.4rem}.ton-quiz__result-col{padding-top:1.6rem;border-top:.15rem solid rgb(var(--color-foreground))}.ton-quiz__result-col h3{margin:0 0 .8rem;font-family:var(--ton-font-text);font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ton-quiz__result-col p{margin:0;font-size:1.6rem;line-height:1.6}@media screen and (min-width:750px){.ton-quiz__result-cols{grid-template-columns:1fr 1fr;gap:4rem}}.ton-quiz__reflection{margin:0;padding:2.4rem 2.8rem;background:var(--ton-mustard);color:var(--ton-graphite);border-radius:.4rem}.ton-quiz__reflection-label{margin:0 0 .8rem;font-size:1.15rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ton-quiz__reflection-text{margin:0;font-family:var(--ton-font-display);font-size:clamp(2.2rem,2.8vw,3.2rem);line-height:1.2}.ton-quiz__spread{display:grid;gap:1.4rem}.ton-quiz__spread-title{margin:0;font-family:var(--ton-font-text);font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ton-quiz__spread-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.ton-quiz__spread-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem 1.6rem;align-items:center;font-size:1.5rem}.ton-quiz__spread-bar{grid-column:1 / -1;grid-row:2;height:.8rem;background:rgba(var(--color-foreground),.1);border-radius:999px;overflow:hidden}.ton-quiz__spread-bar span{display:block;height:100%;background:rgba(var(--color-foreground),.55);transform-origin:left center;transform:scaleX(0);transition:transform .8s var(--ton-ease) .2s}.ton-quiz__spread-row.is-top .ton-quiz__spread-bar span{background:var(--ton-mustard)}.ton-quiz__spread-row.is-top .ton-quiz__spread-name{font-weight:600}.ton-quiz__spread-num{font-variant-numeric:tabular-nums;color:rgba(var(--color-foreground),.75)}@media screen and (min-width:750px){.ton-quiz__spread-row{grid-template-columns:24rem minmax(0,1fr) 6rem}.ton-quiz__spread-bar{grid-column:2;grid-row:1}}.ton-quiz__fineprint{margin:0;font-size:1.35rem;line-height:1.55;color:rgba(var(--color-foreground),.75);max-width:70ch}.ton-quiz-teaser__grid{display:grid;gap:4rem;align-items:start}@media screen and (min-width:990px){.ton-quiz-teaser__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:8rem}}.ton-quiz-teaser__copy{display:grid;gap:2.4rem;justify-items:start}.ton-quiz-teaser__title{font-size:clamp(3.6rem,5.4vw,7.2rem);line-height:.98;text-wrap:balance}.ton-quiz-teaser__card{display:grid;gap:2rem;padding:clamp(2.4rem,3vw,4rem);border:.15rem solid rgba(var(--color-foreground),.9);border-radius:1.6rem}.ton-quiz-teaser__count{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ton-quiz-teaser__question{margin:0;font-family:var(--ton-font-display);font-size:clamp(2.4rem,2.8vw,3.4rem);font-weight:500;line-height:1.12;letter-spacing:-.015em}.ton-quiz-teaser__answers{display:grid;gap:.8rem;list-style:none;margin:0;padding:0}.ton-quiz-teaser__answer{width:100%;min-height:5.6rem;padding:1.4rem 1.8rem;border:.15rem solid rgba(var(--color-foreground),.45);border-radius:1rem;background:transparent;color:rgb(var(--color-foreground));font-family:var(--ton-font-text);font-size:1.6rem;line-height:1.35;text-align:left;cursor:pointer;transition:border-color .3s var(--ton-ease),background-color .3s var(--ton-ease),color .3s var(--ton-ease)}.ton-quiz-teaser__answer:hover,.ton-quiz-teaser__answer:focus-visible{border-color:var(--ton-mustard);background:var(--ton-mustard);color:var(--ton-graphite)}.ton-quiz-teaser__note{margin:0;font-size:1.35rem;line-height:1.5;color:rgba(var(--color-foreground),.78)}@media(prefers-reduced-motion:reduce){.ton-quiz__bar span,.ton-quiz__spread-bar span,.ton-quiz__answer,.ton-quiz__answer-mark:after,.ton-quiz-teaser__answer{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ton-quiz.css.map */