.app__header--flex{display:flex;justify-content:space-between;align-items:center;padding:9px 0}.app__header-back{cursor:pointer;width:30px}.app__header-logo-img{margin:0 auto;max-width:100px}.app__header-logo-img img{width:100%;display:block}.section-quiz-app__progress-wrap{padding:0 20px}.section-quiz-app__progress{margin:0 auto;width:100%;border-radius:8px;background-color:#eee}.section-quiz-app__progress--bar{display:block!important;border-radius:8px;width:0;height:4px;background-color:rgba(var(--color-button),var(--alpha-button-background))}.section-app-quiz__width{width:100%;margin:0 auto}.section-app-quiz__tab{display:none}.active-quiz__tab{display:block}.section-app-quiz__flex{display:flex;justify-content:space-between;align-items:center}.section-app-quiz__qtn{text-align:center}.section-app-quiz__option{width:24%}.section-app-quiz__img img{width:100%;display:block;border-radius:6px 6px 0 0}.section-app-quiz__option input{display:none}.section-app-quiz__option label{width:100%;display:block;cursor:pointer;border:2px solid transparent;transition:border .4s ease-in-out;border-radius:7px}.section-app-quiz__option label:hover{border-color:rgba(var(--color-button),.2)}.section-app-quiz__option input:checked+label{border-color:rgba(var(--color-button),.2)}.app-quiz-radio{padding:8px;display:flex;justify-content:space-between;align-items:center;background-color:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text));border-radius:0 0 6px 6px}.app-quiz-radio p{margin-top:0;margin-bottom:0}.radio-mark{width:20px;height:20px;border-radius:50%;border:2px solid;display:flex;justify-content:center;align-items:center;transition:border-color .4s ease-in-out,background-color .4s ease-in-out,opacity .4s ease-in-out}.radio-check{display:block!important;width:10px;height:10px;border-radius:50%;background-color:rgb(var(--color-button-text));opacity:0;transition:opacity .4s ease-in-out}.checkbox-check{display:block!important;width:10px;height:5px;transform:rotate(-45deg);margin-bottom:2px;border-left:2px solid rgb(var(--color-button-text));border-bottom:2px solid rgb(var(--color-button-text));opacity:0;transition:opacity .4s ease-in-out}.radio-margin{margin-right:5px}.section-app-quiz__option input:checked+label .radio-mark{opacity:1}.section-app-quiz__option input:checked+label .radio-check{opacity:1}.section-app-quiz__answer{margin-bottom:15px}.section-app-quiz__answer input{display:none}.section-app-quiz__answer label{display:flex;justify-content:space-between;align-items:center;border:2px solid #eee;border-radius:8px;padding:8px 8px 8px 12px;cursor:pointer;transition:background-color .4s ease-in-out,border .4s ease-in-out}.section-app-quiz__answer label .radio-mark{border:2px solid #eee}.section-app-quiz__answer label .radio-check{background-color:rgb(var(--color-button-text))}.section-app-quiz__answer input:checked+label .checkbox-check{opacity:1}.section-app-quiz__answer label .section-app-quiz__img{width:10%}.section-app-quiz__answer label .section-app-quiz__img img{border-radius:7px}.app-quiz--answer{width:82%}.app-quiz--answer p{margin-top:0;margin-bottom:0}.app-quiz--checktext{width:95%}.app-quiz--checktext p{margin-top:5px;margin-bottom:5px}.section-app-quiz__answer label:hover{background-color:rgba(var(--color-button),.02)}.section-app-quiz__answer input:checked+label{background-color:rgba(var(--color-button),.02);border-color:rgba(var(--color-button),var(--alpha-button-background))}.section-app-quiz__answer input:checked+label .radio-mark{border-color:rgba(var(--color-button),var(--alpha-button-background))!important;background-color:rgba(var(--color-button),var(--alpha-button-background));opacity:1}.section-app-quiz__answer input:checked+label .radio-check{opacity:1}.section-app-quiz__next{text-align:center;margin-top:20px}.section-app-quiz__next .button{width:100%;max-width:400px}.section-app-quiz__multi{align-items:stretch;margin:0 7px 16px}.app-quiz__multi{margin:0 auto;max-width:350px;flex-wrap:wrap;justify-content:center}.section-app-quiz__multi input{display:none}.section-app-quiz__multi label{display:flex;justify-content:center;align-items:center;padding:8px 14px;border-radius:8px;border:2px solid #eee;cursor:pointer;transition:background-color .4s ease-in-out,border-color .4s ease-in-out}.section-app-quiz__multi label p{margin:0}.section-app-quiz__multi label:hover{background-color:rgba(var(--color-button),.2)}.section-app-quiz__multi input:checked+label{background-color:rgba(var(--color-button),.05);border-color:rgba(var(--color-button),var(--alpha-button-background))}.section-app-quiz__col{max-width:400px;margin:0 auto}.section-app-quiz__field{margin-bottom:20px}.section-app-quiz__input{width:100%;position:relative}.section-app-quiz__input input{width:100%;padding:12px;box-shadow:none;outline-style:none;border-radius:6px;border:2px solid #ccc}.section-app-quiz__input label{position:absolute;top:50%;transform:translateY(-50%);left:15px;pointer-events:none;font-size:14px;background-color:transparent;transition:top .4s ease-in-out,font-size .4s ease-in-out}.section-app-quiz__input input:not(:invalid)+label,.section-app-quiz__input input:focus-within+label{top:23%;font-size:10px;border-color:rgba(var(--color-button),var(--alpha-button-background))}.section-app-quiz__input input:focus-within,.section-app-quiz__input input:not(:invalid){padding:20px 15px 4px;border-color:rgba(var(--color-button),var(--alpha-button-background))}.section-app-quiz__result{border-radius:6px;padding:10px 13px;background-color:rgb(var(--color-foreground),.1);margin-bottom:20px}.section-app-quiz__result p{margin:0;font-size:12px}@media screen and (max-width: 749px){.section-app-quiz__flex{flex-wrap:wrap}.section-app-quiz__option{width:48%;margin-bottom:20px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-app-quiz.css.map */