@media screen and (max-width: 1412px) {
    .tarif-discount {
        padding: 20px;
        border-radius: 20px;
        gap: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        background: url(../img/discount-decoration-min.jpg), #FDDA0F;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .tarif-discount.xs > .tarif-discount-items > .item {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 140px;
                flex: 1 1 140px;
    }
    .tarif-discount-items {
        width: 100%;
        gap: 12px;
    }
    .tarif-discount-items > .item {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 140px;
                flex: 1 1 140px;
    }
    .item-discount-info > p {
        font-size: 14px;
        letter-spacing: 0.56px;
    }
    .item-discount-icon {
        width: 32px;
        height: 32px;
    }
    .tarif-discount-info {
        max-width: 100%;
    }
    .tarif-discount-info > h1 {
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        letter-spacing: 0.72px;
    }
    .button-g {
        height: 56px;
    }
    .button-g > p {
        font-size: 16px;
        line-height: 110%;
    }
    .bottom-links {
        gap: 12px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .button-h {
        height: 56px;
    }
    .button-h > p {
        font-size: 16px;
        line-height: 110%;
    }
    .primary-mobile {
        pointer-events: all;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .header-navigation {
        display: none;
    }
    .header-links {
        display: none;
    }
    .welcome {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 30px;
    }
    .welcome-image {
        height: 226px;
    }
    .welcome-image > * {
        width: 375px !important;
        height: 375px !important;
    }
    .primary-welcome {
        padding: 32px 0;
        padding-bottom: 66px;
    }
    .welcome-info-text {
        gap: 16px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .welcome-info-text > h1 {
        text-align: center;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
    }
    .welcome-info-text > p {
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.64px;
    }
    .button-c {
        padding: 0px 28px;
        height: 58px;
    }
    .button-c > p {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: 0.08px;
    }
    .welcome-info {
        gap: 30px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .benefit-decor {
        display: none;
    }
    .head-text > h2 {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 6px;
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
    }
    .head-text > p {
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.56px;
    }
    .head-text > p > br {
        display: none;
    }
    .primary-benefit {
        padding: 32px 0;
    }
    .benefit {
        gap: 30px;
    }
    .item-benefit-content {
        padding: 20px;
    }
    .item-benefit-head > h3 {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
    }
    .decoration-a {
        width: 42px;
        height: 26px;
    }
    .item-benefit-icon {
        width: 48px;
        height: 48px;
    }
    .item-benefit-icon > img {
        width: 20px;
        height: 20px;
    }
    .item-benefit-info {
        gap: 8px;
    }
    .item-benefit-info > h4 {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 110%;
    }
    .item-benefit-info > p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.56px;
    }
    .benefit-items {
        margin: 0;
        gap: 24px;
    }
    .benefit-items > .item {
        gap: 12px;
    }
    .benefit-content {
        gap: 16px;
    }
    .item-benefit-body > h4 {
        height: 70px;
        font-size: 64px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
    }
    .item-benefit-body > h4 > span {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
    }
    .benefit-reward > p {
        font-size: 14px;
    }
    .item-benefit-body {
        min-height: 136px;
    }
    .item-footer-text > p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.56px;
    }
    .help-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .footer-navigation {
        gap: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .footer-navigation > span {
        display: none;
    }
    .join {
        gap: 24px;
    }
    .join-text > h2 {
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
    }
    .join-text > h2 > br {
        display: none;
    }
    .teacher-content {
        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    }
    .benefit-content {
        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    }
    .decor-a {
        width: 40px;
        height: 24px;
    }
    .primary-teacher {
        padding: 66px 0;
    }
    .teacher {
        gap: 30px;
    }
    .teacher-image {
        width: 80px;
        height: 80px;
    }
    .teacher-name-social > h1 {
        font-size: 20px;
    }
    .teacher-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 12px;
    }
    .head-text {
        gap: 16px;
    }
    .teacher-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 12px;
    }
    .teacher-name-social {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 12px;
    }
    .teacher-subject {
        padding: 8px 14px;
        padding-left: 12px;
        padding-right: 0;
    }
    .teacher-subject > img {
        width: 20px;
        height: 20px;
    }
    .teacher-subject > p {
        font-size: 14px;
    }
    .teacher-rewards > .item > p {
        font-size: 14px;
    }
    .teacher-content {
        gap: 16px;
    }
    .item-teacher {
        border-radius: 20px;
        padding: 20px;
    }
    .decor-b {
        width: 40px;
        height: 24px;
    }
    .primary-study {
        padding: 32px 0;
    }
    .study-content {
        gap: 8px;
    }
    .study {
        gap: 28px;
    }
    .study-content > .item {
        gap: 20px;
        border-radius: 20px;
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .study-content > .item:nth-child(even) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .study-icon {
        display: none;
    }
    .study-text {
        gap: 8px;
    }
    .study-text > h1 {
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        letter-spacing: 0.1px;
    }
    .study-text > p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.56px;
    }
    .primary-help {
        padding: 32px 0;
    }
    .help-content {
        gap: 16px;
    }
    .help-content > .item {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        gap: 16px;
        padding: 20px;
        border-radius: 20px;
    }
    .item-help-icon {
        width: 56px;
        height: 56px;
    }
    .item-help-icon > img {
        width: 28px;
        height: 28px;
    }
    .item-help-info {
        gap: 8px;
    }
    .item-help-info > h1 {
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        letter-spacing: 0.1px;
    }
    .item-help-info > p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.56px;
    }
    .help {
        gap: 30px;
    }
    .primary-review {
        padding: 66px 0;
    }
    .primary-blog {
        padding: 32px 0;
        padding-top: 66px;
    }
    .blog-content {
        gap: 28px;
    }
    .review {
        gap: 30px;
    }
    .review-decor {
        border-radius: 58px;
        border: 2px solid #FDDA0F;
        background: #FFF;
        -webkit-box-shadow: 0px 2px 14px -5px rgba(253, 218, 15, 0.6);
                box-shadow: 0px 2px 14px -5px rgba(253, 218, 15, 0.6);
        padding: 0px 6px;
        padding-right: 4px;
        height: 26px;
        min-width: 52px;
    }
    .review-decor > span {
        font-size: 14px;
    }
    .review-decor::after {
        width: 14px;
        height: 14px;
    }
    .review-text > * {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.56px;
    }
    .review-item {
        border-radius: 20px;
        padding: 20px;
        min-height: 340px;
    }
    .review-user-info > h1 {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
    }
    .review-user-info > p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.56px;
    }
    .review-wrapper > .item {
        padding: 0px 6px;
        width: 340px;
    }
    .decor-d {
        width: 40px;
        height: 24px;
    }
    .primary-tarif {
        padding: 66px 0;
    }
    .tarif {
        gap: 30px;
    }
    .tarif-item-head > h3 {
        font-size: 20px;
    }
    .tarif-price > h1 {
        font-size: 32px;
    }
    .tarif-price > h1 > span {
        font-size: 16px;
    }
    .tarif-price > p {
        font-size: 16px;
        letter-spacing: 0.64px;
    }
    .tarif-item-body > h1 {
        font-size: 14px;
        letter-spacing: 0.56px;
    }
    .tarif-item-details > .item > p {
        font-size: 14px;
        letter-spacing: 0.56px;
    }
    .decor-e {
        width: 40px;
        height: 24px;
    }
    .primary-faq {
        padding: 32px 0;
    }
    .faq-content > .item {
        border-radius: 20px;
    }
    .head-faq {
        padding: 16px;
        padding-left: 24px;
    }
    .head-faq > p {
        color: #121E2B;
        font-size: 16px;
        font-style: normal;
        font-weight: 900;
        line-height: 20px;
    }
    .head-faq::after {
        width: 24px;
        height: 24px;
    }
    .body-faq {
        padding: 16px;
        padding-top: 0;
        padding-left: 24px;
        margin: 0;
    }
    .body-faq > p {
        color: #FDFEFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 8px;
    }
    .body-faq > p:last-child {
        margin-bottom: 0;
    }
    .blog-item {
        border-radius: 20px;
    }
    .blog-item-content {
        padding: 20px;
    }
    .blog-tag > p {
        height: 20px;
        font-size: 12px;
        line-height: 20px;
    }
    .blog-item-body > p {
        font-size: 16px;
        line-height: 20px;
    }
    .blog-item-body > span {
        font-size: 12px;
        line-height: 16px;
    }
    .primary-join {
        padding: 32px 0;
        padding-bottom: 66px;
    }
    .button-d {
        height: 58px;
        padding: 0 32px;
    }
    .button-d > p {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: 0.08px;
    }
    footer {
        gap: 30px;
    }
    .faq {
        gap: 30px;
    }
    .header-logo {
        height: 26px;
    }
    .primary-header {
        padding: 16px 0;
    }
    .header-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .footer-logo {
        height: 26px;
    }
    .footer-head {
        text-align: center;
    }
    .primary-current-teacher {
        padding: 32px 0;
    }
    .teacher-details {
        padding: 20px;
        border-radius: 20px;
        gap: 16px;
    }
    .teacher-details > .item {
        gap: 12px;
    }
    .teacher-details > .item > h1 {
        font-size: 16px;
    }
    .item-text-info {
        gap: 12px;
    }
    .item-text-info > p {
        font-size: 14px;
    }
    .teacher-name-social.xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        gap: 16px;
    }
    .teacher-name-social.xl > h1 {
        font-size: 20px;
    }
    .item-media-info {
        grid-template-columns: repeat(auto-fill, minmax(134px, 1fr));
        gap: 8px;
    }
    .item-media-info > .item {
        height: 190px;
    }
    .study-info {
        gap: 8px;
    }
    .play {
        width: 48px;
        height: 48px;
    }
    .item-teacher {
        gap: 24px;
    }
    .teacher-rewards > .item {
        gap: 8px;
    }
    .teacher-rewards > .item > p {
        line-height: 20px;
    }
    .teacher-rewards > .item > img {
        width: 20px;
        height: 20px;
    }
    .teacher-name-social > span {
        font-size: 20px;
    }
    .study-preview {
        border-radius: 20px;
    }
    .study-item {
        gap: 12px;
        border-radius: 20px;
        padding: 16px;
    }
    .study-item > img {
        width: 40px;
        height: 40px;
    }
    .study-item-info > span {
        font-size: 20px;
        line-height: 24px;
    }
    .study-item-info > span > br {
        display: none;
    }
    .study-item-info > p {
        font-size: 14px;
        line-height: 20px;
    }
    .app-text {
        max-width: 100%;
        width: 100%;
        gap: 12px;
    }
    .app-text > span {
        font-size: 24px;
        line-height: 32px;
    }
    .app-text > span > br {
        display: none;
    }
    .app-text > small {
        font-size: 16px;
        line-height: 110%;
    }
    .app-text > small > br {
        display: none;
    }
    .app-text > p {
        max-width: 100%;
        margin-top: 4px;
        font-size: 16px;
        line-height: 22px;
    }
    .download-app {
        gap: 8px;
    }
    .download-app > p {
        font-size: 14px;
        line-height: 20px;
    }
    .download-app-link {
        gap: 8px;
    }
    .app-content::after {
        content: none;
    }
    .app {
        border-radius: 20px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .app > .item {
        gap: 28px;
        padding: 20px;
    }
    .app > .item:last-child {
        display: none;
    }
    .primary-app {
        padding: 32px 0;
    }
    .tarif-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .tarif-content > .item {
        padding: 20px;
        border-radius: 20px;
        gap: 16px;
    }
    .tarif-content-extra > p {
        font-size: 14px;
        line-height: 20px;
    }
    .item-discount-icon {
        width: 48px;
        height: 48px;
    }
    .tarif-content > .item > span {
        font-size: 20px;
        line-height: 28px;
    }
    .tarif-item-details {
        gap: 8px;
    }
    .tarif-item-details > .item::before {
        width: 22px;
        height: 22px;
    }
    .tarif-item-details > .item > p {
        font-size: 16px;
        line-height: 22px;
    }
    .item-discount-info {
        gap: 6px;
    }
    .item-discount-info > span {
        height: 20px;
        border-radius: 6px;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.48px;
    }
    .item-discount-info > p {
        color: #121E2B;
        font-size: 14px;
        line-height: 20px;
    }
    .tarif-discount-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .tarif-discount-items > .item {
        padding: 12px;
        border-radius: 16px;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .tarif-content-price {
        gap: 8px;
    }
    .tarif-content-price > p {
        font-size: 40px;
        line-height: 40px;
    }
    .tarif-content-price > p > small {
        font-size: 16px;
        bottom: -6px;
    }
    .tarif-content-head {
        gap: 8px;
    }
    .tarif-content-head > span {
        font-size: 24px;
        line-height: 32px;
    }
    .tarif-content-head > p {
        font-size: 16px;
        line-height: 22px;
    }
    .primary-blog-main {
        padding: 32px 0;
    }
    .normal-search {
        gap: 8px;
        padding: 0px 16px;
    }
    .normal-search > input {
        font-size: 16px;
        line-height: 20px;
        height: 48px;
    }
    .normal-tab > .item {
        height: 32px;
        border-radius: 100px;
        padding: 0px 12px;
    }
    .normal-tab > .item > p {
        font-size: 14px;
        line-height: 20px;
    }
    .blog-head {
        gap: 16px;
    }
    .blog-head > span {
        font-size: 24px;
        line-height: 32px;
    }
    .article-back {
        display: none;
    }
    .primary-article {
        padding: 32px 0;
    }
    .article-info > * {
        font-size: 14px;
        line-height: 20px;
    }
    .article-head {
        gap: 16px;
    }
    .article-body {
        padding: 16px 0;
        padding-bottom: 28px;
    }
    .article-head-text {
        gap: 8px;
    }
    .article-head-text > span, h1 {
        font-size: 24px;
        line-height: 32px;
    }
    .article-body > h2 {
        font-size: 20px;
        line-height: 24px;
        margin: 16px 0;
    }
    .article-body > h2 + h3 {
        margin-top: 0;
    }
    .article-body > h3 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 12px;
        margin-top: 16px;
    }
    .article-body > p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 12px;
    }
    .article-body > p > a {
        color: #0583F2;
    }
    .article-body > p + h3 {
        margin-top: 4px;
    }
    .article-body > p + h2 {
        margin-top: 4px;
    }
    .article-body > ul,ol {
        gap: 8px;
        padding-left: 16px;
        margin-bottom: 12px;
    }
    .article-body > ul,ol > li {
        font-size: 14px;
        line-height: 20px;
    }
    .article-body > .button {
        margin-bottom: 12px;
    }
    .article-body > .button + h3 {
        margin-top: 4px;
    }
    .article-body > .button + h2 {
        margin-top: 4px;
    }
    .article-body > *:last-child {
        margin-bottom: 0;
    }
    .article-body > *:first-child {
        margin-top: 0;
    }
    .article-body > *:only-child {
        margin: 0;
    }
    .text-mark {
        padding: 12px;
        padding-left: 16px;
    }
    .text-mark + h3 {
        margin-top: 4px;
    }
    .text-mark + h2 {
        margin-top: 4px;
    }
    .text-mark > * {
        font-size: 14px;
        line-height: 20px;
    }
    .text-mark > * > span {
        font-weight: 900;
    }
    .article-bottom {
        gap: 32px;
        padding-top: 28px;
    }
    .article-bottom > p {
        font-size: 20px;
        line-height: 24px;
    }
    .article-head > img {
        border-radius: 20px;
    }
    .primary-review + .primary-tarif {
        padding-top: 32px;
    }
    .teacher-place {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 0px;
    }
    .teacher-place-info {
        position: relative;
        z-index: 1;
        background: #F6F8FE;
    }
    .teacher-place-image {
        padding-top: 28px;
        min-height: 360px;
        height: auto;
    }
    .teacher-place-image > img {
        margin-right: 20px;
        width: 484px;
        height: auto;
    }
    .for-you {
        gap: 26px;
    }
    .for-you-body {
        gap: 8px;
    }
    .for-you-body > h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 8px;
    }
    .for-you-body > h2:last-child {
        margin: 0;
    }
    .for-you-body > p {
        font-size: 16px;
        line-height: 22px;
    }
    .for-you-body > h3 {
        font-size: 20px;
        line-height: 24px;
        margin: 8px 0;
    }
    .for-you-body > h3:last-child {
        margin: 0;
    }
    .for-you-body > ul > li {
        font-size: 16px;
        line-height: 22px;
    }
    .for-you-head {
        gap: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
    .for-you-head > .teacher-place-info {
        background: none;
    }
    .for-you-image {
        width: calc(100% + 32px);
        margin-inline: -16px;
        max-height: 400px;
    }
    .for-you-image > img {
        width: 100%;
        height: 100%;
    }
    .primary-sub {
        padding: 66px 0;
    }
    .teacher-place-info {
        gap: 16px;
    }
    .teacher-place-info > .text-mark > p {
        font-size: 16px;
        line-height: 22px;
    }
    .teacher-place-info > ul > li {
        font-size: 16px;
        line-height: 22px;
    }
    .teacher-place-info > p {
        font-size: 16px;
        line-height: 22px;
    }
    .teacher-place-info > span {
        font-size: 24px;
        line-height: 32px;
    }
    .study-info.xl {
        gap: 16px;
    }
    .study-info.xl > .study-item {
        padding: 20px;
    }
    .study-info.xl > .study-item > span {
        width: 40px;
        height: 40px;
        background-size: 24px 24px;
    }
}
@media screen and (max-width: 1224px) {
    .blog-items {
        gap: 16px;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}
@media screen and (max-width: 1024px) {
    .current-teacher {
        gap: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .current-teacher-user {
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .normal-search {
        max-width: 100%;
    }
    .blog-action {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
@media screen and (max-width: 476px) {
    .teacher-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .benefit-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .app > .item > .button {
        width: 100%;
    }
    .splash-hide {
        top: 16px;
        right: 16px;
        width: 24px;
        height: 24px;
    }
    .bottom-links > .button {
        width: 100%;
    }
    .splash-content {
        border-radius: 20px 20px 0 0;
        padding: 16px;
        gap: 12px;
    }
    .primary-splash {
        padding: 0;
    }
    .splash-links {
        gap: 8px;
    }
    .splash-head {
        gap: 8px;
    }
    .splash-head > span {
        font-size: 16px;
        line-height: 24px;
    }
    .splash-head > p {
        font-size: 12px;
        line-height: 140%;
    }
    .normal-tab {
        width: calc(100% + 32px);
        margin-inline: -16px;
        padding: 0 16px;
    }
}