.quiz__header{align-items:center;display:flex;height:60px;justify-content:space-between;padding:0 10px}.quiz__logo{max-width:150px}.quiz__close svg{height:30px;width:30px}.quiz__step,.quiz__welcome-step{background:#e4ecf8;display:none;min-height:calc(100vh - 60px)}.quiz__step{padding:32px}.quiz__welcome-step.active{display:block}.quiz__step.active{align-items:center;display:flex;flex-direction:column}.quiz__image img{height:100%;max-height:230px;object-fit:cover;width:100%}.quiz__content{min-height:calc(100vh - 290px);padding:60px 32px}.quiz__button{align-items:center;background:#203458;border:1px solid #203458;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:25px;font-weight:700;justify-content:center;line-height:28px;margin:0 auto;padding:15px 66px;text-align:center;transition:border-color .3s,background-color .3s,color .3s;width:fit-content}.quiz__button:hover{background-color:#fff;border-color:#b6b6b6;color:#203458}.quiz__button--secondary{background:#fff;border:1px solid #b6b6b6;color:#203458}.quiz__button--secondary.active,.quiz__button--secondary:hover{background-color:#203458;border-color:#203458;color:#fff}.quiz__step-title{color:#203458;font-size:25px;font-weight:700;line-height:28px;margin-bottom:30px;text-align:center}.quiz__step-text{font-size:18px;line-height:20px;margin:0 auto;text-align:center}.quiz__input{background-color:#fff;border:none;border-radius:14px;display:block;font-size:18px;margin:0 auto 24px;max-width:360px;outline:none;padding:14px 20px}.quiz__progress{color:#858484;font-size:20px;line-height:22px;margin-bottom:30px;text-align:center}.quiz__progress-row{align-items:center;display:flex;justify-content:center;margin-top:10px}.quiz__progress-row active{color:#000}.quiz__option{background-color:#fff;border:1px solid #b6b6b6;border-radius:14px;color:#000;cursor:pointer;font-size:18px;padding:16px;text-align:center;transition:color .3s ease,border-color .3s ease,background-color .3s ease}.quiz__nav,.quiz__option{max-width:744px;width:100%}.quiz__nav{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.quiz__nav-next,.quiz__nav-prev{align-items:center;color:#203458;cursor:pointer;display:flex;font-size:20px}.quiz__nav-prev svg{margin-right:10px}.quiz__nav-next.disabled{opacity:.5;pointer-events:none}.quiz__nav-next svg{margin-left:10px}.quiz__option.active,.quiz__option:hover{background-color:#203458;border-color:#203458;color:#fff}.quiz__option:not(:last-of-type){margin-bottom:20px}.quiz__results-image{display:none}.quiz__results-image.active{display:block}.quiz__product{display:none}.quiz__product.active{display:block}.quiz__button--shop{margin-top:50px;padding:15px 44px}.js-user-name{text-transform:capitalize}@media screen and (min-width:991px){.quiz__image img{max-height:calc(100vh - 60px)}.quiz__welcome-step.active{display:grid;grid-template-columns:1.5fr 2fr}.quiz__step-title{font-size:50px;line-height:normal;margin-bottom:50px}.quiz__step-text{font-size:22px;line-height:28px;max-width:550px}.quiz__content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 60px)}.quiz__progress{margin-bottom:50px}.quiz__option{font-size:20px}.quiz__option:not(:last-of-type){margin-bottom:30px}.quiz__nav{margin-top:30px}.quiz__button--shop{padding:15px 50px}.quiz__logo{max-width:220px}}