html.no-scrolling {
    overflow: hidden;
    position: fixed;
}

html.no-scrolling body {
    overflow: hidden;
    position: fixed;
}

.toast {
    position         : fixed;
    z-index          : 999;
    width            : 280px;
    bottom           : 5%;
    left             : 50%;
    display          : -ms-flexbox;
    display          : flex;
    -ms-flex-align   : center;
    align-items      : center;
    -webkit-transform: translateX(-50%);
    transform        : translateX(-50%);
    background-color : white;
    box-shadow       : 0 4px 16px -6px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.4);
    border-radius    : 10px;
    padding          : 13px 17px;
    box-sizing       : border-box;
}

.toast::before {
    content          : "";
    display          : inline-block;
    width            : 26px;
    height           : 26px;
    margin-right     : 15px;
    background-repeat: no-repeat;
    background-image : url("../img/icon/icon_checkmark.svg");
    background-size  : cover;
}

.toast__close {
    display          : inline-block;
    width            : 16px;
    height           : 16px;
    margin-left      : auto;
    background-repeat: no-repeat;
    background-image : url("../img/icon/icon_close.svg");
    cursor           : pointer;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
}

.pagination__page {
    box-sizing   : border-box;
    margin-right : 12px !important;
    width        : 40px;
    height       : 40px;
    color        : #282828;
    border-radius: 50%;
    font-size    : 16px;
    line-height  : 24px;
    text-align   : center;
    cursor       : pointer;
    line-height  : 40px;
}

.pagination__page.current,
.pagination__page:hover {
    color           : white;
    background-color: #f2a900;
}

.pagination__last {
    display: -ms-flexbox;
    display: flex;
}

.pagination__last .pagination__page {
    margin-right: 0;
}

.pagination__dots {
    width         : 40px;
    height        : 40px;
    margin-right  : 12px;
    line-height   : 40px;
    text-align    : center;
    vertical-align: bottom;
}

.quiz-pagination {
    width         : -webkit-fit-content;
    width         : -moz-fit-content;
    width         : fit-content;
    display       : -ms-flexbox;
    display       : flex;
    -ms-flex-align: center;
    align-items   : center;
    margin        : 0 auto;
}
@media (min-width: 769px) {
    .quiz-pagination {
        position: relative;
        top     : 20px;
        height  : 0;
    }
}

.quiz-pagination__page {
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-align : center;
    align-items    : center;
    -ms-flex-pack  : center;
    justify-content: center;
    width          : 16px;
    height         : 16px;
    margin-right   : 8px;
}

.quiz-pagination__page::after {
    content         : "";
    display         : inline-block;
    width           : 8px;
    height          : 8px;
    background-color: #cbcbcb;
    border-radius   : 50%;
    cursor          : pointer;
}

.quiz-pagination__page.current::after {
    width           : 16px;
    height          : 16px;
    border          : 1.5px solid #f2a900;
    background-color: transparent;
    box-sizing      : border-box;
}

.widget {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 328px;
    height: 480px;
    margin: 0 auto;
    padding: 20px;
    color: white;
    background-repeat: no-repeat, no-repeat;
    background-image: url(../img/widget_diagram.png), url(../img/widget_bg.jpg);
    background-position: center bottom 37px, 0 0;
    box-sizing: border-box;
}

.widget-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
    height: 32px;
}

.widget-header__date {
    color: #bebebe;
    font-size: 14px;
    line-height: 18px;
}

.widget-header__status {
    display: grid;
    gap: 16px;
    grid-template-columns: 94px 32px;
}

.widget-header__power-by {
    display: -ms-flexbox;
    display: flex;
    width: 94px;
    height: 32px;
    background-image: url(../img/tetotvet.png);
    background-size: contain;
}

.widget-header__pulse {
    position: relative;
    width: 32px;
    height: 32px;
}

.widget-header__pulse::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #f2a900;
}

.widget-header__pulse::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: rgba(242, 169, 0, 0.25);
    border-radius: 50%;
    -webkit-animation: breathing 3s linear infinite normal;
    animation: breathing 3s linear infinite normal;
}

