.Header-module__root__nV5d {
    top: 0;
    z-index: 900;
    box-sizing: border-box;
    width: 100%;
    background: #fff;
}

.Header-module__sticky__y6XL {
    position: sticky;
}

.Header-module__container__tlBG {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 16px;
    margin: 0 auto;
}

.Header-module__left__ec5t {
    display: flex;
    gap: 8px;
    align-items: center;
}

.Header-module__burgerButton__gvOy {
    display: flex;
    align-items: center;
    padding: 0;
    margin-top: 3px;
    cursor: pointer;
    background: none;
    border: none;
}

.Header-module__logo__epzA {
    display: flex;
    flex-shrink: 0;
    align-items: center;
}

.Header-module__nav__ARKI {
    display: none;
}

.Header-module__navLink__Zksn {
    flex-shrink: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #000;
    white-space: nowrap;
    text-decoration: none;
    transition: opacity 0.2s ease-in-out;
}

.Header-module__navLink__Zksn:hover {
    opacity: 0.65;
}

.Header-module__navLinkHidden__Ws66 {
    visibility: hidden;
}

.Header-module__burgerIcon__dVBR {
    width: 20px;
    height: 14px;
}

.Header-module__logoIcon__p767 {
    width: 100px;
    height: 19px;
    color: #E60000;
}

.Header-module__auth__OCn0 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
}

.Header-module__loginButton__iIvx {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 107px;
    height: 32px;
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
    background-color: #000;
    border: none;
    border-radius: 12px;
    transition: opacity 0.2s ease-in-out;
}

.Header-module__loginButton__iIvx:hover {
    opacity: 0.8;
}

.Header-module__avatar__olr3 {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 50%;
}

.Header-module__mobile__Gpqe {
    background-color: #f3f4f6;
}

.Header-module__mobile__Gpqe.Header-module__sticky__y6XL {
    transition: transform 0.25s ease-in-out 0.1s;
}

.Header-module__mobile__Gpqe.Header-module__hidden__N3kY:not(:has(:focus-visible)) {
    transform: translate3d(0, -100%, 0);
}

.Header-module__mobile__Gpqe .Header-module__container__tlBG {
    height: var(--mobile-header-height);
}

.Header-module__mobile__Gpqe .Header-module__burgerButton__gvOy {
    justify-content: center;
    width: 24px;
    height: 48px;
    margin-top: 0;
}

.Header-module__mobile__Gpqe .Header-module__logoIcon__p767 {
    width: 95px;
    height: 20px;
}

.Header-module__mobile__Gpqe .Header-module__loginButton__iIvx {
    width: auto;
    padding: 8px 16px;
    font-size: 13px;
    line-height: 16px;
    color: #000;
    background-color: rgb(73 84 104 / 10%);
    border-radius: 8px;
}

.Header-module__desktop__rDqF {
    min-height: 92px;
    background-color: #f3f4f6;
}

.Header-module__desktop__rDqF .Header-module__container__tlBG {
    gap: 32px;
    width: calc(100% - 48px);
    max-width: 1272px;
    min-height: 44px;
    padding: 24px 0;
    margin: 0 auto;
}

.Header-module__desktop__rDqF .Header-module__left__ec5t {
    flex: 1;
    gap: 44px;
    min-width: 0;
}

.Header-module__desktop__rDqF .Header-module__logoIcon__p767 {
    display: block;
    width: 152px;
    height: 32px;
    color: #e60000;
}

.Header-module__desktop__rDqF .Header-module__nav__ARKI {
    display: flex;
    flex: 1;
    gap: 32px;
    align-items: center;
    min-width: 0;
    overflow: hidden;
}

.Header-module__desktop__rDqF .Header-module__loginButton__iIvx {
    width: 108px;
    height: 44px;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 20px;
    color: #000;
    background-color: #e9eaec;
}

.SideMenu-module__root__ab1A {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding: 0 16px 16px;
    overflow: hidden;
    overscroll-behavior: contain;
    pointer-events: none;
    background-color: #f8f7f7;
    transform: translateX(-100%);
    transition: transform 0.2s ease-out;
}

.SideMenu-module__backdrop__fA2Q {
    position: fixed;
    inset: 0;
    z-index: 999;
    pointer-events: none;
    background-color: rgb(0 0 0 / 50%);
    opacity: 0;
    transition: opacity 0.2s ease-out;
}

.SideMenu-module__backdrop__fA2Q.SideMenu-module__open__aF_L {
    pointer-events: auto;
    opacity: 1;
}

.SideMenu-module__root__ab1A.SideMenu-module__open__aF_L {
    pointer-events: auto;
    transform: translateX(0);
}

.SideMenu-module__header__J7Ne {
    display: flex;
    flex-shrink: 0;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: var(--mobile-header-height);
}

.SideMenu-module__closeButton__J7xv {
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
}

.SideMenu-module__closeIcon__RcGC {
    width: 24px;
    height: 24px;
}

.SideMenu-module__logoLink__GAUc {
    display: flex;
    align-items: center;
}

.SideMenu-module__logoIcon__NgI4 {
    width: 95px;
    height: 20px;
    color: #e60000;
}

.SideMenu-module__nav__Hkv3 {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    padding: 0;
}

.SideMenu-module__navLink__ONpl {
    padding: 12px 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    text-decoration: none;
}

.SideMenu-module__shareBlock__EHvZ {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
}

.SideMenu-module__shareTitle__X9l4 {
    color: white;
    opacity: 0.7;
}

.SideMenu-module__shareLinks__nbFG {
    display: flex;
    gap: 16px;
}

.SideMenu-module__shareLink__Z9Bp {
    padding: 0;
    font-size: 15px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    background: none;
    border: none;

    &:hover {
        background: none;
    }
}

.SideMenu-module__shareLinkButton__PPn4 {
    padding: 0;
    color: white;
    cursor: pointer;
    background: none;
    border: none;
}

@media (min-width: 768px) {
    .SideMenu-module__backdrop__fA2Q {
        position: absolute;
        inset: 0;
        z-index: 999;
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgb(0 0 0 / 50%);
        opacity: 1;
        transition: height 0ms 0ms, opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    }

    .SideMenu-module__root__ab1A {
        inset: 0 0 0 auto;
        gap: 45px;
        width: 551px;
        padding: 40px 40px 90px;
        background-color: #DE0000;
        transform: translateX(100%);
    }

    .SideMenu-module__root__ab1A.SideMenu-module__open__aF_L {
        transform: translateX(0);
    }

    .SideMenu-module__header__J7Ne {
        flex-direction: row-reverse;
        justify-content: space-between;
        min-height: 48px;
    }

    .SideMenu-module__closeButton__J7xv {
        width: 30px;
        height: 30px;
        margin: 0;
    }

    .SideMenu-module__closeIcon__RcGC path {
        fill: white;
    }

    .SideMenu-module__logoIcon__NgI4 {
        width: 126px;
        height: 24px;
        color: white;
    }

    .SideMenu-module__nav__Hkv3 {
        gap: 12px;
        padding: 0;
    }

    .SideMenu-module__navLink__ONpl {
        font-size: 28px;
        font-weight: normal;
        line-height: 32px;
        color: white;
    }
}

.Footer-module__root__GLhW {
    padding: 24px 24px 32px;
    color: rgb(28 33 40 / 60%);
    background-color: #f3f4f6;
}

