.quiz{width:100%}.quiz__container{position:relative;max-width:64rem;margin:0 auto;padding:3.2rem;background-color:rgb(var(--color-background));border-radius:1.2rem;box-shadow:0 4px 24px rgba(var(--color-shadow),.08)}@media screen and (min-width:576px){.quiz__container{padding:4.8rem}}.quiz__intro{text-align:center}.quiz__intro-title{margin-bottom:1.6rem}.quiz__intro-text{margin-bottom:2.4rem;color:rgb(var(--color-foreground),.7)}.quiz__start-button{display:inline-flex;align-items:center;justify-content:center;min-width:16rem;padding:1.2rem 2.4rem;background-color:rgb(var(--color-accent));color:rgb(var(--color-background));border:none;border-radius:.8rem;font-size:1.6rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.quiz__start-button:hover{background-color:rgb(var(--color-accent-hover, var(--color-accent)));transform:translateY(-2px)}.quiz__content{display:flex;flex-direction:column}.quiz__progress{margin-bottom:3.2rem}.quiz__progress-bar{position:relative;height:.8rem;background-color:rgb(var(--color-foreground),.1);border-radius:.4rem;overflow:hidden}.quiz__progress-fill{position:absolute;left:0;top:0;height:100%;width:0;background-color:rgb(var(--color-accent));border-radius:.4rem;transition:width .3s ease}.quiz__progress-text{display:block;margin-top:.8rem;font-size:1.4rem;color:rgb(var(--color-foreground),.6);text-align:right}.quiz__question-container{opacity:1;transform:translate(0);transition:opacity .3s ease,transform .3s ease}.quiz__question-container--enter{animation:slideIn .3s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.quiz__question-text{margin-bottom:2.4rem;font-size:2rem;font-weight:600;line-height:1.4;color:rgb(var(--color-foreground))}@media screen and (min-width:576px){.quiz__question-text{font-size:2.4rem}}.quiz__answers{display:flex;flex-direction:column;gap:1.2rem}.quiz__answer{display:flex;align-items:center;width:100%;padding:1.6rem 2rem;background-color:rgb(var(--color-foreground),.03);border:2px solid rgb(var(--color-foreground),.1);border-radius:.8rem;font-size:1.6rem;text-align:left;color:rgb(var(--color-foreground));cursor:pointer;transition:all .2s ease}.quiz__answer:hover{border-color:rgb(var(--color-accent));background-color:rgb(var(--color-accent),.05)}.quiz__answer--selected{border-color:rgb(var(--color-accent));background-color:rgb(var(--color-accent),.1);transform:scale(.98)}.quiz__result{text-align:center;opacity:1}.quiz__result--enter{animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz__result-icon{display:flex;align-items:center;justify-content:center;width:8rem;height:8rem;margin:0 auto 2.4rem;background-color:rgb(var(--color-accent),.1);border-radius:50%}.quiz__result-icon svg{width:4rem;height:4rem;color:rgb(var(--color-accent))}.quiz__result-title{margin-bottom:.8rem}.quiz__result-score-wrapper{margin-bottom:2.4rem;font-size:1.4rem;color:rgb(var(--color-foreground),.6)}.quiz__result-score{font-weight:600;color:rgb(var(--color-accent))}.quiz__result-text{margin-bottom:3.2rem;font-size:1.8rem;line-height:1.6;color:rgb(var(--color-foreground))}.quiz__subscribe{margin-bottom:3.2rem}.quiz__subscribe-wrapper{max-width:44rem;margin:0 auto}.quiz__subscribe-label{display:block;margin-bottom:1.2rem;font-size:1.6rem;font-weight:500;color:rgb(var(--color-foreground))}.quiz__subscribe-field{display:flex;gap:.8rem}.quiz__subscribe-input{flex:1;padding:1.2rem 1.6rem;background-color:rgb(var(--color-background));border:2px solid rgb(var(--color-foreground),.15);border-radius:.8rem;font-size:1.6rem;color:rgb(var(--color-foreground));transition:border-color .2s ease}.quiz__subscribe-input::placeholder{color:rgb(var(--color-foreground),.4)}.quiz__subscribe-input:focus{outline:none;border-color:rgb(var(--color-accent))}.quiz__subscribe-button{padding:1.2rem 2.4rem;background-color:rgb(var(--color-accent));color:rgb(var(--color-background));border:none;border-radius:.8rem;font-size:1.6rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .2s ease}.quiz__subscribe-button:hover{background-color:rgb(var(--color-accent-hover, var(--color-accent)))}.quiz__subscribe-button:disabled{opacity:.6;cursor:not-allowed}.quiz__subscribe-success{margin-top:1.2rem;font-size:1.6rem;color:rgb(var(--color-accent));font-weight:500}@media screen and (max-width:575px){.quiz__subscribe-field{flex-direction:column}}.quiz__restart-button{display:inline-flex;align-items:center;justify-content:center;padding:1.2rem 2.4rem;background-color:transparent;color:rgb(var(--color-accent));border:2px solid rgb(var(--color-accent));border-radius:.8rem;font-size:1.6rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quiz__restart-button:hover{background-color:rgb(var(--color-accent));color:rgb(var(--color-background))}.tw-hidden{display:none!important}@media(prefers-color-scheme:dark){[data-scheme=auto] .quiz__container{box-shadow:0 4px 24px #0003}[data-scheme=auto] .quiz__answer{background-color:rgb(var(--color-foreground),.05)}}[data-scheme=dark] .quiz__container{box-shadow:0 4px 24px #0003}[data-scheme=dark] .quiz__answer{background-color:rgb(var(--color-foreground),.05)}
/*# sourceMappingURL=/cdn/shop/t/130/assets/section-quiz.css.map */