.widget__title {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 36px;
    line-height: 42px;
    font-weight: 500;
}

.widget__text {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
}

.widget__link {
    display: block;
    width: 206px;
    padding: 9px 0;
    margin: auto auto 0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-align: center;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    background-color: #f2a900;
}

@-webkit-keyframes breathing {
    0%,
    100% {
        -webkit-transform: scale(0.5);
        transform        : scale(0.5);
    }

    50% {
        -webkit-transform: scale(1);
        transform        : scale(1);
    }
}
@keyframes breathing {
    0%,
    100% {
        -webkit-transform: scale(0.5);
        transform        : scale(0.5);
    }

    50% {
        -webkit-transform: scale(1);
        transform        : scale(1);
    }
}

.modal {
    z-index         : 999999;
    position        : fixed;
    overflow        : hidden;
    top             : 0;
    left            : 0;
    right           : 0;
    bottom          : 0;
    display         : none;
    background-color: rgba(0, 0, 0, 0.3);
}

.modal.active {
    display: block;
}

.modal .close {
    position         : absolute;
    top              : 0;
    right            : 0;
    width            : 72px;
    height           : 72px;
    background-repeat: no-repeat;
    background-image : url("../img/icon/icon_close_large.svg");
    cursor           : pointer;
}
@media (max-width: 768px) {
    .modal .close {
        top                : 0;
        right              : 0;
        width              : 39px;
        height             : 39px;
        background-image   : url("../img/icon/icon_close_medium.svg");
        background-position: center center;
    }
}

.modal-quiz {
    display         : -ms-flexbox;
    display         : flex;
    min-height      : 80vh;
    padding-top     : 0.1px;
    padding-bottom  : 0.1px;
    position        : relative;
    max-width       : 1320px;
    margin          : 35px auto 0;
    background-color: white;
}

.modal-quiz iframe {
    border    : none;
    min-height: 90vh;
    padding   : 34px 0;
    width     : 100%;
}
@media (max-width: 768px) {
    .modal-quiz iframe {
        height: 100vh;
        height: 100svh;
    }
}

.modal-quiz .modal-pagination {
    margin-top: 64px;
}
@media (max-width: 768px) {
    .modal-quiz .modal-pagination {
        margin-top: 56px;
    }
}

.modal-quiz .quiz-statistics__next,
.modal-quiz .quiz-statistics__prev {
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 768px) {
    .modal-quiz .quiz-statistics__next,
    .modal-quiz .quiz-statistics__prev {
        display: none;
    }
}

.modal-quiz .quiz-header {
    margin-top: 56px;
}
@media (max-width: 768px) {
    .modal-quiz {
        min-height: 100vh;
    }
}
@media (max-width: 768px) {
    .modal-quiz {
        margin-top: 0;
    }
}

.modal-quiz h3 {
    font-weight: 500;
    font-size  : 36px;
    line-height: 120%;
}
@media (max-width: 575px) {
    .modal-quiz h3 {
        font-size  : 28px;
        line-height: 42px;
    }
}

.modal-quiz h5 {
    font-weight: 500;
    font-size  : 20px;
    line-height: 26px;
}
@media (max-width: 575px) {
    .modal-quiz h5 {
        font-size  : 16px;
        line-height: 24px;
    }
}

.questions {
    padding-bottom: 40px;
}

.questions h1 {
    text-align : center;
    font-weight: 700;
    font-size  : 48px;
    line-height: 48px;
    line-height: 98px;
}
@media (max-width: 576px) {
    .questions h1 {
        font-size  : 40px;
        line-height: 48px;
    }
}

.questions h2 {
    font-weight: 500;
    font-size  : 44px;
    line-height: 48px;
}
@media (max-width: 575px) {
    .questions h2 {
        font-size  : 36px;
        line-height: 42px;
    }
}