.Footer-module__container__VHBF {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.Footer-module__mobileContent__e1MX {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.Footer-module__mobileLinks__Btwf {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
}

.Footer-module__mobileLinkColumn__HFuj,
.Footer-module__mobileLegal__qgcX {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.Footer-module__mobileLink__C53i,
.Footer-module__mobileLegal__qgcX,
.Footer-module__mobileLegalLink__ccoN {
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    color: rgb(28 33 40 / 60%);
    letter-spacing: 0;
    text-decoration: none;
}

.Footer-module__mobileLegal__qgcX {
    gap: 8px;
}

.Footer-module__desktop__y3Gq {
    padding: 64px 0 44px;
    color: rgb(28 33 40 / 60%);
    background-color: #f3f4f6;
}

.Footer-module__desktop__y3Gq .Footer-module__container__VHBF {
    gap: 0;
    width: calc(100% - 48px);
    max-width: 1272px;
}

.Footer-module__desktopContent__eL5V {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

.Footer-module__desktopLinks__pXqL {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    align-items: flex-start;
    width: 100%;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0;
    white-space: nowrap;
}

.Footer-module__desktopLink__oEoM {
    color: #0c78ed;
    text-decoration: none;
}

.Footer-module__desktopDivider__JbD2 {
    width: 100%;
    height: 1px;
    background-color: rgb(0 0 0 / 10%);
}

.Footer-module__desktopInfo__sCvv {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.Footer-module__desktopLegal__m19d {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    color: rgb(28 33 40 / 60%);
    letter-spacing: 0;
}

.Footer-module__desktopLegalLinks__z7V2 {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
}

.Footer-module__desktopLegalLink__hCNu {
    color: rgb(28 33 40 / 60%);
    text-decoration: none;
}

.Footer-module__desktopSocials__pLqF {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
}

.Footer-module__desktopSocialLink__bb1_ {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.Footer-module__socialBg__ROXF {
    position: absolute;
    inset: 0;
    display: block;
    width: 24px;
    height: 24px;
}

.Footer-module__socialGlyph__lfK3 {
    position: absolute;
    display: block;
}

.Footer-module__vkGlyph__nXmk {
    top: 7px;
    left: 4px;
    width: 16px;
    height: 10px;
}

.Footer-module__okGlyph__uQmc {
    top: 4px;
    left: 7px;
    width: 10.9px;
    height: 16.3px;
}

.Footer-module__youtubeGlyph__VXj1 {
    top: 6.5px;
    left: 4px;
    width: 16px;
    height: 11px;
}

.Footer-module__desktopCookieText__YpoX {
    width: 100%;
    margin: 0;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    color: rgb(28 33 40 / 60%);
    letter-spacing: 0;
}

.NotFound-module__container__g1og {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    min-height: calc(100vh - 72px);
    background: #f3f4f6;
}

.NotFound-module__wrapper__l2RR {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.NotFound-module__title__SOl9 {
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    color: #1A1E21;
    text-align: center;
}

.NotFound-module__img__wTRI {
    width: auto;
    height: 175px;

    @media (max-width: 376px) {
        width: 100%;
        max-width: 300px;
        height: auto;
    }
}

.NotFound-module__btn__rZJQ {
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    padding: 8px 15px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: black;
    text-align: center;
    text-decoration: none;
    background: white;
    border-radius: 16px;
}

.NotFound-module__btnWrapper__M4sG {
    width: 100%;
    padding: 8px 16px 32px;
}

@media (min-width: 747px) {
    .NotFound-module__btn__rZJQ {
        height: 64px;
        padding: 12px 24px;
    }

    .NotFound-module__container__g1og {
        display: flex;
        flex-direction: column;
        gap: 32px;
        justify-content: center;
        min-height: calc(100vh - 120px);
    }

    .NotFound-module__wrapper__l2RR {
        flex-grow: 0;
        grid-row: 2;
        align-self: center;
    }

    .NotFound-module__btnWrapper__M4sG {
        grid-row: 3;
        place-self: center center;
        width: 400px;
        padding: 16px 0;
    }

    .NotFound-module__title__SOl9 {
        margin-top: -15px;
        font-size: 24px;
        line-height: 28px;
    }

    .NotFound-module__img__wTRI {
        width: auto;
        max-width: none;
        height: 350px;
    }
}

.Breadcrumbs-module__root__DkbB {
    display: flex;
    gap: 8px;
    padding: 0;
    margin: 0;
    overflow-x: auto;
    list-style: none;
    scrollbar-width: none;
}

.Breadcrumbs-module__root__DkbB::-webkit-scrollbar {
    display: none;
}

.Breadcrumbs-module__item__IZ8i {
    display: flex;
    flex-shrink: 0;
    gap: 4px;
    align-items: center;
    padding: 0;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    color: rgb(28 33 40 / 60%);
    text-decoration: none;
    background-color: transparent;
    border-radius: 0;
    transition: background-color 0.2s ease;

    &:first-child {
        margin-left: 0;
    }

    &:last-child {
        margin-right: 0;
    }
}

.Breadcrumbs-module__desktop__fKmf.Breadcrumbs-module__root__DkbB {
    gap: 8px;
}

.Breadcrumbs-module__desktop__fKmf .Breadcrumbs-module__item__IZ8i {
    padding: 0;
    color: rgb(28 33 40 / 60%);
    background-color: transparent;
    border-radius: 0;
}

.Breadcrumbs-module__desktop__fKmf .Breadcrumbs-module__item__IZ8i:first-child {
    margin-left: 0;
}

.Breadcrumbs-module__active__vMqw {
    pointer-events: none;
    cursor: default;
}

.Breadcrumbs-module__separator__LfW5 {
    width: 16px;
    height: 16px;
    color: rgb(28 33 40 / 60%);
}

.AnswerExplanation-module__root__Jcjw {
    padding: 0;
}

.AnswerExplanation-module__text__yiG7 {
    border-radius: 8px;
}

.AnswerExplanation-module__answer__YHeP {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 600;
}

.AnswerExplanation-module__explanation__jbjL {
    padding: 0;
    font-size: 17px;
    line-height: 24px;
    color: #000;
    border-radius: 8px;
}

.AnswerExplanation-module__explanationToggle__jAzu {
    margin-bottom: 8px;
}

.AnswerExplanation-module__explanationToggleButton__JOj6 {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #0C78ED;
    text-decoration: none;
    cursor: pointer;
    background: none;
    border: none;
}

.AnswerExplanation-module__explanationToggleIcon__w1yU {
    width: 24px;
    height: 20px;
    color: #0C78ED;
    transition: transform .2s ease;
}

.AnswerExplanation-module__explanationToggleIconOpened__jCXI {
    transform: rotate(180deg);
}

.AnswerExplanation-module__desktop__R8Rl.AnswerExplanation-module__root__Jcjw {
    padding: 0;
    margin-top: 24px;
}

.AnswerExplanation-module__desktop__R8Rl .AnswerExplanation-module__explanation__jbjL {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
    font-size: 17px;
    line-height: 24px;
}

.AnswerExplanation-module__desktop__R8Rl .AnswerExplanation-module__explanationToggleButton__JOj6 {
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
}

.AnswerExplanation-module__desktop__R8Rl .AnswerExplanation-module__answer__YHeP {
    margin-top: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
}

.QuestionScroller-module__root__CbST {
    border-radius: 12px;
}

.QuestionScroller-module__desktop__szso.QuestionScroller-module__root__CbST {
    display: flex;
    gap: 8px;
    align-items: center;
}

.QuestionScroller-module__list__dqEu {
    display: flex;
    gap: 8px;
    padding: 0;
    margin: 0;
    overflow-x: auto;
    list-style: none;
    scrollbar-width: none;
}

.QuestionScroller-module__list__dqEu::-webkit-scrollbar {
    display: none;
}

.QuestionScroller-module__item__xTtK {
    flex-shrink: 0;
}

.QuestionScroller-module__button__jUQs {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    background-color: #E9EAEC;
    border: none;
    border-radius: 12px;
    transition: all 0.2s ease-in-out;
}

.QuestionScroller-module__button__jUQs.QuestionScroller-module__correct__l7zE {
    color: #267E3B;
    background-color: #D9F2DF;
}

.QuestionScroller-module__button__jUQs.QuestionScroller-module__wrong__xAvg {
    color: #C00;
    background-color: #FEE3E2;
}

.QuestionScroller-module__button__jUQs.QuestionScroller-module__active__bwOX {
    color: #FFF;
    background-color: #000;
}

.QuestionScroller-module__button__jUQs.QuestionScroller-module__active__bwOX.QuestionScroller-module__correct__l7zE {
    color: #FFF;
    background-color: #36B555;
}

.QuestionScroller-module__button__jUQs.QuestionScroller-module__active__bwOX.QuestionScroller-module__wrong__xAvg {
    color: #FFF;
    background-color: #E60000;
}

.QuestionScroller-module__desktop__szso {
    margin-bottom: 32px;
}

.QuestionScroller-module__desktop__szso .QuestionScroller-module__list__dqEu {
    flex: 1 1 auto;
    flex-wrap: nowrap;
    min-width: 0;
    padding: 0;
    overflow-x: auto;
}

.QuestionScroller-module__desktop__szso .QuestionScroller-module__item__xTtK:first-child {
    margin-left: 0;
}

.QuestionScroller-module__desktop__szso .QuestionScroller-module__item__xTtK:last-child {
    margin-right: 0;
}

.QuestionScroller-module__desktop__szso .QuestionScroller-module__button__jUQs {
    width: 44px;
    height: 44px;
    font-family: var(--font-main);
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    background-color: #e9eaec;
}

.QuestionScroller-module__arrowButton__Q4QK {
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 10px;
    color: #000;
    cursor: pointer;
    background: transparent;
    border: none;
    border-radius: 12px;
}

.QuestionScroller-module__arrowButton__Q4QK:hover {
    background-color: #e9eaec;
}

.QuestionScroller-module__arrowIcon__t3XC {
    width: 24px;
    height: 24px;
}

.QuestionScroller-module__desktop__szso .QuestionScroller-module__button__jUQs.QuestionScroller-module__correct__l7zE {
    color: #267e3b;
    background-color: #d9f2df;
}

.QuestionScroller-module__desktop__szso .QuestionScroller-module__button__jUQs.QuestionScroller-module__wrong__xAvg {
    color: #c00;
    background-color: #fee3e2;
}

.QuestionScroller-module__desktop__szso .QuestionScroller-module__button__jUQs.QuestionScroller-module__active__bwOX {
    color: #fff;
    background-color: #000;
}

.QuestionScroller-module__desktop__szso .QuestionScroller-module__button__jUQs.QuestionScroller-module__active__bwOX.QuestionScroller-module__correct__l7zE {
    color: #fff;
    background-color: #36b555;
}

.QuestionScroller-module__desktop__szso .QuestionScroller-module__button__jUQs.QuestionScroller-module__active__bwOX.QuestionScroller-module__wrong__xAvg {
    color: #fff;
    background-color: #e60000;
}

@media (max-width: 767px) {
    .QuestionScroller-module__root__CbST {
        margin: 0 -16px;
        border-radius: 0;
    }

    .QuestionScroller-module__list__dqEu {
        padding: 0 16px;
        scroll-padding-inline: 16px;
    }
}

.ZoomableImage-module__root__LWa7 {
    display: block;
    max-width: 100%;
    padding: 0;
    margin: 0;
    text-align: inherit;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 12px;
}

.ZoomableImage-module__root__LWa7 img {
    display: block;
    max-width: 100%;
    cursor: pointer;
}

.ZoomableImage-module__root__LWa7:focus-visible {
    outline: 2px solid #2675d8;
    outline-offset: 4px;
}

.QuestionTask-module__root__qBdg {
    display: flex;
    flex-direction: column;
}

.QuestionTask-module__question__G1DQ {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0 0;
    margin-bottom: 12px;
}

.QuestionTask-module__questionNumber__dIje {
    font-size: 16px;
    text-align: left;
}

.QuestionTask-module__title__of36 {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
}

.QuestionTask-module__image__yz7F {
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 1px solid #edeeee;
    border-radius: 12px;
}

.QuestionTask-module__options__xhej {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
}

.QuestionTask-module__option__XwDp {
    padding: 15px;
    font-size: 15px;
    line-height: 20px;
    color: #090909;
    text-align: left;
    cursor: pointer;
    background-color: #f3f4f6;
    border: 1px solid transparent;
    border-radius: 16px;
    transition: background-color 0.2s;
}

.QuestionTask-module__option__XwDp:disabled {
    pointer-events: none;
    cursor: default;
}

@media (hover: hover) and (pointer: fine) {
    .QuestionTask-module__option__XwDp:enabled:hover {
        background-color: #e9eaec;
    }
}

.QuestionTask-module__option__XwDp.QuestionTask-module__wrong__Qk6q {
    color: #C00;
    background-color: #FEE3E2;
}

.QuestionTask-module__option__XwDp.QuestionTask-module__succeed__irnT {
    color: #267E3B;
    background-color: #D9F2DF;
}

.QuestionTask-module__option__XwDp.QuestionTask-module__correct__7lCJ {
    color: #267E3B;
    border-color: #267E3B;
}

.QuestionTask-module__desktop__D9ef .QuestionTask-module__question__G1DQ {
    gap: 24px;
    padding: 0;
    margin-bottom: 24px;
}

.QuestionTask-module__desktop__D9ef .QuestionTask-module__title__of36 {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.QuestionTask-module__desktop__D9ef .QuestionTask-module__options__xhej {
    gap: 12px;
    padding: 0;
}

.QuestionTask-module__desktop__D9ef .QuestionTask-module__option__XwDp {
    box-sizing: border-box;
    min-height: 56px;
    padding: 15px;
    font-size: 17px;
    font-weight: normal;
    line-height: 24px;
    border-radius: 16px;
}

.QuestionTask-module__desktop__D9ef .QuestionTask-module__image__yz7F {
    display: block;
}

@media (max-width: 767px) {
    .QuestionTask-module__question__G1DQ {
        padding-top: 0;
    }

    .QuestionTask-module__title__of36 {
        color: #000;
    }

}

.TrainingInfo-module__root__FvqS {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    padding: 0;

}

.TrainingInfo-module__title__PTF4 {
    padding: 0;
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.TrainingInfo-module__desktop__tg4y.TrainingInfo-module__root__FvqS {
    gap: 12px;
    padding: 0;
}

.TrainingInfo-module__desktop__tg4y .TrainingInfo-module__title__PTF4 {
    max-width: 100%;
    padding: 0;
    margin: 0;
    font-family: var(--font-heading);
    font-size: 34px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0;
}

@media (max-width: 767px) {
    .TrainingInfo-module__title__PTF4 {
        font-family: var(--font-heading);
        font-weight: 500;
        color: #000;
    }
}

.TrainingProgress-module__root__zArb {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px;
    background-color: #f3f4f6;
    border-radius: 16px;
}

.TrainingProgress-module__progressContainer__T434 {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.TrainingProgress-module__progress__yQjS {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
    justify-content: center;
}

.TrainingProgress-module__progressInfo__wq1x {
    font-size: 13px;
    line-height: 16px;
}

.TrainingProgress-module__button__y0Na {
    width: 152px;
    height: 44px;
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #000;
    cursor: pointer;
    background-color: #e9eaec;
    border: none;
    border-radius: 12px;
}

.TrainingProgress-module__button__y0Na:disabled {
    cursor: not-allowed;
}

.TrainingProgress-module__desktop__OPEW.TrainingProgress-module__root__zArb {
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
    width: 300px;
    padding: 24px;
    overflow: hidden;
    background-color: #f3f4f6;
    border-radius: 24px;
}

.TrainingProgress-module__desktopContent__O5jK {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

.TrainingProgress-module__desktop__OPEW .TrainingProgress-module__progressInfo__wq1x {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 15px;
    line-height: 20px;
    color: #000;
    text-align: center;
}

.TrainingProgress-module__desktop__OPEW .TrainingProgress-module__button__y0Na {
    width: 100%;
    height: 56px;
    padding: 8px 12px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: white;
    background-color: #000;
    border-radius: 16px;
}

.TrainingProgress-module__timer__i7cY {
    min-width: 50px;
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.TrainingProgress-module__timerDesktop__mmbu {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 47px;
    font-weight: 500;
    line-height: 52px;
    text-align: center;
}

.TrainingProgress-module__timerWarning__Utg6 {
    color: #c00;
}

@media (max-width: 767px) {
    .TrainingProgress-module__progressInfo__wq1x {
        color: #000;
    }

    .TrainingProgress-module__timer__i7cY {
        font-family: var(--font-heading);
        color: #000;
    }

    .TrainingProgress-module__timerWarning__Utg6 {
        color: #c00;
    }

    .TrainingProgress-module__button__y0Na {
        background-color: rgb(73 84 104 / 10%);
    }
}

.OfficialInfo-module__source__nPy_ {
    font-size: 13px;
    line-height: 16px;
    color: rgb(28 33 40 / 60%);
    text-align: left;
}

.OfficialInfo-module__source__nPy_ a {
    font-weight: 500;
    color: #0C78ED;
    text-decoration: none;
}

.OfficialInfo-module__desktop__G54D.OfficialInfo-module__source__nPy_ {
    margin: 0;
    font-size: 17px;
    line-height: 24px;
    text-align: left;
}

.ReferenceMaterials-module__title__Bgbm {
    display: none;
}

.ReferenceMaterials-module__button__Gtqs {
    padding: 0;
    font-size: 12px;
    line-height: 20px;
    color: #0C78ED;
    text-decoration: none;
    cursor: pointer;
    background: none;
    border: none;
}

.ReferenceMaterials-module__desktop__qSJQ {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 68px;
    gap: 16px 0;
    width: 300px;
    min-height: 112px;
    padding: 24px;
    overflow: hidden;
    background-color: #f3f4f6;
    border-radius: 24px;
}

.ReferenceMaterials-module__desktop__qSJQ .ReferenceMaterials-module__title__Bgbm {
    display: block;
    grid-column: 1 / -1;
    margin: 0;
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.ReferenceMaterials-module__desktop__qSJQ .ReferenceMaterials-module__button__Gtqs {
    z-index: 1;
    display: inline-flex;
    grid-area: 2 / 1;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 44px;
    padding: 6px 16px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #000;
    text-align: center;
    white-space: nowrap;
    background-color: rgb(73 84 104 / 10%);
    border: none;
    border-radius: 12px;
    transition: background-color 0.2s;
}

.ReferenceMaterials-module__desktop__qSJQ .ReferenceMaterials-module__button__Gtqs:hover {
    background-color: rgb(73 84 104 / 16%);
}

.ReferenceMaterials-module__image__ypnP {
    grid-area: 2 / 2;
    place-self: end;
    width: 86px;
    height: 86px;
    margin: -42px -32px -32px 0;
    pointer-events: none;
    object-fit: contain;
}

.Popup-module__overlay__kwAr {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
}

.Popup-module__desktopOverlay__bGLN {
    align-items: center;
}

.Popup-module__popup__pBMK {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 500px;
    max-height: 100%;
    padding: 20px;
    overflow-y: auto;
    background-color: white;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    transform: translateY(var(--popup-drag-offset, 0));
    transition: transform 0.3s ease-out;
    animation: Popup-module__slideUp__jPt1 0.3s ease-out;
}

.Popup-module__popup__pBMK[data-dragging] {
    transition: none;
}

.Popup-module__handle__wlks {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    height: 20px;
    padding-top: 8px;
    touch-action: none;
}

.Popup-module__handle__wlks::after {
    width: 32px;
    height: 4px;
    content: '';
    background-color: rgb(0 0 0 / 10%);
    border-radius: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .Popup-module__popup__pBMK {
        transition: none;
        animation: none;
    }
}

@keyframes Popup-module__slideUp__jPt1 {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

.TimeExpiredPopup-module__popup__QUas {
    padding: 32px 16px 16px;
    border-radius: 32px 32px 0 0;
}

.TimeExpiredPopup-module__desktopPopup__LpdJ {
    width: 620px;
    max-width: 620px;
    padding: 24px;
    border-radius: 32px;
}

.TimeExpiredPopup-module__content__OY_j {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.TimeExpiredPopup-module__title__OwNK {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0;
}

.TimeExpiredPopup-module__description__euzw {
    margin: 0;
    font-size: 15px;
    line-height: 20px;
}

.TimeExpiredPopup-module__button__rru5 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    padding: 8px 20px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    cursor: pointer;
    background-color: #000;
    border: none;
    border-radius: 16px;
}

.TimeExpiredPopup-module__button__rru5:disabled {
    cursor: not-allowed;
    opacity: .6;
}

.Button-module__root__W4vV {
    padding: 16px;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    border: 1px solid #DDDFE2;
    border-radius: 16px;
    transition: all 0.2s ease-in-out;
}

.Button-module__root__W4vV:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.Button-module__primary__KPVq {
    color: #fff;
    background-color: #2C282C;
}

.Button-module__secondary__YjnK {
    color: #000;
    background-color: #fff;
    border-color: #e0e0e0;
}

.TrainingDesktop-module__desktopContainer__yxmg {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: calc(100vw - 40px);
    max-width: 1400px;
    min-height: 750px;
    padding: 64px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 64px;
}

.TrainingDesktop-module__ticketSeoLink__Ms_W {
    font-size: 12px;
    line-height: 20px;
    color: #0C78ED;
    text-decoration: none;
}

.TrainingDesktop-module__desktop__sCft .TrainingDesktop-module__ticketSeoLink__Ms_W {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px;
    font-size: 14px;
    text-align: left;
    border: 1px solid rgb(0 0 0 / 10%);
    border-radius: 24px;
}

.TrainingDesktop-module__headerDesktop__csEH {
    width: 100%;
}

.TrainingDesktop-module__bodyDesktop__YWT1 {
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.TrainingDesktop-module__desktop__sCft .TrainingDesktop-module__mainContent__oiuw {
    display: flex;
    flex: 0 1 840px;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.TrainingDesktop-module__desktop__sCft .TrainingDesktop-module__sidebar__JBFB {
    position: sticky;
    top: 24px;
    display: flex;
    flex: 0 0 300px;
    flex-direction: column;
    gap: 24px;
}

.TrainingDesktop-module__desktop__sCft .TrainingDesktop-module__card__KbdA {
    background-color: #fff;
    border-radius: 0;
}

.TrainingDesktop-module__footer__SEV5 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0 16px;
    padding-bottom: 24px;
}

.TrainingDesktop-module__desktop__sCft .TrainingDesktop-module__footer__SEV5 {
    gap: 32px;
    padding: 0;
    margin-top: 32px;
}

.TrainingDesktop-module__desktop__sCft .TrainingDesktop-module__info__Od9W {
    margin-bottom: 24px;
}

.TrainingDesktop-module__footerButton__JNml {
    width: 100%;
}

.TrainingDesktop-module__desktop__sCft .TrainingDesktop-module__footerButton__JNml {
    height: 56px;
    padding: 8px 12px;
    margin-top: 32px;
    font-family: var(--font-main);
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    background-color: #000;
    border: none;
    border-radius: 16px;
}

.TrainingDesktop-module__ticketSeoText__hE0s {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #000;
}

.TrainingDesktop-module__ticketSeoTitle__GovY {
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.TrainingDesktop-module__ticketSeoDescription___6Vx {
    font-size: 17px;
    font-weight: normal;
    line-height: 24px;
}

.TrainingDesktop-module__ticketSeoButton__yfOo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 8px 16px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    background-color: #e9eaec;
    border-radius: 16px;
}

@media (max-width: 1199px) {
    .TrainingDesktop-module__desktopContainer__yxmg {
        padding: 40px 32px;
    }

    .TrainingDesktop-module__desktop__sCft .TrainingDesktop-module__ticketSeoLink__Ms_W {
        flex-wrap: wrap;
    }
}

@media (max-width: 899px) {
    .TrainingDesktop-module__bodyDesktop__YWT1 {
        flex-direction: column;
    }

    .TrainingDesktop-module__desktop__sCft .TrainingDesktop-module__mainContent__oiuw,
    .TrainingDesktop-module__desktop__sCft .TrainingDesktop-module__sidebar__JBFB {
        position: static;
        flex: auto;
        width: 100%;
    }
}

.TrainingMobile-module__mobileContainer__wxG7 {
    display: flex;
    flex-direction: column;
    padding-top: 0;
    background-color: #f3f4f6;
}

.TrainingMobile-module__main___HcV {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    padding: 16px;
    background-color: #fff;
    border-radius: 24px;
}

.TrainingMobile-module__footerButton__nA3G {
    position: sticky;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    z-index: 2;
    flex-shrink: 0;
    width: 100%;
    height: 56px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    border-radius: 16px;
}

.TrainingMobile-module__officialInfo__MOeu {
    margin: 4px 0 8px;
    text-align: left;
}

.TrainingMobile-module__referenceLinks__PGp4 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.TrainingMobile-module__referenceCard__oN2m {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 100px;
    padding: 16px;
    overflow: hidden;
    color: #000;
    text-decoration: none;
    background-color: rgb(73 84 104 / 10%);
    border-radius: 16px;
}

.TrainingMobile-module__referenceTitle__nFS4 {
    max-width: 100%;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
}

.TrainingMobile-module__referenceDescription__UWFJ {
    max-width: min(187px, calc(100% - 76px));
    font-size: 15px;
    line-height: 20px;
}

.TrainingMobile-module__answersImage__zLBw {
    position: absolute;
    right: -21px;
    bottom: -27px;
    width: 118px;
    height: 118px;
    object-fit: contain;
}

.TrainingMobile-module__rulesImage__LsOB {
    position: absolute;
    right: -8px;
    bottom: -7px;
    width: 91px;
    height: 91px;
    object-fit: contain;
}

.TrainingContent-module__page__YFWv {
    overflow-anchor: none;
}

.TrainingContent-module__root__orOi {
    background: #f3f4f6;
}

.TrainingContent-module__desktop__WKyW {
    background: #f3f4f6;
}

.PageHeader-module__root__Zff9 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 591px;
    padding: 32px 16px 4px;
    overflow: hidden;
    background-color: #f3f4f6;
}

.PageHeader-module__content__fhCA {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
    min-height: 555px;
    text-align: center;
}

.PageHeader-module__textContent__ffcE {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    padding-top: 0;
}

.PageHeader-module__title__n7im {
    display: flex;
    flex-direction: column;
    width: 343px;
    max-width: 100%;
    padding: 0;
    margin: 0;
    font-family: var(--font-heading);
    font-size: 34px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
    letter-spacing: 0;
}

.PageHeader-module__description__b5Ws {
    width: 343px;
    max-width: 100%;
    padding: 0;
    margin: 0;
    font-size: 17px;
    line-height: 24px;
    color: rgb(28 33 40 / 60%);
    white-space: pre-wrap;
}

.PageHeader-module__mobileButtons___2n3 {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding-bottom: 0;
}

.PageHeader-module__mobilePrimaryButton__ftgq,
.PageHeader-module__mobileSecondaryButton__holQ {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    padding: 8px 20px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    border-radius: 16px;
}

.PageHeader-module__mobilePrimaryButton__ftgq {
    color: #fff;
    background: #000;
}

.PageHeader-module__mobileSecondaryButton__holQ {
    color: #000;
    background: rgb(73 84 104 / 10%);
}

.PageHeader-module__desktopButtons__MZbs {
    display: none;
}

.PageHeader-module__desktop__bwnw {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    height: 352px;
    padding: 32px 0;
    overflow: visible;
    background-color: transparent;
    border-radius: 24px;
}

.PageHeader-module__desktop__bwnw .PageHeader-module__content__fhCA {
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 570px;
    max-width: 100%;
    min-height: 0;
    text-align: left;
}

.PageHeader-module__desktopTitle__Bnhw {
    display: flex;
    flex-direction: column;
    width: 570px;
    padding: 0;
    margin: 0;
    font-family: var(--font-heading);
    font-size: 64px;
    font-weight: 500;
    line-height: 64px;
    color: #000;
    letter-spacing: 0;
    white-space: normal;
}

.PageHeader-module__desktopDescription___6LR {
    width: 570px;
    padding: 0;
    margin: 0;
    font-family: var(--font-heading);
    font-size: 24px;
    font-weight: normal;
    line-height: 28px;
    color: rgb(28 33 40 / 60%);
    letter-spacing: 0;
    white-space: normal;
}

.PageHeader-module__desktop__bwnw .PageHeader-module__desktopButtons__MZbs {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}

.PageHeader-module__startButton__OxYv,
.PageHeader-module__restartButton__n5wQ {
    display: inline-flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 8px 24px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
    background-color: #000;
    border-radius: 16px;
}

.PageHeader-module__startButton__OxYv:hover {
    background-color: #1c2128;
}

.PageHeader-module__restartButton__n5wQ {
    color: #000;
    background-color: #e9eaec;
}

.PageHeader-module__restartButton__n5wQ:hover {
    background-color: #dde0e4;
}

.PageHeader-module__restartIcon__pARg {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
}

.PageHeader-module__dogImage__pwfh {
    position: absolute;
    top: -36px;
    left: 433px;
    width: 578px;
    height: 578px;
    object-fit: contain;
}

.PageHeader-module__mobileDogImage__wEqB {
    grid-area: 2 / 1;
    place-self: end center;
    width: min(350px, calc(100% + 7px));
    height: auto;
    aspect-ratio: 1;
    margin-bottom: -72px;
    pointer-events: none;
    object-fit: contain;
}

.PageHeader-module__mobile__KiXl .PageHeader-module__content__fhCA {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    grid-template-columns: minmax(0, 1fr);
    height: 555px;
    min-height: 0;
}

.PageHeader-module__mobile__KiXl .PageHeader-module__textContent__ffcE {
    grid-area: 1 / 1;
}

.PageHeader-module__mobile__KiXl .PageHeader-module__mobileButtons___2n3 {
    grid-area: 3 / 1;
}

.PageHeader-module__mobile__KiXl.PageHeader-module__withoutRestart__FyWE {
    padding-bottom: 16px;
}

.PageHeader-module__mobile__KiXl.PageHeader-module__withoutRestart__FyWE .PageHeader-module__content__fhCA {
    height: 543px;
}

.PageHeader-module__mobile__KiXl.PageHeader-module__withoutRestart__FyWE .PageHeader-module__mobileDogImage__wEqB {
    width: min(412px, calc(100% + 69px));
    margin-bottom: -78px;
}

@media (max-width: 359px) {
    .PageHeader-module__mobileSecondaryButton__holQ {
        padding-inline: 12px;
    }
}

@media (max-width: 1319px) {
    .PageHeader-module__desktop__bwnw {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(160px, 35%);
        height: 100%;
        min-height: 464px;
        padding-bottom: 0;
        overflow: hidden;
    }

    .PageHeader-module__desktopTitle__Bnhw {
        font-size: 40px;
        line-height: 44px;
    }

    .PageHeader-module__desktopDescription___6LR {
        font-size: 20px;
        line-height: 24px;
    }

    .PageHeader-module__dogImage__pwfh {
        position: static;
        place-self: end center;
        width: calc(100% + 120px);
        height: auto;
        margin-bottom: -48px;
    }

    .PageHeader-module__startButton__OxYv,
    .PageHeader-module__restartButton__n5wQ {
        height: auto;
        min-height: 56px;
    }
}

@media (max-width: 899px) {
    .PageHeader-module__desktop__bwnw {
        display: contents;
    }

    .PageHeader-module__desktop__bwnw .PageHeader-module__content__fhCA {
        grid-area: intro;
    }

    .PageHeader-module__dogImage__pwfh {
        grid-area: illustration;
        width: calc(100% + 160px);
        margin-bottom: -64px;
    }
}

.ActivityChart-module__root__Ily4 {
    padding: 0;
}

.ActivityChart-module__title__YpKa {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: normal;
    line-height: 24px;
    color: rgb(28 33 40 / 60%);
}

.ActivityChart-module__chart__LyoH {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    padding: 0;
}

.ActivityChart-module__mobileDay__ttN6 {
    display: flex;
    flex: 0 0 42px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 42px;
    height: 64px;
    padding: 12px 8px 8px;
    color: rgb(28 33 40 / 60%);
    border-radius: 32px;
}

.ActivityChart-module__mobileDayFuture__Ksqk {
    color: rgb(28 33 40 / 60%);
}

.ActivityChart-module__mobileDaySuccess__wdbm {
    color: #267e3b;
    background: #d9f2df;
}

.ActivityChart-module__mobileDayError__cmNi {
    color: #c00;
    background: #fee3e2;
}

.ActivityChart-module__mobileDayLabel__dR7O {
    font-size: 15px;
    line-height: 20px;
    color: currentcolor;
}

.ActivityChart-module__mobileDayIcon__v1en {
    width: 24px;
    height: 24px;
    color: currentcolor;
}

.ActivityChart-module__dayCheck__dUhz {
    display: block;
    width: 14px;
    height: 9px;
    margin: 6px 5px 9px;
    border-color: currentcolor;
    border-style: solid;
    border-width: 0 0 2px 2px;
    transform: rotate(-45deg);
}

.ActivityChart-module__mobileDayDot__FXxv {
    display: block;
    width: 6px;
    height: 6px;
    margin: 9px;
    background: currentcolor;
    border-radius: 50%;
    opacity: .5;
}

.ActivityChart-module__desktopRoot__qRK8 {
    width: 100%;
}

.ActivityChart-module__desktopRoot__qRK8 .ActivityChart-module__title__YpKa {
    margin: 0 0 8px;
    font-size: 17px;
    line-height: 24px;
    color: rgb(28 33 40 / 60%);
}

.ActivityChart-module__desktopChart__y2Uy {
    display: flex;
    gap: 4px;
    align-items: center;
}

.ActivityChart-module__desktopDay__B3O1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 32px;
    height: 64px;
    padding: 12px 4px 8px;
    color: rgb(28 33 40 / 60%);
    border-radius: 32px;
}

.ActivityChart-module__desktopDayFuture__eGPA {
    color: rgb(28 33 40 / 60%);
}

.ActivityChart-module__desktopDaySuccess__qGFl {
    color: #268236;
    background-color: #e2f6df;
}

.ActivityChart-module__desktopDayError__Ufwl {
    color: #c00;
    background-color: #fee3e2;
}

.ActivityChart-module__desktopDayLabel__wbx5 {
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    color: rgb(28 33 40 / 60%);
    letter-spacing: 0;
}

.ActivityChart-module__desktopDaySuccess__qGFl .ActivityChart-module__desktopDayLabel__wbx5,
.ActivityChart-module__desktopDayError__Ufwl .ActivityChart-module__desktopDayLabel__wbx5 {
    color: currentcolor;
}

.ActivityChart-module__desktopDayIcon__JgLF {
    width: 24px;
    height: 24px;
    color: currentcolor;
}

.ActivityChart-module__desktopDayDot__mkzI {
    display: block;
    width: 6px;
    height: 6px;
    margin: 9px;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: .5;
}

.ScoreCard-module__root__XWMU {
    padding: 16px;
    background-color: #FFF;
    border-radius: 24px;
}

.ScoreCard-module__streakBadgeIcon__lmAE {
    flex-shrink: 0;
    width: 25px;
    height: 32px;
}

.ScoreCard-module__mobilePreparationInfo__JjRI {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.ScoreCard-module__mobilePreparationValue__ov4I {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
}

.ScoreCard-module__desktopRoot__yJTA {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 300px;
    height: 216px;
    padding: 24px;
    background-color: #fff;
    border: none;
    border-radius: 24px;
}

.ScoreCard-module__preparationInfo__ehZS {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.ScoreCard-module__preparationTitle__myfl {
    margin: 0;
    font-size: 17px;
    line-height: 24px;
    color: rgb(28 33 40 / 60%);
}

.ScoreCard-module__preparationValue__fJLC {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 0;
    font-family: var(--font-heading);
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    color: #000;
    letter-spacing: 0;
}

.ScoreCard-module__preparationValue__fJLC .ScoreCard-module__streakBadgeIcon__lmAE {
    width: 22px;
    height: 28px;
}

.UserStats-module__root__xI5Y {
    /* empty */
}

.TicketStatsPopup-module__popup__pTvk {
    padding-bottom: 8px;
}

.TicketStatsPopup-module__content__UnjH {
    display: flex;
    flex-direction: column;
}

.TicketStatsPopup-module__title__fpAX {
    margin-bottom: 8px;
    font-size: 17px;
    font-weight: 600;
}

.TicketStatsPopup-module__stats__F5_E {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 16px;
}

.TicketStatsPopup-module__label__u5_m {
    margin-bottom: 8px;
    font-size: 13px;
    color: rgb(0 0 0 / 50%);
}

.TicketStatsPopup-module__attempts__jhoA {
    display: flex;
    flex-direction: column;
}

.TicketStatsPopup-module__attemptLink__fsWV {
    font-size: 12px;
    line-height: 20px;
    color: #0C78ED;
    text-decoration: none;
}

.TicketStatsPopup-module__value__XDPj {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 17px;
    font-weight: 500;
}

.TicketStatsPopup-module__startButton__CRjQ {
    display: block;
    width: 100%;
    padding: 18px 28px;
    font-size: 17px;
    font-weight: 600;
    color: white;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background: #2C282C;
    border: none;
    border-radius: 16px;
}

.TicketStatsPopup-module__desktopPopup__g8Yo {
    max-width: 450px;
    padding: 24px;
    border-radius: 24px;
}

.CategoryTabs-module__tabs___OKw {
    display: flex;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.CategoryTabs-module__tab__IXDk {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 10px;
    margin-bottom: -1px;
    font-size: 15px;
    font-weight: 500;
    color: #6C757D;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease-in-out;
}

.CategoryTabs-module__tab__IXDk.CategoryTabs-module__active__xx7O {
    color: #090909;
    border-bottom-color: #090909;
}

.CategoryTabs-module__tab__IXDk:hover:not(.CategoryTabs-module__active__xx7O) {
    color: #090909;
}

.CategoryTabs-module__desktopTab__DbTw {
    height: 44px;
    padding: 10px 12px;
    font-size: 15px;
    line-height: 20px;
}

.CategoryTabs-module__icon__HLqH {
    width: 24px;
    height: 24px;
}

@media (max-width: 767px) {
    .CategoryTabs-module__tabs___OKw {
        width: 100%;
    }

    .CategoryTabs-module__tab__IXDk {
        flex: 1 1 0;
        min-width: 0;
        height: 44px;
        min-height: 44px;
        padding: 0 4px;
        font-size: 15px;
        line-height: 20px;
    }

    .CategoryTabs-module__icon__HLqH {
        flex-shrink: 0;
    }
}

.TicketList-module__list__Bu8q {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.TicketList-module__item__Tiqe {
    flex-shrink: 0;
}

.TicketList-module__ticketButton__n4gI {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 44px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    background-color: #E9EAEC;
    border-radius: 12px;
    transition: all 0.2s ease-in-out;
}

.TicketList-module__ticketButton__n4gI:hover {
    background-color: #dedfe2;
}

.TicketList-module__ticketButton__n4gI.TicketList-module__passed__y3Lm {
    color: #267E3B;
    background-color: #D9F2DF;
}

.TicketList-module__ticketButton__n4gI.TicketList-module__failed__zXeh {
    color: #C00;
    background-color: #FEE3E2;
}

.TicketList-module__desktopList__MEAC {
    gap: 8px;
}

.TicketList-module__desktopTicketButton__z2u7 {
    width: 44px;
    height: 44px;
    padding: 0;
    font-size: 15px;
    line-height: 20px;
}

.TicketList-module__desktopTicketButton__z2u7.TicketList-module__failed__zXeh {
    background-color: #FCC7C4;
}

@media (max-width: 767px) {
    .TicketList-module__list__Bu8q {
        gap: 8px;
    }

    .TicketList-module__ticketButton__n4gI {
        width: 44px;
        height: 44px;
        font-size: 15px;
        line-height: 20px;
    }
}

.TicketSelection-module__root__YQsC {
    padding: 0 12px;
}

.TicketSelection-module__ticketSelection__lqmy {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 0;
}

.TicketSelection-module__toggleButton__ugnp {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 44px;
    padding: 6px 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #6E7176;
    text-align: center;
    cursor: pointer;
    background-color: #e9eaec;
    border: none;
    border-radius: 12px;
    transition: all 0.2s ease-in-out;
}

.TicketSelection-module__toggleButton__ugnp:hover {
    background-color: #dedfe2;
}

.TicketSelection-module__buttonText__G7QM {
    margin-right: 8px;
}

.TicketSelection-module__arrow__XpBr {
    transition: transform 0.2s ease-in-out;
}

.TicketSelection-module__arrowUp__khh5 {
    transform: rotate(180deg);
}

.TicketSelection-module__desktop__sFvJ {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0;
}

.TicketSelection-module__desktop__sFvJ .TicketSelection-module__ticketSelection__lqmy {
    gap: 0;
    padding: 0;
}

.TicketSelection-module__desktopToggleButton__Kw8I {
    height: 50px;
    padding: 6px 24px;
    font-size: 16px;
}

.TicketSelection-module__legend__g8g2 {
    display: flex;
    gap: 24px;
    justify-content: flex-start;
    width: 100%;
    padding: 0;
}

.TicketSelection-module__legendItem__eJ0I {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: rgb(28 33 40 / 60%);
}

.TicketSelection-module__legendText__IPNR {
    color: inherit;
}

.TicketSelection-module__legendMarkerPassed__Ix8E + .TicketSelection-module__legendText__IPNR {
    color: #267E3B;
}

.TicketSelection-module__legendMarkerFailed__y1a7 + .TicketSelection-module__legendText__IPNR {
    color: #C00;
}

.TicketSelection-module__legendMarker__lmmZ {
    width: 24px;
    height: 24px;
    border-radius: 4px;
}

.TicketSelection-module__legendMarkerPassed__Ix8E {
    background-color: #d9f2df;
}

.TicketSelection-module__legendMarkerFailed__y1a7 {
    background-color: #fcc7c4;
}

.TicketSelection-module__legendMarkerDefault__R_N1 {
    background-color: #e9eaec;
}

@media (max-width: 767px) {
    .TicketSelection-module__root__YQsC {
        padding: 0;
        margin-top: 4px;
    }

    .TicketSelection-module__legend__g8g2 {
        flex-wrap: wrap;
        gap: 8px;
        justify-content: space-between;
        margin-top: 16px;
    }

    .TicketSelection-module__legendItem__eJ0I {
        flex: 0 1 auto;
        font-size: 13px;
        line-height: 16px;
    }

    .TicketSelection-module__legendMarker__lmmZ {
        flex-shrink: 0;
        border-radius: 8px;
    }

    .TicketSelection-module__ticketSelection__lqmy {
        gap: 12px;
        padding: 16px 0 0;
    }

    .TicketSelection-module__toggleButton__ugnp {
        width: 100%;
        height: 56px;
        font-size: 17px;
        line-height: 24px;
        color: #000;
        border-radius: 16px;
    }
}

.TicketsSection-module__root__d4fp {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    min-width: 0;
}

.TicketsSection-module__title__HzUp {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 34px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
    letter-spacing: 0;
}

.TicketsSection-module__description__zjCw {
    padding-left: 22px;
    margin: 0;
    font-size: 17px;
    line-height: 24px;
    color: #000;
    letter-spacing: 0;
}

.TicketsSection-module__description__zjCw li {
    padding-left: 0;
}

.TicketsSection-module__description__zjCw li + li {
    margin-top: 4px;
}

.TicketsSection-module__description__zjCw b {
    font-weight: 500;
}

.TicketsSection-module__mobileDescription__rrEO {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 17px;
    line-height: 24px;
    color: #000;
}

.TicketsSection-module__mobileDescription__rrEO p {
    margin: 0;
}

@container (max-width: 767px) {
    .TicketsSection-module__root__d4fp {
        gap: 12px;
        width: 100%;
        padding: 16px;
        background: #fff;
        border-radius: 24px;
    }

    .TicketsSection-module__title__HzUp {
        font-size: 24px;
        line-height: 28px;
    }

    .TicketsSection-module__description__zjCw {
        padding-left: 20px;
        font-size: 17px;
        line-height: 24px;
    }
}

.PromoCards-module__root__hkyT {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 300px;
    height: 508px;
}

.PromoCards-module__marathonCard__qsfR,
.PromoCards-module__magazineCard__L2gG {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: 0;
    padding: 24px;
    overflow: hidden;
    background-color: #f3f4f6;
    border-radius: 24px;
}

.PromoCards-module__marathonCard__qsfR {
    height: 228px;
}

.PromoCards-module__magazineCard__L2gG {
    height: 256px;
}

.PromoCards-module__content__yvq4 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 243px;
}

.PromoCards-module__title__fwvn {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    letter-spacing: 0;
}

.PromoCards-module__text__E6yV {
    margin: 0;
    font-size: 17px;
    font-weight: normal;
    line-height: 24px;
    color: rgb(28 33 40 / 60%);
    letter-spacing: 0;
}

.PromoCards-module__primaryButton__XKTV,
.PromoCards-module__secondaryButton__wV3_ {
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 44px;
    padding: 6px 16px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    border-radius: 12px;
}

.PromoCards-module__primaryButton__XKTV {
    color: #fff;
    background-color: #000;
}

.PromoCards-module__primaryButton__XKTV:hover {
    background-color: #1c2128;
}

.PromoCards-module__secondaryButton__wV3_ {
    color: #000;
    background-color: #e9eaec;
}

.PromoCards-module__secondaryButton__wV3_:hover {
    background-color: #dedfe2;
}

.PromoCards-module__flagImage__KJ91 {
    position: absolute;
    top: 116px;
    left: 180px;
    width: 156px;
    height: 156px;
    object-fit: contain;
}

.PromoCards-module__magazineContent__kQ0G {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.PromoCards-module__magazineHeader__TAQn {
    display: flex;
    gap: 12px;
    align-items: center;
    width: 100%;
}

.PromoCards-module__magazineIcon__GHpH {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    object-fit: contain;
}

@container (max-width: 767px) {
    .PromoCards-module__root__hkyT {
        flex-direction: row;
        gap: 8px;
        width: 100%;
        height: auto;
        padding: 8px 16px 16px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .PromoCards-module__root__hkyT::-webkit-scrollbar {
        display: none;
    }

    .PromoCards-module__marathonCard__qsfR,
    .PromoCards-module__magazineCard__L2gG {
        flex: 0 0 240px;
        width: 240px;
        height: 124px;
        min-height: 124px;
        padding: 16px;
        text-decoration: none;
        background-color: rgb(73 84 104 / 10%);
        border-radius: 16px;
    }

    .PromoCards-module__content__yvq4 {
        gap: 4px;
        width: 208px;
    }

    .PromoCards-module__title__fwvn {
        font-family: var(--font-main);
        font-size: 17px;
        line-height: 24px;
    }

    .PromoCards-module__text__E6yV {
        width: 187px;
        font-size: 15px;
        line-height: 20px;
    }

    .PromoCards-module__primaryButton__XKTV,
    .PromoCards-module__secondaryButton__wV3_ {
        display: none;
    }

    .PromoCards-module__flagImage__KJ91 {
        inset: auto -18px -24px auto;
        width: 90px;
        height: 90px;
    }

    .PromoCards-module__magazineContent__kQ0G {
        gap: 4px;
    }

    .PromoCards-module__magazineHeader__TAQn {
        gap: 8px;
        align-items: flex-start;
    }

    .PromoCards-module__magazineIcon__GHpH {
        flex-shrink: 0;
        width: 32px;
        height: 32px;
    }
}

.ContinuePreparationSection-module__root__BNap {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

.ContinuePreparationSection-module__sectionTitle__stYp {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 34px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
    letter-spacing: 0;
}

.ContinuePreparationSection-module__cardList__x1kw {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
}

.ContinuePreparationSection-module__card__F5M1 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
    min-width: 0;
    height: 196px;
    padding: 24px;
    overflow: hidden;
    color: #000;
    text-decoration: none;
    background-color: #f3f4f6;
    border-radius: 24px;
}

.ContinuePreparationSection-module__cardContent__ONtd {
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 360px;
    max-width: calc(100% - 24px);
}

.ContinuePreparationSection-module__rulesContent__wmM3 {
    width: 292px;
}

.ContinuePreparationSection-module__answersContent__xs_m {
    width: 314px;
}

.ContinuePreparationSection-module__quizzesContent__kWvr {
    width: 243px;
}

.ContinuePreparationSection-module__cardTitle__IxEi {
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
}

.ContinuePreparationSection-module__cardText__s4et {
    font-size: 17px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0;
}

.ContinuePreparationSection-module__button__JFcD {
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 44px;
    padding: 6px 16px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    background-color: rgb(73 84 104 / 10%);
    border-radius: 12px;
}

.ContinuePreparationSection-module__card__F5M1:hover .ContinuePreparationSection-module__button__JFcD {
    background-color: rgb(73 84 104 / 16%);
}

.ContinuePreparationSection-module__rulesImage__noM2,
.ContinuePreparationSection-module__answersImage__o0YU,
.ContinuePreparationSection-module__quizzesImage__nT76 {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    pointer-events: none;
    object-fit: contain;
}

.ContinuePreparationSection-module__rulesImage__noM2 {
    right: -9px;
    bottom: -7px;
    width: 106px;
    height: 106px;
}

.ContinuePreparationSection-module__answersImage__o0YU {
    right: -30px;
    bottom: -31px;
    width: 146px;
    height: 146px;
}

.ContinuePreparationSection-module__quizzesImage__nT76 {
    right: -19px;
    bottom: -21px;
    width: 124px;
    height: 124px;
}

@container (min-width: 768px) and (max-width: 1199px) {
    .ContinuePreparationSection-module__cardList__x1kw {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ContinuePreparationSection-module__card__F5M1:last-child {
        grid-column: 1 / -1;
    }
}

@container (max-width: 767px) {
    .ContinuePreparationSection-module__root__BNap {
        gap: 12px;
        padding: 16px;
        background: #fff;
        border-radius: 24px;
    }

    .ContinuePreparationSection-module__sectionTitle__stYp {
        font-size: 24px;
        line-height: 28px;
    }

    .ContinuePreparationSection-module__cardList__x1kw {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .ContinuePreparationSection-module__card__F5M1 {
        gap: 0;
        height: auto;
        min-height: 100px;
        padding: 16px;
        background-color: rgb(73 84 104 / 10%);
        border-radius: 16px;
    }

    .ContinuePreparationSection-module__cardContent__ONtd,
    .ContinuePreparationSection-module__rulesContent__wmM3,
    .ContinuePreparationSection-module__answersContent__xs_m,
    .ContinuePreparationSection-module__quizzesContent__kWvr {
        gap: 4px;
        width: 100%;
        max-width: 100%;
    }

    .ContinuePreparationSection-module__cardTitle__IxEi {
        font-family: var(--font-main);
        font-size: 17px;
        line-height: 24px;
    }

    .ContinuePreparationSection-module__cardText__s4et {
        max-width: min(187px, calc(100% - 76px));
        font-size: 15px;
        line-height: 20px;
    }

    .ContinuePreparationSection-module__button__JFcD {
        display: none;
    }

    .ContinuePreparationSection-module__rulesImage__noM2 {
        right: -8px;
        bottom: -7px;
        width: 91px;
        height: 91px;
    }

    .ContinuePreparationSection-module__answersImage__o0YU {
        right: -21px;
        bottom: -27px;
        width: 118px;
        height: 118px;
    }

    .ContinuePreparationSection-module__quizzesImage__nT76 {
        right: -15px;
        bottom: -6px;
        width: 95px;
        height: 95px;
    }
}

.PddDetailsSection-module__root__zri1 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

.PddDetailsSection-module__header__m4Gb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.PddDetailsSection-module__title__eTmH {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 34px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
    letter-spacing: 0;
}

.PddDetailsSection-module__studyLink__IfXk {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 136px;
    height: 44px;
    padding: 6px 16px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #000;
    text-decoration: none;
    background-color: #e9eaec;
    border-radius: 12px;
}

.PddDetailsSection-module__studyLink__IfXk:hover {
    background-color: #dedfe2;
}

.PddDetailsSection-module__mobileStudyLink__b6vs {
    display: none;
}

.PddDetailsSection-module__message__UBBg {
    margin: 0;
    font-size: 17px;
    line-height: 24px;
    color: #70757b;
}

.PddDetailsSection-module__articleList__Fmbt {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    align-items: start;
    width: 100%;
}

.PddDetailsSection-module__article__Xv5A {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    color: #000;
    text-decoration: none;
}

.PddDetailsSection-module__articleImage__OPV0 {
    display: block;
    width: 100%;
    height: 168px;
    margin-bottom: 4px;
    object-fit: cover;
    background-color: #f3f4f6;
    border-radius: 24px;
}

.PddDetailsSection-module__articleTitle__vxDv {
    max-height: 60px;
    padding: 0 4px;
    overflow: hidden;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    color: #000;
    letter-spacing: 0;
}

.PddDetailsSection-module__articleDate__Hbwn {
    padding: 0 4px;
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    color: rgb(28 33 40 / 60%);
    letter-spacing: 0;
}

@container (max-width: 767px) {
    .PddDetailsSection-module__root__zri1 {
        box-sizing: border-box;
        gap: 12px;
        padding: 16px;
        background: #fff;
        border-radius: 24px;
    }

    .PddDetailsSection-module__title__eTmH {
        font-size: 24px;
        line-height: 28px;
    }

    .PddDetailsSection-module__studyLink__IfXk {
        display: none;
    }

    .PddDetailsSection-module__mobileStudyLink__b6vs {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 56px;
        margin-top: 4px;
        font-size: 17px;
        font-weight: 500;
        line-height: 24px;
        color: #000;
        text-decoration: none;
        background-color: #e9eaec;
        border-radius: 16px;
    }

    .PddDetailsSection-module__articleList__Fmbt {
        display: flex;
        gap: 8px;
        width: calc(100% + 16px);
        padding-right: 16px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .PddDetailsSection-module__articleList__Fmbt::-webkit-scrollbar {
        display: none;
    }

    .PddDetailsSection-module__article__Xv5A {
        flex: 0 0 200px;
        width: 200px;
    }

    .PddDetailsSection-module__articleImage__OPV0 {
        height: 112px;
        margin-bottom: 0;
        border-radius: 12px;
    }

    .PddDetailsSection-module__articleTitle__vxDv {
        display: -webkit-box;
        max-height: 60px;
        padding: 0;
        -webkit-line-clamp: 3;
        font-size: 17px;
        line-height: 20px;
        -webkit-box-orient: vertical;
    }

    .PddDetailsSection-module__articleDate__Hbwn {
        padding: 0;
    }
}

.AfterRightsSection-module__root__AagH {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

.AfterRightsSection-module__heading__kysF {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.AfterRightsSection-module__description__HmdZ {
    max-width: 948px;
    margin: 0;
    font-size: 17px;
    line-height: 24px;
    color: #100F0F;
}

.AfterRightsSection-module__sectionTitle__tm8e {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 34px;
    font-weight: 500;
    line-height: 36px;
    color: #000;
    letter-spacing: 0;
}

.AfterRightsSection-module__cardList__aa6C {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
    width: 100%;
}

.AfterRightsSection-module__card__u4LK {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
    height: 320px;
    padding: 24px;
    overflow: hidden;
    color: #000;
    text-decoration: none;
    background-color: #f3f4f6;
    border-radius: 24px;
}

.AfterRightsSection-module__stepNumber__iaBi {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: rgb(28 33 40 / 60%);
    border: 2px solid rgb(28 33 40 / 60%);
    border-radius: 50%;
}

.AfterRightsSection-module__textContent__LSgn {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.AfterRightsSection-module__cardTitle__sV1F {
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    letter-spacing: 0;
}

.AfterRightsSection-module__cardText__EqrC {
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    color: rgb(28 33 40 / 60%);
    letter-spacing: 0;
}

.AfterRightsSection-module__arrowButton__Z21l {
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: #000;
    background-color: rgb(73 84 104 / 10%);
    border-radius: 12px;
}

.AfterRightsSection-module__card__u4LK:hover .AfterRightsSection-module__arrowButton__Z21l {
    background-color: rgb(73 84 104 / 16%);
}

.AfterRightsSection-module__arrowIcon__VZTy {
    width: 24px;
    height: 24px;
}

.AfterRightsSection-module__cardImage__TQiN {
    position: absolute;
    pointer-events: none;
    object-fit: contain;
}

.AfterRightsSection-module__carImage__DBMQ {
    right: -60px;
    bottom: -44px;
    width: 196px;
    height: 196px;
}

.AfterRightsSection-module__reportImage__ZsH2 {
    right: -26px;
    bottom: -28px;
    width: 156px;
    height: 156px;
}

.AfterRightsSection-module__shieldImage__cr_8 {
    right: -54px;
    bottom: -58px;
    width: 196px;
    height: 196px;
}

.AfterRightsSection-module__garageImage__P9w9 {
    right: -50px;
    bottom: -41px;
    width: 196px;
    height: 196px;
}

.AfterRightsSection-module__magImage__pG5l {
    right: -24px;
    bottom: -47px;
    width: 164px;
    height: 164px;
}

@container (min-width: 768px) and (max-width: 1199px) {
    .AfterRightsSection-module__cardList__aa6C {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .AfterRightsSection-module__card__u4LK {
        height: auto;
        min-height: 320px;
    }
}

@container (max-width: 767px) {
    .AfterRightsSection-module__root__AagH {
        gap: 16px;
        padding: 16px;
        background: #fff;
        border-radius: 24px;
    }

    .AfterRightsSection-module__heading__kysF {
        gap: 8px;
    }

    .AfterRightsSection-module__description__HmdZ {
        font-size: 15px;
        line-height: 20px;
    }

    .AfterRightsSection-module__sectionTitle__tm8e {
        font-size: 24px;
        line-height: 28px;
    }

    .AfterRightsSection-module__cardList__aa6C {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .AfterRightsSection-module__card__u4LK {
        gap: 12px;
        height: 252px;
        padding: 16px;
        background-color: rgb(73 84 104 / 10%);
        border-radius: 18px;
    }

    .AfterRightsSection-module__card__u4LK:last-child {
        grid-column: 1 / -1;
        height: 140px;
    }

    .AfterRightsSection-module__stepNumber__iaBi {
        width: 32px;
        height: 32px;
        font-size: 13px;
        line-height: 18px;
        border-width: 2px;
    }

    .AfterRightsSection-module__textContent__LSgn {
        flex: 0 0 auto;
        gap: 4px;
    }

    .AfterRightsSection-module__cardTitle__sV1F {
        font-family: var(--font-main);
        font-size: 17px;
        line-height: 20px;
    }

    .AfterRightsSection-module__cardText__EqrC {
        font-size: 15px;
        line-height: 20px;
    }

    .AfterRightsSection-module__arrowButton__Z21l {
        display: none;
    }

    .AfterRightsSection-module__carImage__DBMQ {
        right: -44px;
        bottom: -33px;
        width: 147px;
        height: 147px;
    }

    .AfterRightsSection-module__reportImage__ZsH2 {
        right: -19px;
        bottom: -27px;
        width: 117px;
        height: 117px;
    }

    .AfterRightsSection-module__shieldImage__cr_8 {
        right: -36px;
        bottom: -45px;
        width: 139px;
        height: 139px;
    }

    .AfterRightsSection-module__garageImage__P9w9 {
        right: -37px;
        bottom: -31px;
        width: 147px;
        height: 147px;
    }

    .AfterRightsSection-module__magImage__pG5l {
        right: -18px;
        bottom: -35px;
        width: 123px;
        height: 123px;
    }

    .AfterRightsSection-module__card__u4LK:last-child .AfterRightsSection-module__textContent__LSgn {
        max-width: calc(100% - 72px);
    }
}

.FaqSection-module__root__yAnM {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.FaqSection-module__sectionTitle__SbIf {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 34px;
    font-weight: 500;
    line-height: 36px;
    color: #100F0F;
    letter-spacing: 0;
}

.FaqSection-module__list__AXFA {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-anchor: none;
}

.FaqSection-module__item__y3O9 {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 10%);
}

.FaqSection-module__item__y3O9:last-child,
.FaqSection-module__lastVisibleItem__sviF {
    box-shadow: none;
}

.FaqSection-module__item__y3O9[hidden] {
    display: none;
}

.FaqSection-module__questionButton__rz9D {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    padding: 24px 0;
    color: #100F0F;
    text-align: left;
    cursor: pointer;
    background: none;
    border: none;
    transition: padding-bottom .28s ease;
}

.FaqSection-module__questionButton__rz9D[aria-expanded="true"] {
    padding-bottom: 8px;
}

.FaqSection-module__question__POUe {
    flex: 1 1 auto;
    font-family: var(--font-heading);
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    color: #100F0F;
    letter-spacing: 0;
}

.FaqSection-module__chevron__vzLY {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-left: 12px;
    color: rgb(20 14 14 / 53%);
    transition: transform .24s ease;
}

.FaqSection-module__chevronOpened___Dbq {
    transform: rotate(180deg);
}

.FaqSection-module__answerPanel__mqTF {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition:
        grid-template-rows .28s ease,
        opacity .2s ease;
}

.FaqSection-module__answerPanelOpened__PqKX {
    grid-template-rows: 1fr;
    opacity: 1;
}

.FaqSection-module__answerInner__JJ3c {
    min-height: 0;
    overflow: hidden;
}

.FaqSection-module__answer__QAcM {
    width: 100%;
    max-width: 100%;
    margin: 0 0 32px;
    font-size: 17px;
    font-weight: normal;
    line-height: 24px;
    color: #100F0F;
    letter-spacing: 0;
    white-space: pre-line;
}

.FaqSection-module__showMoreButton__rjaI {
    display: flex;
    gap: 8px;
    align-items: center;
    align-self: flex-start;
    justify-content: center;
    min-height: 56px;
    padding: 16px 20px 16px 24px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #100F0F;
    cursor: pointer;
    background: rgb(94 74 74 / 9%);
    border: none;
    border-radius: 16px;
}

.FaqSection-module__toggleChevron__Dy3K {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    transition: transform .24s ease;
}

@container (max-width: 767px) {
    .FaqSection-module__root__yAnM {
        gap: 4px;
        padding: 16px;
        background: #fff;
        border-radius: 24px;
    }

    .FaqSection-module__sectionTitle__SbIf {
        font-size: 24px;
        line-height: 28px;
    }

    .FaqSection-module__questionButton__rz9D {
        padding: 16px 0;
    }

    .FaqSection-module__question__POUe {
        font-family: var(--font-main);
        font-size: 17px;
        line-height: 24px;
    }

    .FaqSection-module__answer__QAcM {
        margin-bottom: 24px;
        font-size: 15px;
        line-height: 20px;
    }

    .FaqSection-module__showMoreButton__rjaI {
        width: 100%;
        margin-top: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .FaqSection-module__questionButton__rz9D,
    .FaqSection-module__answerPanel__mqTF,
    .FaqSection-module__chevron__vzLY,
    .FaqSection-module__toggleChevron__Dy3K {
        transition: none;
    }
}

.ExamInfoSection-module__root__e7ja {
    width: 100%;
    font-size: 17px;
    line-height: 24px;
    color: #100F0F;
}

.ExamInfoSection-module__title__ECyQ {
    margin: 0 0 24px;
    font-family: var(--font-heading);
    font-size: 34px;
    font-weight: 500;
    line-height: 36px;
}

.ExamInfoSection-module__intro__IBT1 {
    max-width: 948px;
    margin: 0;
}

.ExamInfoSection-module__details__LLGh {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 948px;
    margin-top: 16px;
}

.ExamInfoSection-module__details__LLGh[hidden] {
    display: none;
}

.ExamInfoSection-module__topic__dk1K {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ExamInfoSection-module__subtitle__t79S {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.ExamInfoSection-module__paragraphs__zc46 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ExamInfoSection-module__paragraphs__zc46 p {
    margin: 0;
}

.ExamInfoSection-module__mobile__uqPK {
    padding: 16px;
    font-size: 15px;
    line-height: 20px;
    background: #fff;
    border-radius: 16px;
}

.ExamInfoSection-module__mobile__uqPK .ExamInfoSection-module__title__ECyQ {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 28px;
}

.ExamInfoSection-module__mobile__uqPK .ExamInfoSection-module__details__LLGh {
    gap: 12px;
    margin-top: 12px;
}

.ExamInfoSection-module__mobile__uqPK .ExamInfoSection-module__subtitle__t79S {
    font-size: 17px;
}

.ExamInfoSection-module__mobile__uqPK .ExamInfoSection-module__paragraphs__zc46 {
    gap: 4px;
}

.ExamInfoSection-module__toggle__d_7r {
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 0;
    margin-top: 12px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #0C78ED;
    cursor: pointer;
    background: none;
    border: none;
}

.ExamInfoSection-module__chevron__uD_m {
    width: 20px;
    height: 20px;
}

.ExamInfoSection-module__chevronOpened__WeIc {
    transform: rotate(180deg);
}

.Home-module__root__z00T {
    width: 100%;
    padding-bottom: 0;
    background: #f3f4f6;
}

.Home-module__desktopRoot__n7MV {
    padding-bottom: 0;
    background-color: #f3f4f6;
}

.Home-module__container__xuaM {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 420px;
    min-height: 100vh;
    margin: 0 auto;
    container-type: inline-size;
}

.Home-module__mobileSurface__Fbl4 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding-top: 12px;
}

.Home-module__mobileTickets__dy26 {
    overflow: hidden;
    background: #fff;
    border-radius: 24px;
}

.Home-module__desktopContainer__vUrB {
    gap: 0;
    align-items: center;
    width: 100%;
    max-width: 1272px;
    min-height: 0;
    margin: 0 auto;
}

.Home-module__heroSection__OXCq {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 24px;
    align-items: start;
    width: 100%;
    max-width: calc(100% - 48px);
    height: 464px;
}

.Home-module__ticketsLayout__WCJ0 {
    display: grid;
    grid-template-columns: minmax(0, 840px) 300px;
    gap: 32px;
    align-items: start;
    justify-content: space-between;
    width: 100%;
}

.Home-module__desktopSurface__ATAx {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: calc(100vw - 40px);
    max-width: 1400px;
    padding: 64px 64px 40px;
    background-color: #fff;
    border-radius: 64px;
}

.Home-module__desktopSurfaceInner__inYP {
    display: flex;
    flex-direction: column;
    gap: 64px;
    width: 100%;
    max-width: 1272px;
    container-type: inline-size;
}

@media (max-width: 1319px) {
    .Home-module__heroSection__OXCq {
        height: auto;
        min-height: 400px;
    }
}

.Home-module__sidebar__tToD {
    flex-shrink: 0;
    width: 300px;
}

@media (min-width: 1320px) {
    .Home-module__heroSection__OXCq {
        max-width: 1272px;
    }
}

@media (max-width: 1199px) {
    .Home-module__desktopSurface__ATAx {
        padding: 40px 32px;
    }
}

@media (max-width: 899px) {
    .Home-module__heroSection__OXCq {
        grid-template-areas:
            'intro illustration'
            'activity illustration';
        grid-template-columns: minmax(0, 1fr) 40%;
        height: auto;
        padding-top: 32px;
        overflow: hidden;
    }

    .Home-module__sidebar__tToD {
        grid-area: activity;
        margin-bottom: 32px;
    }

    .Home-module__ticketsLayout__WCJ0 {
        grid-template-columns: minmax(0, 1fr);
    }
}

.RulesListing-module__root__PDFc {
    box-sizing: border-box;
    padding: 16px;
    background-color: #fff;
    border-radius: 24px;
}

.RulesListing-module__breadcrumbs__uy4G {
    padding: 0 0 12px;
}

.RulesListing-module__container__YMta {
    padding: 0;
}

.RulesListing-module__title__VtdP {
    padding: 0;
    margin: 0 0 16px;
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.RulesListing-module__list__dTwF {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}

.RulesListing-module__link__VSMS {
    display: flex;
    gap: 6px;
    align-items: flex-start;
    font-size: 17px;
    line-height: 24px;
    color: #000;
    text-decoration: none;
}

.RulesListing-module__text__vmBZ {
    font-size: inherit;
}


.RulesListing-module__desktop__Hj27.RulesListing-module__root__PDFc {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

.RulesListing-module__desktop__Hj27 .RulesListing-module__container__YMta {
    width: 840px;
    max-width: 100%;
    padding: 0;
}

.RulesListing-module__desktop__Hj27 .RulesListing-module__breadcrumbs__uy4G {
    padding: 0 0 32px;
    background: transparent;
    border-radius: 0;
}

.RulesListing-module__desktop__Hj27 .RulesListing-module__title__VtdP {
    padding: 0;
    margin-bottom: 32px;
    font-family: var(--font-heading);
    font-size: 34px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
}

.RulesListing-module__desktop__Hj27 .RulesListing-module__list__dTwF {
    gap: 12px;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

.RulesListing-module__desktop__Hj27 .RulesListing-module__link__VSMS {
    gap: 8px;
    font-family: var(--font-main);
    font-size: 17px;
    font-weight: normal;
    line-height: 24px;
    color: #000;
    transition: color 0.15s ease;
}

.RulesListing-module__desktop__Hj27 .RulesListing-module__link__VSMS:hover {
    color: #E60000;
}

.RulesListing-module__desktop__Hj27 .RulesListing-module__text__vmBZ {
    font-size: inherit;
}

.PointContent-module__link__BNsv {
    color: #2C282C;
}

.PointContent-module__image__aWd8 {
    display: block;
    margin: 16px auto 0;
}

p {
    margin: 0;
}

.changes {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    background: rgb(194 232 204 / 50%);
    border-radius: 12px;
}

.changes:not(:last-child) {
    margin-bottom: 16px;
}

.date {
    font-style: italic;
}

.RefPopup-module__overlay__Ayr9 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
}

.RefPopup-module__popup__cyty {
    position: relative;
    width: 300px;
    padding: 32px 16px 16px;
    text-align: center;
    background: #fff;
    border-radius: 12px;
}

.RefPopup-module__roadSign__UTAR {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    border-radius: 8px;
}

.RefPopup-module__roadSignImagesContainer__feni {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}

.RefPopup-module__roadSignImage__NBRt {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    object-fit: contain;
}

.RefPopup-module__title__ZPvt {
    margin: 0 0 24px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    color: #000;
}

.RefPopup-module__buttonGroup__R0Pt {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.RefPopup-module__backButton__gvyY {
    flex-grow: 1;
    padding: 8px 24px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    background: #E9EAEC;
    border: none;
    border-radius: 8px;
    transition: background-color 0.2s;
}

.RefPopup-module__backButton__gvyY:hover {
    background: #e8e8e8;
}

.RefPopup-module__sectionButton__k9Ww {
    flex-grow: 1;
    padding: 8px 24px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    background: #2C282C;
    border: none;
    border-radius: 8px;
    transition: background-color 0.2s;
}

.RefPopup-module__sectionButton__k9Ww:hover {
    background: #555;
}

.RefPopup-module__popup__cyty.RefPopup-module__desktop__gbIc {
    width: 450px;
    padding: 40px 24px 24px;
    border-radius: 24px;
}

.RefPopup-module__popup__cyty.RefPopup-module__desktop__gbIc .RefPopup-module__title__ZPvt {
    margin-bottom: 32px;
    font-size: 22px;
}

.RefPopup-module__popup__cyty.RefPopup-module__desktop__gbIc .RefPopup-module__backButton__gvyY,
.RefPopup-module__popup__cyty.RefPopup-module__desktop__gbIc .RefPopup-module__sectionButton__k9Ww {
    padding: 12px 24px;
    font-size: 16px;
    border-radius: 12px;
}

.BlockContent-module__text__gN99 {
    padding: 0;
    font-size: 15px;
    line-height: 20px;
    color: #000;

    & > p:not(:last-child) {
        margin-bottom: 8px;
    }
}

.BlockContent-module__point__IWYc {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

.BlockContent-module__pointLink__MoQM {
    color: inherit;
    text-decoration: none;
}

.BlockContent-module__pointTitle__CkEJ {
    margin: 0 0 12px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
}

.BlockContent-module__pointContent__H7Pz {
    font-size: 15px;
    line-height: 20px;
    color: #000;

    & > p:not(:last-child) {
        margin-bottom: 8px;
    }
}

.BlockContent-module__subheader__vt8v {
    padding: 0;
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.BlockContent-module__desktop__jotC .BlockContent-module__text__gN99 {
    padding: 0;
    font-family: var(--font-main);
    font-size: 17px;
    line-height: 24px;
    color: #000;

    & > p:not(:last-child) {
        margin-bottom: 16px;
    }
}

.BlockContent-module__desktop__jotC .BlockContent-module__point__IWYc {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

.BlockContent-module__desktop__jotC .BlockContent-module__pointTitle__CkEJ {
    margin: 0 0 16px;
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
}

.BlockContent-module__desktop__jotC .BlockContent-module__pointContent__H7Pz {
    font-family: var(--font-main);
    font-size: 17px;
    line-height: 24px;
    color: #000;

    & > p:not(:last-child) {
        margin-bottom: 16px;
    }
}

.BlockContent-module__desktop__jotC .BlockContent-module__subheader__vt8v {
    padding: 0;
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
}

@media (max-width: 767px) {
    .BlockContent-module__pointTitle__CkEJ,
    .BlockContent-module__subheader__vt8v {
        color: #000;
    }
}

.RulesChapter-module__root__VXyx {
    box-sizing: border-box;
    padding: 16px;
    background-color: #fff;
    border-radius: 24px;
}

.RulesChapter-module__title__KBov {
    padding: 0;
    margin: 0 0 24px;
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.RulesChapter-module__container__sa1B {
    padding: 0;
    border-radius: 0;
}

.RulesChapter-module__content__Bh6J {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.RulesChapter-module__breadcrumbs__r8QS {
    padding: 0 0 16px;
}

.RulesChapter-module__buttons__bgi_ {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin-bottom: 16px;
}

.RulesChapter-module__navigation__PF4L {
    display: flex;
    gap: 8px;
}

.RulesChapter-module__button__X1Ij {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 10px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #000;
    text-decoration: none;
    background: #E9EAEC;
    border-radius: 12px;
}

.RulesChapter-module__mainButton__Lhnh {
    padding: 10px 20px 10px 16px;
}

.RulesChapter-module__arrow__jAtU {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.RulesChapter-module__footer__BBMp {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-between;
    padding: 24px 0 0;
}

.RulesChapter-module__arrowLeft__pECi {
    transform: rotate(180deg);
}

.RulesChapter-module__footerNavigation__PjI2 {
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.RulesChapter-module__footerLink__sIAl {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    color: #0C78ED;
    text-decoration: none;
}

.RulesChapter-module__footerMainButton__TrR5 {
    width: 100%;
    height: 56px;
    padding: 6px 16px;
    font-size: 17px;
    line-height: 24px;
    border-radius: 16px;
}


.RulesChapter-module__desktop__mpBk.RulesChapter-module__root__VXyx {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

.RulesChapter-module__desktop__mpBk .RulesChapter-module__container__sa1B {
    width: 840px;
    max-width: 100%;
    padding: 0;
    background: transparent;
    border-radius: 24px;
}

.RulesChapter-module__desktop__mpBk .RulesChapter-module__breadcrumbs__r8QS {
    padding: 0 0 32px;
    background: transparent;
    border-radius: 0;
}

.RulesChapter-module__desktop__mpBk .RulesChapter-module__buttons__bgi_ {
    padding: 0;
    margin-bottom: 32px;
}

.RulesChapter-module__desktop__mpBk .RulesChapter-module__title__KBov {
    padding: 0;
    margin-bottom: 40px;
    font-family: var(--font-heading);
    font-size: 34px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
}

.RulesChapter-module__desktop__mpBk .RulesChapter-module__content__Bh6J {
    gap: 24px;
}

.RulesChapter-module__desktop__mpBk .RulesChapter-module__footer__BBMp {
    flex-direction: row;
    align-items: center;
    padding: 40px 0 0;
}

.RulesChapter-module__desktop__mpBk .RulesChapter-module__footerNavigation__PjI2 {
    width: 100%;
}

.RulesChapter-module__desktop__mpBk .RulesChapter-module__footerLink__sIAl {
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
}

.RulesChapter-module__desktop__mpBk .RulesChapter-module__footerMainButton__TrR5 {
    display: none;
}

@media (max-width: 767px) {
    .RulesChapter-module__title__KBov {
        margin-bottom: 16px;
        color: #000;
    }

    .RulesChapter-module__breadcrumbs__r8QS {
        padding-bottom: 12px;
    }
}

.RulesPoint-module__root__wrqP {
    box-sizing: border-box;
    padding: 16px;
    background-color: #fff;
    border-radius: 24px;
}

.RulesPoint-module__breadcrumbs__F_hP {
    padding: 0 0 16px;
}

.RulesPoint-module__container__aCVq {
    padding: 0;
    border-radius: 0;
}

.RulesPoint-module__title__oViT {
    padding: 0;
    margin: 0 0 24px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.RulesPoint-module__buttons___0Fq {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin-bottom: 16px;
}

.RulesPoint-module__navigation__Tr7V {
    display: flex;
    gap: 8px;
}

.RulesPoint-module__button__hzE2 {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 10px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #000;
    text-decoration: none;
    background: #E9EAEC;
    border-radius: 12px;
}

.RulesPoint-module__mainButton__MPez {
    padding: 10px 20px 10px 16px;
}

.RulesPoint-module__arrow__yIPG {
    width: 24px;
    height: 24px;
}


.RulesPoint-module__desktop__T5jY.RulesPoint-module__root__wrqP {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

.RulesPoint-module__desktop__T5jY .RulesPoint-module__container__aCVq {
    width: 840px;
    max-width: 100%;
    padding: 0;
    background: transparent;
    border-radius: 24px;
}

.RulesPoint-module__desktop__T5jY .RulesPoint-module__breadcrumbs__F_hP {
    padding: 0 0 32px;
    background: transparent;
    border-radius: 0;
}

.RulesPoint-module__desktop__T5jY .RulesPoint-module__buttons___0Fq {
    padding: 0;
    margin-bottom: 32px;
}

.RulesPoint-module__desktop__T5jY .RulesPoint-module__title__oViT {
    padding: 0;
    margin-bottom: 32px;
    font-family: var(--font-heading);
    font-size: 34px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
}

.Rules-module__root__tVMt {
    min-height: 100vh;
    padding-bottom: 0;
    background: #f3f4f6;
}

.Rules-module__desktop__PYQJ.Rules-module__root__tVMt {
    min-height: auto;
    padding-bottom: 0;
    background: #F3F4F6;
}

.Rules-module__desktopContainer___qP7 {
    width: 100%;
    max-width: 1400px;
    min-height: 1644px;
    padding: 64px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 64px;
}

.Rules-module__desktop__PYQJ .Rules-module__desktopContainer___qP7 {
    width: calc(100vw - 40px);
}

.QuestionInfo-module__root__MXnI {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
    padding-top: 0;
    border-radius: 0 0 24px 24px;
}

.QuestionInfo-module__desktop__Gxgr.QuestionInfo-module__root__MXnI {
    gap: 12px;
    padding: 0;
    border-radius: 0;
}

.QuestionTask-module__root__v9uy {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px;
}

.QuestionTask-module__question__iU6J {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
    margin-bottom: 0;
}

.QuestionTask-module__text__PoZW {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    white-space: normal;
}

.QuestionTask-module__h1__YZMf {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    letter-spacing: 0;
    white-space: pre-wrap;
}

.QuestionTask-module__image__ywCH {
    display: block;
    width: 100%;
    max-width: 100%;
    border: none;
    border-radius: 12px;
}

.QuestionTask-module__options__t906 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
}

.QuestionTask-module__option__ffSD {
    box-sizing: border-box;
    min-height: 48px;
    padding: 11px 15px;
    font-size: 15px;
    line-height: 20px;
    color: #000;
    text-align: left;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 12px;
    transition: background-color 0.2s;
}

.QuestionTask-module__desktop__Dlw_ .QuestionTask-module__option__ffSD {
    min-height: 56px;
    padding: 15px;
    font-size: 17px;
    line-height: 24px;
    background-color: #F3F4F6;
    border-radius: 16px;
}

.QuestionTask-module__option__ffSD:disabled {
    pointer-events: none;
    cursor: default;
}

.QuestionTask-module__option__ffSD.QuestionTask-module__wrong__VFvG {
    color: #C00;
    background-color: #FEE3E2;
}

.QuestionTask-module__option__ffSD.QuestionTask-module__succeed__eWUm {
    color: #267E3B;
    background-color: #D9F2DF;
}

.QuestionTask-module__option__ffSD.QuestionTask-module__correct__r91f {
    color: #267E3B;
    border: 1px solid #267E3B;
}

.QuestionTask-module__option__ffSD.QuestionTask-module__active__o8rH {
    background-color: #e9eaec;
    border: 1px solid #2C282C;
}

.QuestionTask-module__desktop__Dlw_ .QuestionTask-module__option__ffSD.QuestionTask-module__active__o8rH {
    background-color: #dedfe2;
    border: 1px solid #2C282C;
}

.QuestionTask-module__desktop__Dlw_.QuestionTask-module__root__v9uy {
    gap: 24px;
    margin: 0;
}

.QuestionTask-module__desktop__Dlw_ .QuestionTask-module__question__iU6J {
    gap: 24px;
    padding: 0;
    margin-bottom: 0;
}

.QuestionTask-module__desktop__Dlw_ .QuestionTask-module__text__PoZW {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.QuestionTask-module__desktop__Dlw_ .QuestionTask-module__h1__YZMf {
    gap: 24px;
    margin: 0;
    font-size: 34px;
    font-weight: 500;
    line-height: 32px;
}

.QuestionTask-module__desktop__Dlw_ .QuestionTask-module__title__eef7 {
    margin-bottom: 8px;
}

.QuestionTask-module__desktop__Dlw_ .QuestionTask-module__options__t906 {
    gap: 12px;
    padding: 0;
}


.QuestionTask-module__desktop__Dlw_ .QuestionTask-module__image__ywCH {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 840 / 311;
    margin-right: auto;
    margin-left: auto;
    object-fit: cover;
}

@media (max-width: 767px) {
    .QuestionTask-module__root__v9uy {
        gap: 12px;
    }

    .QuestionTask-module__text__PoZW {
        font-family: var(--font-main);
    }

    .QuestionTask-module__option__ffSD {
        min-height: 52px;
        padding: 15px;
        background-color: #f3f4f6;
        border-radius: 16px;
    }

}

@media (max-width: 767px) and (hover: hover) and (pointer: fine) {
    .QuestionTask-module__option__ffSD:enabled:hover {
        background-color: #e9eaec;
    }
}

.AnswerExplanation-module__root__y7O6 {
    padding: 0;
}

.AnswerExplanation-module__text__sgs6 {
    border-radius: 0;
}

.AnswerExplanation-module__answer__iRmM {
    margin-top: 16px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
}

.AnswerExplanation-module__explanation__ylMh {
    display: none;
    padding: 0;
    font-size: 17px;
    line-height: 24px;
    color: #000;
    border-radius: 0;
}

.AnswerExplanation-module__explanationToggle__A_15 {
    margin-bottom: 0;
}

.AnswerExplanation-module__explanation__ylMh.AnswerExplanation-module__show__asXR {
    display: block;
    margin-top: 16px;
}

.AnswerExplanation-module__explanationToggleButton___u1d {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    padding: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #0C78ED;
    text-decoration: none;
    cursor: pointer;
    background: none;
    border: none;
}

.AnswerExplanation-module__chevron___mE0 {
    width: 24px;
    height: 24px;
    transition: transform 0.2s ease;
}

.AnswerExplanation-module__chevronOpened__oNLj {
    transform: rotate(180deg);
}

.AnswerExplanation-module__desktop__iMga.AnswerExplanation-module__root__y7O6 {
    padding: 0;
}

.AnswerExplanation-module__desktop__iMga .AnswerExplanation-module__explanation__ylMh {
    padding: 0;
}

@media (max-width: 767px) {
    .AnswerExplanation-module__explanationToggleButton___u1d {
        font-size: 15px;
        line-height: 20px;
    }

    .AnswerExplanation-module__chevron___mE0 {
        height: 20px;
    }
}

.RelatedTickets-module__root__WBCP {
    position: relative;
    box-sizing: border-box;
    min-height: 104px;
    padding: 16px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 16px;
}

.RelatedTickets-module__textContent__cYT6 {
    position: relative;
    z-index: 1;
    width: 244px;
}

.RelatedTickets-module__title__sZfF {
    margin: 0 0 4px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
}

.RelatedTickets-module__text__wOZ2 {
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    color: #000;
}

.RelatedTickets-module__button__eGUb {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 44px;
    padding: 6px 16px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #000;
    text-decoration: none;
    background-color: rgb(73 84 104 / 10%);
    border-radius: 12px;
}

.RelatedTickets-module__image__SfRk {
    position: absolute;
    right: -18px;
    bottom: -23px;
    width: 118px;
    height: 118px;
    object-fit: contain;
}

.RelatedTickets-module__desktop__m8Bm.RelatedTickets-module__root__WBCP {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 80px;
    gap: 16px 0;
    min-height: 184px;
    padding: 24px;
    margin: 0;
    background-color: #f3f4f6;
    border-radius: 24px;
}

.RelatedTickets-module__desktop__m8Bm .RelatedTickets-module__textContent__cYT6 {
    grid-column: 1 / -1;
    width: 100%;
}

.RelatedTickets-module__desktop__m8Bm .RelatedTickets-module__button__eGUb {
    grid-area: 2 / 1;
}

.RelatedTickets-module__desktop__m8Bm .RelatedTickets-module__title__sZfF {
    margin-bottom: 8px;
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.RelatedTickets-module__desktop__m8Bm .RelatedTickets-module__text__wOZ2 {
    font-size: 17px;
    line-height: 24px;
    color: rgb(28 33 40 / 60%);
}

.RelatedTickets-module__desktop__m8Bm .RelatedTickets-module__image__SfRk {
    position: static;
    grid-area: 2 / 2;
    place-self: end;
    width: 118px;
    height: 118px;
    margin: -74px -48px -50px 0;
}

@media (max-width: 767px) {
    .RelatedTickets-module__root__WBCP {
        min-height: 100px;
        text-decoration: none;
        background-color: rgb(73 84 104 / 10%);
    }

    .RelatedTickets-module__textContent__cYT6 {
        width: 100%;
    }

    .RelatedTickets-module__text__wOZ2 {
        max-width: calc(100% - 76px);
    }

    .RelatedTickets-module__image__SfRk {
        right: -21px;
        bottom: -27px;
    }
}

.Question-module__root__zcma {
    min-height: 100vh;
    background: #f3f4f6;
}

.Question-module__mobileContainer__pQNX {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 420px;
    padding: 16px;
    margin: 0 auto;
    background: #fff;
    border-radius: 24px;
}

.Question-module__main__oZQg {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
}

.Question-module__questionInfo__VoWu {
    padding: 0;
    margin-bottom: 12px;
}

.Question-module__answerExplanation__FMDq {
    margin: 0 0 16px;
}

.Question-module__officialInfo__RQdD {
    width: fit-content;
    margin: 0 0 20px;
}

.Question-module__mobileFooterNavigation__mI_I {
    width: 100%;
}

.Question-module__desktopContainer__I20Q {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: calc(100vw - 40px);
    max-width: 1400px;
    min-height: 999px;
    padding: 64px;
    margin: 0 auto;
    background: #fff;
    border-radius: 64px;
}

.Question-module__bodyDesktop__gckh {
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin-top: 0;
}

.Question-module__mainContent__WcQJ {
    display: flex;
    flex: 0 1 840px;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}

.Question-module__sidebar__u_Od {
    position: sticky;
    top: 116px;
    display: flex;
    flex: 0 0 300px;
    flex-direction: column;
    gap: 0;
}

.Question-module__desktop__WHgc .Question-module__officialInfo__RQdD {
    margin: 0;
}

.Question-module__mainCardContent__FEnt {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.Question-module__desktop__WHgc .Question-module__answerExplanation__FMDq {
    margin: 0 0 8px;
}

.Question-module__footerNavigation__vWjq {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    padding: 0;
    margin-bottom: 22px;
}

.Question-module__desktop__WHgc .Question-module__footerNavigation__vWjq {
    flex-wrap: wrap;
    gap: 24px;
    padding: 0;
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .Question-module__desktopContainer__I20Q {
        padding: 40px 32px;
    }
}

@media (max-width: 899px) {
    .Question-module__bodyDesktop__gckh {
        flex-direction: column;
    }

    .Question-module__mainContent__WcQJ,
    .Question-module__sidebar__u_Od {
        position: static;
        flex: auto;
        width: 100%;
    }
}

.Question-module__navigationButton__B8Qw {
    display: flex;
    flex: 0 1 auto;
    gap: 8px;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 6px 12px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #000;
    white-space: nowrap;
    text-decoration: none;
    background: #E9EAEC;
    border-radius: 12px;
}

.Question-module__desktop__WHgc .Question-module__navigationButton__B8Qw {
    flex: initial;
    gap: 4px;
    height: 56px;
    padding: 16px 12px;
    font-size: 17px;
    line-height: 24px;
    border-radius: 16px;
}

.Question-module__desktop__WHgc .Question-module__navigationButton__B8Qw span {
    padding: 0 4px;
}

.Question-module__arrow__yfTC {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.Question-module__desktop__WHgc .Question-module__arrow__yfTC {
    width: 24px;
    height: 24px;
}

.Question-module__arrowLeft__f0ss {
    transform: rotate(180deg);
}

@media (max-width: 767px) {
    .Question-module__root__zcma {
        min-height: 0;
    }

    .Question-module__answerExplanation__FMDq {
        margin-bottom: 20px;
    }

    .Question-module__officialInfo__RQdD,
    .Question-module__footerNavigation__vWjq {
        margin-bottom: 24px;
    }

    .Question-module__navigationButton__B8Qw {
        gap: 4px;
        font-size: 13px;
        line-height: 16px;
        border-radius: 8px;
    }

    .Question-module__arrow__yfTC {
        width: 16px;
        height: 16px;
    }
}

.AnswerExplanation-module__root__rA6T {
    padding: 0;
    margin-top: 0;
}

.AnswerExplanation-module__text__TMpW {
    font-family: var(--font-main);
    font-size: 17px;
    font-weight: normal;
    line-height: 24px;
    color: #000;
}

.AnswerExplanation-module__answer___YUu {
    margin-top: 12px;
    font-family: var(--font-main);
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
}

.AnswerExplanation-module__explanation__pRxH {
    padding: 0;
    font-size: 17px;
    line-height: 24px;
    color: #000;
}

.AnswerExplanation-module__explanationToggle__Pdq_ {
    display: none;
}

.AnswerExplanation-module__explanationToggleButton__JLbf {
    padding: 0;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    color: #0C78ED;
    text-decoration: none;
    cursor: pointer;
    background: none;
    border: none;
}

.AnswerExplanation-module__explanationToggleButton__JLbf:hover {
    text-decoration: none;
    background: none;
}

.AnswerExplanation-module__desktop__Syy1.AnswerExplanation-module__root__rA6T {
    padding: 0;
    margin-top: 0;
}

.AnswerExplanation-module__desktop__Syy1 .AnswerExplanation-module__explanation__pRxH {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
    font-family: var(--font-main);
    font-size: 17px;
    line-height: 24px;
    color: #000;
}

.AnswerExplanation-module__desktop__Syy1 .AnswerExplanation-module__explanationToggle__Pdq_ {
    display: none;
}

.AnswerExplanation-module__desktop__Syy1 .AnswerExplanation-module__answer___YUu {
    margin-top: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
}

.AttemptQuestion-module__root__YfEb {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 0;
}

.AttemptQuestion-module__root__YfEb:not(:first-child) {
    padding-top: 24px;
    border-top: 1px solid rgb(0 0 0 / 10%);
}

.AttemptQuestion-module__question__mShg {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
    margin-bottom: 0;
}

.AttemptQuestion-module__questionLink__G5P_ {
    color: #000;
    text-decoration: none;
}

.AttemptQuestion-module__title__DNK3 {
    margin: 0;
    font-family: var(--font-main);
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
}

.AttemptQuestion-module__image__SWGS {
    display: block;
    width: 100%;
    max-width: 100%;
    border: none;
    border-radius: 12px;
}

.AttemptQuestion-module__options__nFVq {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
}

.AttemptQuestion-module__option__UgSC {
    box-sizing: border-box;
    min-height: 56px;
    padding: 16px;
    font-family: var(--font-main);
    font-size: 15px;
    line-height: 20px;
    color: #090909;
    text-align: left;
    cursor: pointer;
    background-color: #F3F4F6;
    border: 1px solid transparent;
    border-radius: 16px;
    transition: background-color 0.2s;
}

.AttemptQuestion-module__option__UgSC:disabled {
    pointer-events: none;
    cursor: default;
}

.AttemptQuestion-module__option__UgSC:hover {
    background-color: #e9eaec;
}

.AttemptQuestion-module__option__UgSC.AttemptQuestion-module__wrong__HIB6 {
    color: #C00;
    background-color: #FEE3E2;
}

.AttemptQuestion-module__option__UgSC.AttemptQuestion-module__succeed__fS0h {
    color: #267E3B;
    background-color: #F3F4F6;
    border-color: #267E3B;
}

.AttemptQuestion-module__option__UgSC.AttemptQuestion-module__correct__ZQuO {
    color: #267E3B;
    background-color: #E9F9ED;
    border-color: #267E3B;
}

.AttemptQuestion-module__desktop__cz4o.AttemptQuestion-module__root__YfEb {
    gap: 24px;
    margin-bottom: 0;
}

.AttemptQuestion-module__desktop__cz4o.AttemptQuestion-module__root__YfEb:not(:first-child) {
    padding-top: 32px;
    border-top: 1px solid rgb(0 0 0 / 10%);
}

.AttemptQuestion-module__desktop__cz4o .AttemptQuestion-module__question__mShg {
    gap: 24px;
    padding: 0;
    margin-bottom: 0;
}

.AttemptQuestion-module__desktop__cz4o .AttemptQuestion-module__questionLink__G5P_ {
    color: #000;
}

.AttemptQuestion-module__desktop__cz4o .AttemptQuestion-module__title__DNK3 {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
}

.AttemptQuestion-module__desktop__cz4o .AttemptQuestion-module__image__SWGS {
    display: block;
    width: 100%;
    border: none;
    border-radius: 12px;
}

.AttemptQuestion-module__desktop__cz4o .AttemptQuestion-module__options__nFVq {
    gap: 12px;
    padding: 0;
}

.AttemptQuestion-module__desktop__cz4o .AttemptQuestion-module__option__UgSC {
    min-height: 56px;
    padding: 16px;
    font-family: var(--font-main);
    font-size: 17px;
    line-height: 24px;
    background-color: #F3F4F6;
    border: 1px solid transparent;
    border-radius: 16px;
}

.AttemptQuestion-module__desktop__cz4o .AttemptQuestion-module__option__UgSC:hover {
    background-color: #F3F4F6;
}

.AttemptQuestion-module__desktop__cz4o .AttemptQuestion-module__option__UgSC.AttemptQuestion-module__wrong__HIB6 {
    color: #C00;
    background-color: #FEE3E2;
}

.AttemptQuestion-module__desktop__cz4o .AttemptQuestion-module__option__UgSC.AttemptQuestion-module__succeed__fS0h {
    color: #267E3B;
    background-color: #F3F4F6;
    border-color: #267E3B;
}

.AttemptQuestion-module__desktop__cz4o .AttemptQuestion-module__option__UgSC.AttemptQuestion-module__correct__ZQuO {
    color: #267E3B;
    background-color: #F3F4F6;
    border-color: #267E3B;
}

@media (max-width: 767px) {
    .AttemptQuestion-module__option__UgSC {
        min-height: 52px;
        padding: 15px;
    }

    .AttemptQuestion-module__option__UgSC.AttemptQuestion-module__correct__ZQuO {
        background-color: #f3f4f6;
    }
}

.AttemptQuestionList-module__root__jwK7 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.AttemptResultHeader-module__root__wyPo {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 0;
}

.AttemptResultHeader-module__mainContent__pRNE {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    width: 100%;
}

.AttemptResultHeader-module__contentWrapper__HZHj {
    display: contents;
}

.AttemptResultHeader-module__left__NB4r {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.AttemptResultHeader-module__info__kLJF {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
}

.AttemptResultHeader-module__title__UAy1 {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 34px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
}

.AttemptResultHeader-module__subtitle__qQA1 {
    margin: 0;
    font-family: var(--font-main);
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    color: rgb(28 33 40 / 60%);
}

.AttemptResultHeader-module__stats__UWPo {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    justify-content: center;
    text-align: center;
}

.AttemptResultHeader-module__expiredStats__nKGv {
    grid-template-columns: repeat(3, max-content);
}

.AttemptResultHeader-module__stat__Ncwx {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.AttemptResultHeader-module__statValue__DUND {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
}

.AttemptResultHeader-module__expiredStats__nKGv .AttemptResultHeader-module__stat__Ncwx {
    gap: 8px;
}

.AttemptResultHeader-module__expiredStats__nKGv .AttemptResultHeader-module__statValue__DUND {
    font-size: 24px;
    line-height: 28px;
}

.AttemptResultHeader-module__expiredStatValue__qrwO {
    color: #C00;
}

.AttemptResultHeader-module__right__fawu {
    width: 100%;
    height: auto;
    text-align: center;
}

.AttemptResultHeader-module__image__QARR {
    width: 200px;
    height: 200px;
    object-fit: contain;
}

.AttemptResultHeader-module__actions__sQ7X {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    width: 100%;
}

.AttemptResultHeader-module__button__FbFR {
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    padding: 16px 24px;
    font-family: var(--font-main);
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-color: #000;
    border: none;
    border-radius: 16px;
}

.AttemptResultHeader-module__links__RF7R {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    width: 100%;
}

.AttemptResultHeader-module__link__piu9 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    font-family: var(--font-main);
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    text-decoration: none;
    border-radius: 16px;
}

.AttemptResultHeader-module__desktop__WCEy.AttemptResultHeader-module__root__wyPo {
    display: grid;
    grid-template-columns: minmax(0, 781px) minmax(0, 408px);
    gap: 64px 24px;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    min-height: 284px;
    padding: 0;
}

.AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__contentWrapper__HZHj {
    display: flex;
    flex-direction: column;
    gap: 44px;
    width: 100%;
    min-width: 0;
}

.AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__left__NB4r {
    display: contents;
}

.AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__info__kLJF {
    display: flex;
    flex-direction: column;
    gap: 40px;
    text-align: left;
}

.AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__title__UAy1 {
    width: 100%;
    margin: 0;
    font-family: var(--font-heading);
    font-size: 64px;
    font-weight: 500;
    line-height: 64px;
    color: #000;
}

.AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__subtitle__qQA1 {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    color: rgb(26 30 33 / 65%);
}

.AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__stats__UWPo {
    display: flex;
    gap: 24px;
    justify-content: flex-start;
    text-align: left;
}

.AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__stat__Ncwx {
    gap: 12px;
}

.AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__statValue__DUND {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 34px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
}

.AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__right__fawu {
    grid-area: 1 / 2 / 3 / 3;
    width: 100%;
    height: 400px;
    margin-top: -64px;
    text-align: center;
    pointer-events: none;
}

.AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__image__QARR {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.AttemptResultHeader-module__desktop__WCEy.AttemptResultHeader-module__failed__e8JU .AttemptResultHeader-module__image__QARR {
    transform: scaleX(-1);
}

@media (max-width: 767px) {
    .AttemptResultHeader-module__root__wyPo {
        gap: 24px;
    }

    .AttemptResultHeader-module__mainContent__pRNE {
        gap: 24px;
    }

    .AttemptResultHeader-module__right__fawu {
        display: flex;
        justify-content: center;
    }

    .AttemptResultHeader-module__image__QARR {
        width: 200px;
        height: 200px;
    }

    .AttemptResultHeader-module__failed__e8JU .AttemptResultHeader-module__image__QARR {
        transform: scaleX(-1);
    }

    .AttemptResultHeader-module__stats__UWPo {
        gap: 24px;
        margin-top: 8px;
    }

}

@media (max-width: 359px) {
    .AttemptResultHeader-module__image__QARR {
        height: 160px;
    }
}

@media (max-width: 767px) and (max-height: 700px) {
    .AttemptResultHeader-module__root__wyPo {
        gap: 24px;
    }

    .AttemptResultHeader-module__mainContent__pRNE {
        gap: 16px;
    }

    .AttemptResultHeader-module__image__QARR {
        height: 128px;
    }
}

.AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__actions__sQ7X {
    display: flex;
    flex-flow: row wrap;
    grid-area: 2 / 1 / 3 / -1;
    gap: 24px;
    align-items: center;
    width: auto;
}

.AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__button__FbFR {
    width: auto;
    min-width: auto;
    height: 56px;
    padding: 16px 24px;
    font-family: var(--font-main);
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-color: #000;
    border: none;
    border-radius: 16px;
}

.AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__links__RF7R {
    display: flex;
    flex-flow: row wrap;
    gap: 24px;
    width: auto;
}

.AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__link__piu9 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 56px;
    padding: 8px 24px;
    font-family: var(--font-main);
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    white-space: nowrap;
    text-decoration: none;
    border-radius: 0;
}

@media (max-width: 1279px) {
    .AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__title__UAy1 {
        font-size: 48px;
        line-height: 48px;
    }

    .AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__right__fawu {
        height: 300px;
        margin-top: 0;
    }
}

@media (max-width: 899px) {
    .AttemptResultHeader-module__desktop__WCEy.AttemptResultHeader-module__root__wyPo {
        grid-template-columns: minmax(0, 1fr);
    }

    .AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__right__fawu {
        grid-area: 2 / 1;
    }

    .AttemptResultHeader-module__desktop__WCEy .AttemptResultHeader-module__actions__sQ7X {
        grid-row: 3;
    }
}

.AttemptResult-module__root__2vWm {
    box-sizing: border-box;
    min-height: 100%;
    padding: 0 0 8px;
    background: #F3F4F6;
}

.AttemptResult-module__desktop__o2FJ {
    min-height: auto;
    padding: 0;
    background: #F3F4F6;
}

.AttemptResult-module__mobileCard__cwIt {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 420px;
    padding: 16px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 24px;
}

.AttemptResult-module__header___i78 {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.AttemptResult-module__errorReview__dI2S {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.AttemptResult-module__errorReviewTitle__tKCe {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
}

.AttemptResult-module__desktopContainer__CyWS {
    display: flex;
    flex-direction: column;
    width: calc(100vw - 40px);
    max-width: 1400px;
    min-height: 536px;
    padding: 64px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 64px;
}

.AttemptResult-module__headerDesktop__L9W8 {
    width: 100%;
    margin-bottom: 32px;
}

.AttemptResult-module__desktop__o2FJ .AttemptResult-module__errorReview__dI2S {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 840px;
    max-width: 100%;
    margin-top: 60px;
}

.AttemptResult-module__desktop__o2FJ .AttemptResult-module__errorReviewTitle__tKCe {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 34px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
}

@media (max-width: 1199px) {
    .AttemptResult-module__desktopContainer__CyWS {
        padding: 40px 32px;
    }
}

.TicketSeoPageHeader-module__root__JDg8 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    padding: 0;
}

.TicketSeoPageHeader-module__desktop__G8p_ {
    flex-direction: row;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border: 1px solid rgb(0 0 0 / 10%);
    border-radius: 24px;
}

.TicketSeoPageHeader-module__title__PhKC {
    position: relative;
    padding-bottom: 0;
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #000;

}

.TicketSeoPageHeader-module__desktop__G8p_ .TicketSeoPageHeader-module__title__PhKC {
    padding-bottom: 0;
    margin: 0;
    font-family: var(--font-heading);
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
    letter-spacing: 0;

}

.TicketSeoPageHeader-module__playButton__lwdt {
    display: none;
    align-items: center;
    align-self: flex-end;
    justify-content: center;
    width: 100%;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 500;
    color: white;
    text-decoration: none;
    cursor: pointer;
    background-color: #2C282C;
    border: none;
    border-radius: 8px;
}

.TicketSeoPageHeader-module__desktop__G8p_ .TicketSeoPageHeader-module__playButton__lwdt {
    display: flex;
    flex-shrink: 0;
    align-self: center;
    width: auto;
    min-height: 56px;
    padding: 8px 16px;
    font-size: 17px;
    line-height: 24px;
    background-color: #000;
    border-radius: 16px;
}

@media (max-width: 767px) {
    .TicketSeoPageHeader-module__root__JDg8 {
        gap: 16px;
        padding: 16px;
        border: 1px solid rgb(0 0 0 / 10%);
        border-radius: 24px;
    }

    .TicketSeoPageHeader-module__title__PhKC {
        font-family: var(--font-heading);
        font-weight: 500;
    }

    .TicketSeoPageHeader-module__playButton__lwdt {
        display: flex;
        min-height: 44px;
        padding: 6px 16px;
        font-size: 15px;
        line-height: 20px;
        background: #000;
        border-radius: 12px;
    }
}

.TicketSeoPageInfo-module__root__dRxm {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 0;
}

.TicketSeoPageInfo-module__desktop__xEEt.TicketSeoPageInfo-module__root__dRxm {
    gap: 12px;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

.AnswerExplanation-module__root__pm0V {
    padding: 0;
    margin-top: 0;
}

.AnswerExplanation-module__text__CvW6 {
    border-radius: 8px;
}

.AnswerExplanation-module__answer__d7YX {
    margin-top: 12px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
}

.AnswerExplanation-module__explanation__OlSL {
    display: none;
    padding: 0;
    font-size: 17px;
    line-height: 24px;
    color: #000;
    border-radius: 8px;
}

.AnswerExplanation-module__explanation__OlSL.AnswerExplanation-module__show__AvQj {
    display: block;
}

.AnswerExplanation-module__explanationToggle__eDow {
    margin-bottom: 8px;
}

.AnswerExplanation-module__explanationToggleButton___Rz0 {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #0C78ED;
    text-decoration: none;
    cursor: pointer;
    background: none;
    border: none;
}

.AnswerExplanation-module__explanationToggleIcon__Lc0a {
    width: 20px;
    height: 20px;
    transition: transform 0.2s ease;
}

.AnswerExplanation-module__explanationToggleIconOpened__yXmx {
    transform: rotate(180deg);
}

.AnswerExplanation-module__explanationToggleButton___Rz0:hover {
    text-decoration: none;
    background: none;
}

.AnswerExplanation-module__desktop__JoQs.AnswerExplanation-module__root__pm0V {
    padding: 0;
    margin-top: 0;
}

.AnswerExplanation-module__desktop__JoQs .AnswerExplanation-module__explanationToggle__eDow {
    margin-bottom: 16px;
}

.AnswerExplanation-module__desktop__JoQs .AnswerExplanation-module__explanationToggleButton___Rz0 {
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #0c78ed;
}

.AnswerExplanation-module__desktop__JoQs .AnswerExplanation-module__explanation__OlSL {
    padding: 0;
    font-size: 17px;
    line-height: 24px;
    color: #000;
}

.AnswerExplanation-module__desktop__JoQs .AnswerExplanation-module__answer__d7YX {
    margin-top: 16px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
}

.TicketSeoPageQuestion-module__root__UkL0 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.TicketSeoPageQuestion-module__root__UkL0:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.TicketSeoPageQuestion-module__question__bl1L {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    margin-bottom: 0;
}

.TicketSeoPageQuestion-module__questionLink__WdIR {
    color: #000;
    text-decoration: none;
}

.TicketSeoPageQuestion-module__title__a6De {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
}

.TicketSeoPageQuestion-module__image__GyqR {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 0;
    border-radius: 12px;
}

.TicketSeoPageQuestion-module__options__jm5H {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
}

.TicketSeoPageQuestion-module__option__OICM {
    box-sizing: border-box;
    padding: 15px;
    font-size: 15px;
    line-height: 20px;
    color: #090909;
    text-align: left;
    background-color: #f3f4f6;
    border: 1px solid transparent;
    border-radius: 16px;
    transition: background-color 0.2s;
}

.TicketSeoPageQuestion-module__option__OICM.TicketSeoPageQuestion-module__correct__b6T0 {
    color: #267E3B;
    border-color: #267E3B;
}

.TicketSeoPageQuestion-module__desktop__Z7NJ.TicketSeoPageQuestion-module__root__UkL0 {
    gap: 24px;
    padding-bottom: 24px;
    margin-bottom: 0;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.TicketSeoPageQuestion-module__desktop__Z7NJ.TicketSeoPageQuestion-module__root__UkL0:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.TicketSeoPageQuestion-module__desktop__Z7NJ.TicketSeoPageQuestion-module__root__UkL0:not(:first-child) {
    padding-top: 0;
    border-top: 0;
}

.TicketSeoPageQuestion-module__desktop__Z7NJ .TicketSeoPageQuestion-module__question__bl1L {
    gap: 24px;
    padding: 0;
    margin-bottom: 0;
}

.TicketSeoPageQuestion-module__desktop__Z7NJ .TicketSeoPageQuestion-module__questionLink__WdIR {
    color: #000;
}

.TicketSeoPageQuestion-module__desktop__Z7NJ .TicketSeoPageQuestion-module__title__a6De {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    letter-spacing: 0;
}

.TicketSeoPageQuestion-module__desktop__Z7NJ .TicketSeoPageQuestion-module__image__GyqR {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 840 / 311;
    object-fit: cover;
    border: 0;
    border-radius: 12px;
}

.TicketSeoPageQuestion-module__desktop__Z7NJ .TicketSeoPageQuestion-module__options__jm5H {
    gap: 12px;
    padding: 0;
}

.TicketSeoPageQuestion-module__desktop__Z7NJ .TicketSeoPageQuestion-module__option__OICM {
    padding: 16px;
    font-size: 17px;
    line-height: 24px;
    background-color: #F3F4F6;
    border-radius: 16px;
}

.TicketSeoPageQuestionList-module__root__EYWy {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.TicketSeoPageQuestionList-module__desktop__WGRU.TicketSeoPageQuestionList-module__root__EYWy {
    gap: 32px;
}

.TicketsAnswersSidebar-module__root__Y6Si {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    gap: 24px;
    width: 300px;
}

.TicketsAnswersSidebar-module__card__hZwM {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
    width: 100%;
    min-height: 0;
    padding: 24px;
    overflow: hidden;
    background-color: #f3f4f6;
    border-radius: 24px;
}

.TicketsAnswersSidebar-module__trainingCard__Da1D {
    gap: 16px;
}

.TicketsAnswersSidebar-module__marathonCard__b8vd {
    gap: 32px;
}

.TicketsAnswersSidebar-module__textContent__ouAc {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 243px;
}

.TicketsAnswersSidebar-module__title__ksTW {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    letter-spacing: 0;
}

.TicketsAnswersSidebar-module__text__SHzl {
    margin: 0;
    font-size: 17px;
    font-weight: normal;
    line-height: 24px;
    color: rgb(28 33 40 / 60%);
    letter-spacing: 0;
}

.TicketsAnswersSidebar-module__trainingDescription__gZmB {
    display: none;
    margin: 0;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    color: #000;
    letter-spacing: 0;
}

.TicketsAnswersSidebar-module__button__rhkt {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 44px;
    padding: 6px 16px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #000;
    text-decoration: none;
    background-color: rgb(73 84 104 / 10%);
    border-radius: 12px;
}

.TicketsAnswersSidebar-module__button__rhkt:hover {
    background-color: rgb(73 84 104 / 16%);
}

.TicketsAnswersSidebar-module__steeringWheelImage__HHHG {
    position: absolute;
    top: 61px;
    left: 210px;
    width: 115px;
    height: 115px;
    object-fit: contain;
}

.TicketsAnswersSidebar-module__rubleImage__lbOw {
    position: absolute;
    right: -30px;
    bottom: -38px;
    width: 145px;
    height: 145px;
    object-fit: contain;
}

@media (max-width: 767px) {
    .TicketsAnswersSidebar-module__root__Y6Si {
        gap: 8px;
        width: 100%;
    }

    .TicketsAnswersSidebar-module__card__hZwM {
        min-height: 104px;
        padding: 16px;
        text-decoration: none;
        background-color: rgb(73 84 104 / 10%);
        border-radius: 16px;
    }

    .TicketsAnswersSidebar-module__textContent__ouAc {
        gap: 4px;
        width: 100%;
    }

    .TicketsAnswersSidebar-module__title__ksTW {
        font-family: var(--font-main);
        font-size: 17px;
        line-height: 24px;
    }

    .TicketsAnswersSidebar-module__text__SHzl,
    .TicketsAnswersSidebar-module__trainingDescription__gZmB {
        display: block;
        max-width: calc(100% - 64px);
        font-size: 15px;
        line-height: 20px;
        color: #000;
    }

    .TicketsAnswersSidebar-module__button__rhkt {
        display: none;
    }

    .TicketsAnswersSidebar-module__steeringWheelImage__HHHG {
        inset: auto -18px -26px auto;
        width: 104px;
        height: 104px;
    }

    .TicketsAnswersSidebar-module__rubleImage__lbOw {
        right: -20px;
        bottom: -37px;
        width: 132px;
        height: 132px;
    }
}

.TicketSeoPage-module__root__lDEU {
    min-height: 100vh;
    background: #f3f4f6;
}

.TicketSeoPage-module__desktop__qvrv {
    padding: 0;
    background: #f3f4f6;
}

.TicketSeoPage-module__mobileContainer__S07b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 420px;
    min-height: 100vh;
    padding: 16px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 24px;
}

.TicketSeoPage-module__header__N1Kz {
    background-color: transparent;
}

.TicketSeoPage-module__main__z6hI {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 0;
}

.TicketSeoPage-module__desktopContainer__iFhh {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: calc(100vw - 40px);
    max-width: 1400px;
    min-height: 1625px;
    padding: 64px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 64px;
}

.TicketSeoPage-module__bodyDesktop__DNiM {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.TicketSeoPage-module__mainContent__ZEBL {
    display: flex;
    flex: 0 1 840px;
    flex-direction: column;
    gap: 32px;
    min-width: 0;
}

@media (max-width: 1199px) {
    .TicketSeoPage-module__desktopContainer__iFhh {
        padding: 40px 32px;
    }
}

@media (max-width: 899px) {
    .TicketSeoPage-module__bodyDesktop__DNiM {
        flex-direction: column;
    }

    .TicketSeoPage-module__mainContent__ZEBL {
        flex: auto;
        width: 100%;
    }
}

.TicketsAnswersPage-module__root__ordM {
    background-color: #f3f4f6;
}

.TicketsAnswersPage-module__container__h5nk {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 420px;
    padding: 16px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 24px;
}

.TicketsAnswersPage-module__desktop__tAy0 .TicketsAnswersPage-module__container__h5nk {
    gap: 32px;
    width: calc(100vw - 40px);
    max-width: 1400px;
    min-height: 584px;
    padding: 64px 64px 48px;
    border-radius: 64px;
}

.TicketsAnswersPage-module__layout__N7ah {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

.TicketsAnswersPage-module__desktop__tAy0 .TicketsAnswersPage-module__layout__N7ah {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.TicketsAnswersPage-module__mainContent__U82G {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    min-width: 0;
}

.TicketsAnswersPage-module__desktop__tAy0 .TicketsAnswersPage-module__mainContent__U82G {
    flex: 0 1 840px;
    width: auto;
}

.TicketsAnswersPage-module__header__yyJR {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.TicketsAnswersPage-module__title__SW8R {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    letter-spacing: 0;
}

.TicketsAnswersPage-module__description__KpyI {
    margin: 0;
    font-family: var(--font-main);
    font-size: 17px;
    font-weight: normal;
    line-height: 24px;
    color: rgb(28 33 40 / 60%);
    letter-spacing: 0;
}

.TicketsAnswersPage-module__ticketsBlock__qeZN {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.TicketsAnswersPage-module__tabs__hrRl {
    display: flex;
    align-items: flex-end;
    width: 100%;
    padding-right: 24px;
    overflow: hidden;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.TicketsAnswersPage-module__tab__og16 {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 10px 12px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: rgb(28 33 40 / 60%);
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
}

.TicketsAnswersPage-module__activeTab__keYW {
    color: #000;
    border-bottom-color: #000;
}

.TicketsAnswersPage-module__tabIcon__kNqg {
    width: 24px;
    height: 24px;
}

.TicketsAnswersPage-module__ticketList__gEJs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.TicketsAnswersPage-module__ticketItem__CdVH {
    flex: 0 0 auto;
}

.TicketsAnswersPage-module__ticketList__gEJs[hidden] {
    display: none;
}

.TicketsAnswersPage-module__ticketLink__ejSc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #000;
    text-decoration: none;
    background-color: #e9eaec;
    border-radius: 12px;
}

.TicketsAnswersPage-module__ticketLink__ejSc:hover {
    background-color: #dedfe2;
}

.TicketsAnswersPage-module__officialLink__xxiF {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #0c78ed;
    text-decoration: none;
}

.TicketsAnswersPage-module__officialLinkIcon__Uqjq {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

@media (max-width: 767px) {
    .TicketsAnswersPage-module__mainContent__U82G {
        gap: 16px;
    }

    .TicketsAnswersPage-module__tabs__hrRl {
        padding-right: 0;
    }

    .TicketsAnswersPage-module__tab__og16 {
        flex: 1 1 0;
        min-width: 0;
        height: 44px;
        min-height: 44px;
        padding: 0 4px;
        white-space: normal;
    }

    .TicketsAnswersPage-module__tabIcon__kNqg {
        flex-shrink: 0;
    }

    .TicketsAnswersPage-module__layout__N7ah {
        gap: 24px;
    }

    .TicketsAnswersPage-module__description__KpyI {
        font-size: 15px;
        line-height: 20px;
    }

    .TicketsAnswersPage-module__officialLink__xxiF {
        width: fit-content;
        font-size: 15px;
        line-height: 20px;
        white-space: normal;
    }

    .TicketsAnswersPage-module__officialLinkIcon__Uqjq {
        width: 20px;
        height: 20px;
    }
}

.TicketsAnswersPage-module__desktop__tAy0 .TicketsAnswersPage-module__header__yyJR {
    gap: 16px;
}

.TicketsAnswersPage-module__desktop__tAy0 .TicketsAnswersPage-module__title__SW8R {
    font-size: 34px;
    font-weight: 500;
    line-height: 32px;
}

.TicketsAnswersPage-module__desktop__tAy0 .TicketsAnswersPage-module__description__KpyI {
    font-size: 20px;
    line-height: 24px;
}

.TicketsAnswersPage-module__desktop__tAy0 .TicketsAnswersPage-module__ticketsBlock__qeZN {
    gap: 24px;
}

@media (max-width: 1199px) {
    .TicketsAnswersPage-module__desktop__tAy0 .TicketsAnswersPage-module__container__h5nk {
        padding: 40px 32px;
    }
}

@media (max-width: 899px) {
    .TicketsAnswersPage-module__desktop__tAy0 .TicketsAnswersPage-module__layout__N7ah {
        flex-direction: column;
    }

    .TicketsAnswersPage-module__desktop__tAy0 .TicketsAnswersPage-module__mainContent__U82G {
        flex: auto;
        width: 100%;
    }
}

:root {
    --z-index-step: 1;
    --z-index-multiply: 10;
    --z-index-back-bottom: calc(var(--z-index-multiply) * 1 - var(--z-index-step));
    --z-index-back: calc(var(--z-index-multiply) * 1);
    --z-index-back-top: calc(var(--z-index-multiply) * 1 + var(--z-index-step));
    --z-index-middle-bottom: calc(var(--z-index-multiply) * 2 - var(--z-index-step));
    --z-index-middle: calc(var(--z-index-multiply) * 2);
    --z-index-middle-top: calc(var(--z-index-multiply) * 2 + var(--z-index-step));
    --z-index-front-bottom: calc(var(--z-index-multiply) * 3 - var(--z-index-step));
    --z-index-front: calc(var(--z-index-multiply) * 3);
    --z-index-front-top: calc(var(--z-index-multiply) * 3 + var(--z-index-step));
    --z-index-corner: 10000;
}

:root {
    --mobile-header-height: 80px;
    --unit-base: 4px; /* При смене значения, не забудь поменять в константах */
    --unit-x0: 0;
    --unit-x1: var(--unit-base); /* 4 */
    --unit-x2: calc(var(--unit-base) * 2); /* 8 */
    --unit-x3: calc(var(--unit-base) * 3); /* 12 */
    --unit-x4: calc(var(--unit-base) * 4); /* 16 */
    --unit-x5: calc(var(--unit-base) * 5); /* 20 */
    --unit-x6: calc(var(--unit-base) * 6); /* 24 */
    --unit-x7: calc(var(--unit-base) * 7); /* 28 */
    --unit-x8: calc(var(--unit-base) * 8); /* 32 */
    --unit-x9: calc(var(--unit-base) * 9); /* 36 */
    --unit-x10: calc(var(--unit-base) * 10); /* 40 */
    --unit-radius-smaller: 4px;
    --unit-radius-small: 8px;
    --unit-radius-medium: 16px;
    --unit-radius-large: 24px;
    --unit-radius-full: 100%;
    --unit-container-xsmall: 600px;
    --unit-container-small: 760px;
    --unit-container-medium: 994px;
    --unit-container-large: 1220px;
    --unit-border-small: 1px;
    --font-main: 'TT Neoris Pro', arial, sans-serif;
    --font-heading: var(--font-main);
}

/*
    @see https://medium.com/@ferie/detect-a-touch-device-with-only-css-9f8e30fa1134
    @see https://stackoverflow.com/questions/23885255/how-to-remove-ignore-hover-css-style-on-touch-devices
    @see https://gist.github.com/perjo927/e1f114398fc6fb8538a1412bea800f1a

    Ниже media query, чтобы убрать :hover на мобильных девайсах.
    Должно работать так:
    1) ставим @media на pointer: coarse, это будет работать в puppeteer
    2) ставим @media на прямую поддержку hover: hover для нормальных ребят
*/

:root {
    /*
      Статистические цвета, скорее всего вам нужно использовать значения ниже
    */
    --color-white: #fff;
    --color-rgb-white: 255, 255, 255;
    --color-black: #000;
    --color-rgb-black: 0, 0, 0;
    --color-gray: rgb(26 30 33 / 7%);
    --rgb-color-gray: 158, 155, 152;
    --color-foreground-neutral: var(--color-black);
    --color-foreground-positive: var(--color-white);
    --color-background-black: var(--color-black);
}

body {
    width: 100%;
    min-height: 100vh;
    padding: 0;
    margin: 0;
    font-family: var(--font-main);
    font-feature-settings: "ss06" 1, "ss07" 1, "liga" 0, "pnum";
    font-variant-numeric: proportional-nums;
    color: #1f1f1f;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
}


html {
    scroll-behavior: smooth;
    scroll-padding-top: 160px;

    @media (--mobile-viewport) {
        scroll-padding-top: 40px;
    }
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    font-weight: 600;
}

b, strong {
    font-weight: 600;
}

img {
    -webkit-user-select: none;
            user-select: none;
}

/* stylelint-disable-next-line selector-max-universal */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* stylelint-disable-next-line selector-max-universal */
body * {
    font-family: var(--font-main);
    font-feature-settings: "ss06" 1, "ss07" 1, "liga" 0, "pnum";
    font-variant-numeric: proportional-nums;
}

:root {
    --step-x1: 25px;
    --step-x2: 50px;
    --step-x3: 75px;
    --step-x4: 100px;
    --step-x5: 125px;
    --step-x6: 150px;
    --step-x7: 175px;
    --step-x8: 200px;
    --step-x9: 225px;
    --step-x10: 250px;
    --desktop-max-width: 1216px;
    --black: #000;
    --white: #fff;
    --grey: #eaeaea;
    --lime: #ccf81d;
    --voted: #cf0;
    --red: #ff1700;
    --shadow: 0 0 4.957px 0 rgb(0 0 0 / 25%);
}

@font-face {
    font-family: 'TT Neoris Pro';
    font-style: normal;
    font-weight: normal;
    src: url(//st.avto.ru/pdd-tutor-front/_/1401c2ea22377a3fed20.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'TT Neoris Pro';
    font-style: normal;
    font-weight: 500;
    src: url(//st.avto.ru/pdd-tutor-front/_/869561bcb4962564a530.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'TT Neoris Pro';
    font-style: normal;
    font-weight: 600;
    src: url(//st.avto.ru/pdd-tutor-front/_/b846c0a50f9257a3832f.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'TT Neoris Pro';
    font-style: italic;
    font-weight: normal;
    src: url(//st.avto.ru/pdd-tutor-front/_/f48a49e5644d43fb8482.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'TT Neoris Pro';
    font-style: italic;
    font-weight: 500;
    src: url(//st.avto.ru/pdd-tutor-front/_/265dec9e652aa583d2df.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'TT Neoris Pro';
    font-style: italic;
    font-weight: 600;
    src: url(//st.avto.ru/pdd-tutor-front/_/1e12eac0a467174fc04b.woff2) format('woff2');
    font-display: swap;
}

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: hsl(6, 78%, 57%);
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);

  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);

  --toastify-container-width: fit-content;
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-padding: 14px;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;

  /* Used only for colored theme */
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;

  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  /* used to control the opacity of the progress trail */
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  width: var(--toastify-container-width);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
  align-items: end;
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  width: var(--toastify-toast-width);
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: var(--toastify-toast-padding);
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: var(--toastify-toast-shadow);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  /* webkit only issue #791 */
  z-index: 0;
  /* inner swag */
  display: flex;
  flex: 1 auto;
  align-items: center;
  word-break: break-word;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
  .Toastify__toast {
    --toastify-toast-width: 100%;
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-container[data-stacked='true'] {
  width: var(--toastify-toast-width);
}

.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed='false'] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos='top'] {
  top: 0;
}

.Toastify__toast--stacked[data-pos='bot'] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 22px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  z-index: 1;
}

.Toastify__toast--rtl .Toastify__close-button {
  left: 6px;
  right: unset;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden='true'] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}