.questions h3 {
    font-weight: 500;
    font-size  : 36px;
    line-height: 120%;
}
@media (max-width: 575px) {
    .questions h3 {
        font-size  : 28px;
        line-height: 42px;
    }
}

.questions h4 {
    font-weight: 500;
    font-size  : 26px;
    line-height: 120%;
}
@media (max-width: 575px) {
    .questions h4 {
        font-size  : 22px;
        line-height: 28px;
    }
}

.questions h5 {
    font-weight: 500;
    font-size  : 20px;
    line-height: 26px;
}

.questions .quiz-pagination {
    margin-top: 64px;
}
@media (max-width: 768px) {
    .questions .quiz-pagination {
        margin-top: 56px;
    }
}

.questions__top {
    padding            : 97px 360px;
    background-image   : url("../img/quizzes_bg.jpg");
    background-position: 0;
    color              : white;
}
@media (max-width: 1750px) {
    .questions__top {
        padding: 97px 200px;
    }
}
@media (max-width: 1200px) {
    .questions__top {
        padding: 97px 140px;
    }
}
@media (max-width: 768px) {
    .questions__top {
        background-position: center;
        padding            : 56px 16px 80px;
    }
}

.questions__top h1 {
    position     : relative;
    margin-top   : 0;
    margin-bottom: 16px;
}

.questions__top h1::after {
    width            : 60px;
    height           : 3px;
    content          : "";
    position         : absolute;
    bottom           : 8px;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    transform        : translateX(-50%);
    background-color : #e9e7e6;
}
@media (max-width: 576px) {
    .questions__top h1::after {
        bottom: -8px;
    }
}

.questions__top p {
    margin     : 0 auto;
    max-width  : 564px;
    font-size  : 24px;
    line-height: 34px;
    text-align : center;
}
@media (max-width: 768px) {
    .questions__top p {
        font-size  : 18px;
        line-height: 26px;
    }
}

.questions__secondary-text {
    margin          : 0;
    padding         : 20px 360px;
    font-size       : 14px;
    line-height     : 18px;
    color           : #646464;
    background-color: #f6f6f5;
}
@media (max-width: 1750px) {
    .questions__secondary-text {
        padding: 20px 200px;
    }
}
@media (max-width: 1200px) {
    .questions__secondary-text {
        padding: 20px 140px;
    }
}
@media (max-width: 768px) {
    .questions__secondary-text {
        padding: 20px 16px;
    }
}

.questions__secondary-text a {
    color          : #646464;
    text-decoration: underline;
}

.questions-content {
    padding: 100px 520px;
}
@media (max-width: 1750px) {
    .questions-content {
        padding: 80px 260px;
    }
}
@media (max-width: 1200px) {
    .questions-content {
        padding: 80px 160px;
    }
}
@media (max-width: 768px) {
    .questions-content {
        padding: 56px 16px;
    }
}

.questions-content h2 {
    margin-top   : 0;
    margin-bottom: 32px;
}
@media (max-width: 768px) {
    .questions-content h2 {
        margin-bottom: 8px;
    }
}

.questions-content__list {
    margin-bottom: 32px;
}
@media (max-width: 768px) {
    .questions-content__list {
        margin-bottom: 24px;
    }
}

.questions-content .questions-item {
    display            : -ms-flexbox;
    display            : flex;
    -ms-flex-direction : column;
    flex-direction     : column;
    border-bottom      : 1px solid #cbcbcb;
    padding            : 32px 100px 32px 0;
    background         : url("../img/icon/icon_arrow.svg") no-repeat;
    background-position: right 20px top 50px;
}

.questions-content .questions-item:hover .questions-item__link {
    color: #646464;
}
@media (max-width: 768px) {
    .questions-content .questions-item {
        padding: 24px 72px 24px 0;
    }
}

.questions-content .questions-item__date {
    margin-top   : 0;
    margin-bottom: 8px;
    font-size    : 14px;
    line-height  : 18px;
    color        : #8a8a8a;
}

.questions-content .questions-item__link {
    font-size      : 20px;
    font-weight    : 500;
    line-height    : 26px;
    color          : #282828;
    text-decoration: none;
}
@media (max-width: 768px) {
    .questions-content .questions-item__link {
        font-size  : 16px;
        line-height: 24px;
    }
}

.questions-links {
    padding         : 100px 360px;
    background-color: #f6f6f5;
}
@media (max-width: 1750px) {
    .questions-links {
        padding: 80px 200px;
    }
}
@media (max-width: 1200px) {
    .questions-links {
        padding: 80px 140px;
    }
}
@media (max-width: 768px) {
    .questions-links {
        padding: 40px 16px;
    }
}

.questions-links h3 {
    margin-top   : 0;
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    .questions-links h3 {
        margin-bottom: 24px;
    }
}

.questions-links__wrapper {
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 1100px) {
    .questions-links__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap    : wrap;
    }
}

.questions-links__wrapper .questions-link {
    width           : 585px;
    padding         : 40px;
    border-radius   : 18px;
    background-color: white;
    cursor          : pointer;
}
@media (max-width: 1100px) {
    .questions-links__wrapper .questions-link:first-of-type {
        margin-bottom: 24px;
    }
}
@media (max-width: 768px) {
    .questions-links__wrapper .questions-link {
        padding            : 24px 16px;
        margin-right       : 0 !important;
        background-position: bottom;
    }
}

.questions-links__wrapper .questions-link.analytics {
    background-image: url("../img/analytics_bg.jpg");
}

.questions-links__wrapper .questions-link.analytics:hover {
    background-image: url("../img/analytics_bg_active.jpg");
}

.questions-links__wrapper .questions-link.projects {
    background-image: url("../img/project_bg.jpg");
}

.questions-links__wrapper .questions-link.projects:hover {
    background-image: url("../img/project_bg_active.jpg");
}

.questions-links__wrapper .questions-link:hover {
    color: white;
}

.questions-links__wrapper .questions-link:hover a {
    color           : #f2a900;
    background-color: white;
}

.questions-links__wrapper .questions-link:first-of-type {
    margin-right: 30px;
}

.questions-links__wrapper .questions-link__title {
    margin-bottom: 16px;
    font-size    : 26px;
    line-height  : 34px;
    font-weight  : 500;
}
@media (max-width: 768px) {
    .questions-links__wrapper .questions-link__title {
        font-size  : 22px;
        line-height: 28px;
    }
}

.questions-links__wrapper .questions-link__text {
    margin-bottom: 32px;
    max-width    : 380px;
    font-size    : 16px;
    line-height  : 24px;
}
@media (max-width: 768px) {
    .questions-links__wrapper .questions-link__text {
        margin-bottom: 24px;
    }
}

.questions-links__wrapper .questions-link a {
    display         : inline-block;
    width           : 160px;
    padding         : 8px 0;
    font-size       : 16px;
    line-height     : 24px;
    font-weight     : 500;
    letter-spacing  : 0.01em;
    color           : white;
    background-color: #f2a900;
    border-radius   : 8px;
    text-align      : center;
    text-decoration : none;
}

.questions-app {
    padding: 145px 360px 120px;
}
@media (max-width: 1750px) {
    .questions-app {
        padding: 100px 200px;
    }
}
@media (max-width: 1200px) {
    .questions-app {
        padding: 100px 140px;
    }
}
@media (max-width: 768px) {
    .questions-app {
        padding: 56px 16px 62px;
    }
}

.questions-app__img-wrapper {
    position: absolute;
    top     : -48px;
    left    : 160px;
    width   : 320px;
    height  : 553px;
}
@media (max-width: 1750px) {
    .questions-app__img-wrapper {
        top : -40px;
        left: 30px;
    }
}
@media (max-width: 1440px) {
    .questions-app__img-wrapper {
        top: -48px;
    }
}
@media (max-width: 1200px) {
    .questions-app__img-wrapper {
        display: none;
    }
}

.questions-app__wrapper {
    width        : 100%;
    position     : relative;
    padding      : 90px 170px 90px 566px;
    background   : linear-gradient(180deg, rgba(255, 206, 0, 0.1) 0%, rgba(56, 208, 163, 0.1) 100%);
    border-radius: 24px;
    box-sizing   : border-box;
}
@media (max-width: 1440px) {
    .questions-app__wrapper {
        padding: 90px 100px 40px 410px;
    }
}
@media (max-width: 1200px) {
    .questions-app__wrapper {
        padding: 24px 16px;
    }
}

.questions-app h4 {
    margin-top   : 0;
    margin-bottom: 16px;
}

.questions-app__features {
    padding-left : 20px;
    margin-bottom: 32px;
}

.questions-app__features-item {
    margin-bottom: 6px;
    font-size    : 16px;
    line-height  : 24px;
}

.questions-app__links {
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 1440px) {
    .questions-app__links {
        width        : 320px;
        -ms-flex-wrap: wrap;
        flex-wrap    : wrap;
    }
}

.questions-app__links a {
    display          : inline-block;
    width            : 144px;
    height           : 42px;
    -ms-flex-negative: 0;
    flex-shrink      : 0;
}
@media (max-width: 1750px) {
    .questions-app__links a:first-of-type {
        margin-bottom: 8px;
    }
}

.questions-app__links a:not(:last-of-type) {
    margin-right: 16px;
}
@media (max-width: 768px) {
    .questions-app__links a:not(:last-of-type) {
        margin-right: 8px;
    }
}

.questions-app__links a.app-store {
    background-image: url("../img/appstore_bg.svg");
}

.questions-app__links a.google-play {
    background-image: url("../img/googleplay_bg.svg");
}

.questions-app__links a.app-galery {
    background-image: url("../img/appgallery_bg.svg");
}

.quiz {
    display: none;
}

.quiz.active {
    display: block;
}

.quiz-links-wrapper {
    display       : -ms-flexbox;
    display       : flex;
    max-width     : 1008px;
    margin        : 0 auto;
    -ms-flex-align: center;
    align-items   : center;
    margin-bottom : 12px;
}
@media (max-width: 768px) {
    .quiz-links-wrapper.desktop {
        display: none;
    }
}

.quiz-links-wrapper.mobile {
    padding   : 0 16px;
    margin-top: 20px;
    display   : none;
}
@media (max-width: 768px) {
    .quiz-links-wrapper.mobile {
        display: block;
    }
}
@media (max-width: 768px) {
    .quiz-links-wrapper {
        margin-bottom: 0;
        -ms-flex-wrap: wrap;
        flex-wrap    : wrap;
    }
}

.quiz-links-wrapper .quiz-share {
    display       : -ms-flexbox;
    display       : flex;
    -ms-flex-align: center;
    align-items   : center;
}

.quiz-links-wrapper .quiz-share__label {
    font-size   : 14px;
    line-height : 18px;
    font-weight : 500;
    margin-right: 24px;
}

.quiz-links-wrapper .quiz-share__link {
    width            : 24px;
    height           : 24px;
    margin-right     : 12px;
    background-repeat: no-repeat;
}

.quiz-links-wrapper .quiz-share__link.vk {
    background-image: url("../img/icon/logo_vk.svg");
}

.quiz-links-wrapper .quiz-share__link.vk:hover {
    background-image: url("../img/icon/logo_vk_active.svg");
}

.quiz-links-wrapper .quiz-share__link.telegram {
    background-image: url("../img/icon/logo_tg.svg");
}

.quiz-links-wrapper .quiz-share__link.telegram:hover {
    background-image: url("../img/icon/logo_tg_active.svg");
}

.quiz-links-wrapper .quiz-share__link.ok {
    background-image: url("../img/icon/logo_ok.svg");
}

.quiz-links-wrapper .quiz-share__link.ok:hover {
    background-image: url("../img/icon/logo_ok_active.svg");
}

.quiz-header {
    max-width : 1008px;
    margin    : 0 auto 20px;
    padding   : 0 60px;
    box-sizing: border-box;
}
@media (max-width: 768px) {
    .quiz-header {
        padding: 0 16px;
        margin : 5px auto 10px;
    }
}

.quiz-header__date {
    font-size  : 14px;
    line-height: 18px;
    color      : #8a8a8a;
}
@media (max-width: 768px) {
    .quiz-header__date {
        margin-bottom: 4px;
    }
}

.quiz-header h3 {
    margin-top   : 4px;
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .quiz-header h3 {
        margin-top : 0;
        font-size  : 26px;
        line-height: 34px;
    }
}

.quiz .quiz-actions {
    display    : -ms-flexbox;
    display    : flex;
    margin-left: auto;
}
@media (max-width: 768px) {
    .quiz .quiz-actions {
        width        : 100%;
        margin-top   : 16px;
        -ms-flex-wrap: wrap;
        flex-wrap    : wrap;
    }
}

.quiz .quiz-actions__item {
    display            : -ms-flexbox;
    display            : flex;
    -ms-flex-pack      : center;
    justify-content    : center;
    padding            : 7px 16px;
    border             : 1px solid #cbcbcb;
    border-radius      : 10px;
    background-color   : white;
    background-repeat  : no-repeat;
    background-position: 15px 6px;
    font-size          : 14px;
    color              : #282828;
    line-height        : 22px;
    font-weight        : 500;
    text-align         : center;
    cursor             : pointer;
}

.quiz .quiz-actions__item::before {
    content     : "";
    display     : inline-block;
    width       : 22px;
    height      : 22px;
    margin-right: 10px;
}
@media (max-width: 768px) {
    .quiz .quiz-actions__item {
        margin-right : 0 !important;
        margin-bottom: 16px !important;
        width        : 100%;
        padding      : 7px;
    }
}

.quiz .quiz-actions__item.copy {
    margin-right: 16px;
}

.quiz .quiz-actions__item.copy::before {
    background-image: url("../img/icon/icon_link.svg");
}

.quiz .quiz-actions__item.copy:hover::before {
    background-image: url("../img/icon/icon_link_active.svg");
}

.quiz .quiz-actions__item.download::before {
    background-image: url("../img/icon/icon_download.svg");
}

.quiz .quiz-actions__item.download:hover::before {
    background-image: url("../img/icon/icon_download_active.svg");
}

.quiz-statistics {
    box-sizing      : border-box;
    position        : relative;
    max-width       : 1008px;
    margin          : 0 auto;
    padding         : 35px 60px;
    margin-bottom   : 64px;
    background-color: #f6f6f5;
    border-radius   : 22px;
    box-shadow      : 3px 7px 5px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
    .quiz-statistics {
        margin-bottom: 0;
        padding      : 24px 16px 16px;
        border-radius: 0;
    }
}

.quiz-statistics__next,
.quiz-statistics__prev {
    display          : -ms-flexbox;
    display          : flex;
    -ms-flex-align   : center;
    align-items      : center;
    -ms-flex-pack    : center;
    justify-content  : center;
    position         : absolute;
    z-index          : 999;
    top              : -75px;
    width            : 64px;
    height           : 64px;
    background-repeat: no-repeat;
    background-color : white;
    box-shadow       : 2px 2px 8px rgba(0, 0, 0, 0.15);
    border-radius    : 50%;
    cursor           : pointer;
}
@media (max-width: 768px) {
    .quiz-statistics__next,
    .quiz-statistics__prev {
        top             : 100px;
        background-color: transparent;
        box-shadow      : none;
    }
}

.quiz-statistics__next::after,
.quiz-statistics__prev::after {
    content      : "";
    position     : relative;
    display      : block;
    width        : 15px;
    height       : 15px;
    border-left  : 3px solid #f2a900;
    border-bottom: 3px solid #f2a900;
    border-radius: 3px;
}
@media (max-width: 768px) {
    .quiz-statistics__next::after,
    .quiz-statistics__prev::after {
        border-color: #f2a900;
    }
}

.quiz-statistics__next[disabled]::after,
.quiz-statistics__prev[disabled]::after {
    border-color: #cbcbcb;
}

.quiz-statistics__prev {
    left: -32px;
}
@media (max-width: 768px) {
    .quiz-statistics__prev {
        left: 16px;
    }
}

.quiz-statistics__prev::after {
    left             : 3px;
    -webkit-transform: rotate(45deg);
    transform        : rotate(45deg);
}

.quiz-statistics__next {
    right: -32px;
}
@media (max-width: 768px) {
    .quiz-statistics__next {
        right: 16px;
    }
}

.quiz-statistics__next::after {
    right            : 3px;
    -webkit-transform: rotate(-135deg);
    transform        : rotate(-135deg);
}

.quiz-statistics .styled-select {
    position     : relative;
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    .quiz-statistics .styled-select {
        margin-bottom: 80px;
    }
}

.quiz-statistics .styled-select__input {
    width              : 100%;
    padding            : 19px 24px;
    box-sizing         : border-box;
    font-size          : 16px;
    line-height        : 24px;
    border             : 2px solid #F2A900;
    border-radius      : 20px;
    background-color   : white;
    background-repeat  : no-repeat;
    background-image   : url("../img/icon/icon_arrow_down.svg");
    background-position: right 24px top 20px;
    outline            : none;
    cursor             : pointer;
}

.quiz-statistics .styled-select__input.active {
    border          : 1px solid #f2a900;
    background-image: url("../img/icon/icon_arrow_up.svg");
}

.quiz-statistics .styled-select__option-group {
    position        : absolute;
    z-index         : 999;
    top             : 70px;
    display         : none;
    width           : 100%;
    font-size       : 16px;
    line-height     : 24px;
    background-color: white;
    box-shadow      : 0 8px 24px -6px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.4);
    border-radius   : 20px;
}

.quiz-statistics .styled-select__option-group.active {
    display: block;
}

.quiz-statistics .styled-select__option-group .styled-select__option {
    padding: 24px;
    cursor : pointer;
}

.quiz-statistics .styled-select__option-group .styled-select__option:hover {
    background-color: #f8f8f8;
}

.quiz-statistics .styled-select__option-group .styled-select__option:first-of-type {
    border-top-left-radius : 20px;
    border-top-right-radius: 20px;
}

.quiz-statistics .styled-select__option-group .styled-select__option:last-of-type {
    border-bottom-left-radius : 20px;
    border-bottom-right-radius: 20px;
}

.quiz-statistics .styled-select__option-group .styled-select__option.active {
    background-repeat  : no-repeat;
    background-position: right 24px top 24px;
    background-image   : url("../img/icon/icon_checkbox.svg");
}

.quiz .quiz-graph-list {
    display: none;
}

.quiz .quiz-graph-list.active {
    display: block;
}

.quiz .quiz-graph-item {
    font-size  : 20px;
    line-height: 26px;
    font-weight: 500;
}
@media (max-width: 768px) {
    .quiz .quiz-graph-item {
        font-size  : 18px;
        line-height: 24px;
    }
}

.quiz .quiz-graph-item:not(:last-of-type) {
    margin-bottom: 20px;
}

.quiz .quiz-graph-item__title {
    margin   : 0 0 18px;
    font-size: 20px;
}
@media (max-width: 768px) {
    .quiz .quiz-graph-item__title {
        font-size: 18px;
    }
}

.quiz .quiz-graph-item__subcat:not(:last-of-type) {
    margin-bottom: 24px;
}

.quiz .quiz-graph-item__name {
    font-size  : 16px;
    line-height: 24px;
}

.quiz .quiz-graph-item__wrapper {
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-pack  : justify;
    justify-content: space-between;
    margin-bottom  : 4px;
}

.quiz .quiz-graph-item .progress-bar {
    height          : 4px;
    background-color: white;
}

.quiz .quiz-graph-item .progress-bar__filler {
    height: 4px;
}
/*# sourceMappingURL=styles.min.css.map */