:root {
        --footer-font-main-color: #000;
        --footer-border-top-bottom: 1px solid #e4e4e4;
        --footer-font-secondary-color: #2e3138;
        --footer-font-other-color: #8E95A2;
        --footer-bg-color: #F6F6F6;

        --footer-main-container-max-width: 1440px;
        --footer-safety-padding-left-right: 32px;
        --footer-main-container-padding: 64px 0;

        --footer-disclaimers-font-size: 14px;
        --footer-disclaimers-line-height: 140%;
        --footer-disclaimers-container-width: 770px;
        --footer-disclaimers-container-padding-bottom: 54px;
        --footer-disclaimers-font-opacity: 0.7;

        --footer-nav-list-title-font-size: 20px;
        --footer-nav-list-title-line-height: 140%;

        --footer-nav-list-item-font-size: 11px;
        --footer-nav-list-item-line-height: 133%;

        --footer-other-text-font-size: 12px;
        --footer-other-text-line-height: 133%;
        --footer-other-content-margin-top: 54px;

    }

    @media (max-width: 1280px) {
        :root {
            --footer-disclaimers-font-size: 12px;
            --footer-nav-list-title-font-size: 18px;
            --footer-nav-list-item-font-size: 10px;
            --footer-other-text-font-size: 10px;
        }
    }

    @media (max-width: 1024px) {
        :root {
            --footer-disclaimers-font-size: 10px;
            --footer-nav-list-title-font-size: 16px;
            --footer-main-container-padding: 50px 0;
            --footer-other-content-margin-top: 36px;
            --footer-disclaimers-container-padding-bottom: 40px;
        }
    }

    @media (max-width: 768px) {
        :root {
            --footer-disclaimers-container-width: 770px;
        }
    }

    .dark-theme {
        --footer-font-main-color: #fff;
        --footer-border-top-bottom: 1px solid #444444;
        --footer-font-secondary-color: #fff;
        --footer-font-other-color: rgba(147, 143, 157, 0.5);
        --footer-bg-color: #000;
    }

    .footer-disclaimers-content,
    .footer-nav-content,
    .footer-nav-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .footer-main {
        padding: var(--footer-main-container-padding);
        background-color: var(--footer-bg-color);
    }

    .footer-disclaimers {
        display: flex;
        justify-content: flex-end;
        max-width: var(--footer-main-container-max-width);
        padding: 0 var(--footer-safety-padding-left-right) var(--footer-disclaimers-container-padding-bottom);
        margin: 0 auto 32px;
        box-sizing: border-box;
        position: relative;
    }

    .footer-disclaimers.hide {
        display: none;
    }

    .footer-disclaimers:after {
        content: "";
        width: calc(100% - 2 * var(--footer-safety-padding-left-right));
        border-bottom: var(--footer-border-top-bottom);
        position: absolute;
        bottom: 0;
        left: var(--footer-safety-padding-left-right);
    }

    .footer-disclaimers-content {
        flex: 0 1 var(--footer-disclaimers-container-width);
    }

    .footer-disclaimer-item {
        display: flex;
        gap: 2px;
        font-weight: 300;
        font-size: var(--footer-disclaimers-font-size);
        line-height: var(--footer-disclaimers-line-height);
        color: var(--footer-font-main-color);
        opacity: var(--footer-disclaimers-font-opacity);
        margin: 0;
        padding: 0;
    }

    .footer-disclaimer-item:not(:last-child) {
        margin: 0 0 20px;
    }

    .footer-disclaimer-item a {
        color: inherit;
        text-decoration: underline;
    }

    .sup {
        font-size: 0.7em;
        line-height: normal;
    }

    .footer-form-content iframe {
        width: 100%;
    }

    .footer-nav {
        max-width: var(--footer-main-container-max-width);
        padding: 0 var(--footer-safety-padding-left-right);
        margin: 0 auto;
        box-sizing: border-box;
    }

    .footer-nav-content {
        padding-top: 50px;
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .footer-nav-content-item {
        flex: 0 1 162px;
    }

    .footer-nav-list-title {
        font-weight: 400;
        font-size: var(--footer-nav-list-title-font-size);
        line-height: var(--footer-nav-list-title-line-height);
        color: var(--footer-font-secondary-color);
        margin: 0;
        padding: 0;
        margin-bottom: 16px;
    }

    .footer-nav-list-item {
        font-weight: 400;
        font-size: var(--footer-nav-list-item-font-size);
        line-height: var(--footer-nav-list-item-line-height);
        color: var(--footer-font-secondary-color);
        margin-bottom: 12px;
    }

    .footer-nav-list-item > a {
        color: inherit;
    }

    .footer-other {
        max-width: var(--footer-main-container-max-width);
        padding: 0 var(--footer-safety-padding-left-right);
        margin: 0 auto;
        box-sizing: border-box;
    }

    .footer-other-content {
        margin-top: var(--footer-other-content-margin-top);
        padding-top: 20px;
        border-top: var(--footer-border-top-bottom);
        display: flex;
        align-items: center;
        gap: 46px;
    }

    .footer-other-text {
        margin: 0;
        padding: 0;
        display: inline-block;
        font-weight: 400;
        font-size: var(--footer-other-text-font-size);
        line-height: var(--footer-other-text-line-height);
        color: var(--footer-font-other-color);
    }

    .footer-other-text:hover {
        color: var(--footer-font-other-color);
    }

    .footer-other-text > a {
        color: inherit;
        text-decoration: underline;
    }

    .footer-urls-list .footer-other-text {
        padding-left: 8px;
    }

    .footer-urls-list .footer-other-text:not(:last-child) {
        padding-right: 8px;
        padding-left: 0;
        border-right: 1px solid var(--footer-font-other-color);
    }

    .footer-line,
    .footer-data-security {
        display: none;
    }

    @media (max-width: 640px) {

    :root {
        --footer-main-container-padding: 32px 0 20px;

        --footer-disclaimers-font-size: 12px;
        --footer-disclaimers-line-height: 130%; 

        --footer-disclaimers-container-padding-bottom: 40px;
        --footer-safety-padding-left-right: 24px;

        --footer-nav-list-title-font-size: 20px;
        --footer-nav-list-title-line-height: 130%;

        --footer-nav-list-item-font-size: 12px;
        --footer-nav-list-item-line-height: 133%;

        --footer-other-text-font-size: 12px;
        --footer-other-text-line-height: 133%;
        --footer-other-content-margin-top: 0px;

        --footer-nav-list-title-arrow-icon: url(https://avatars.mds.yandex.net/get-lpc/10116223/48249f1e-2f4c-4d8d-9943-9e26325a5f76/orig?width=16&height=8);

        --footer-nav-item-border-bottom-color: #E4E4E4;
    }

    .dark-theme {
        --footer-nav-list-title-arrow-icon: url(https://avatars.mds.yandex.net/get-lpc/10704932/8821097f-7e13-4fb1-abcc-d9b8aab62765/orig?width=16&height=8);

        --footer-nav-item-border-bottom-color: #444444;

    }

    .footer-disclaimers {
        display: block;
    }

    .footer-disclaimer-item:not(:last-child) {
        margin-bottom: 16px;
    }

    .footer-nav-content {
        padding-top: 16px;
        display: block;
    }

    .footer-nav-list-title {
        padding: 16px 0;
        margin-bottom: 0;
        position: relative;
    }

    .footer-nav-list-title:after {
        content: '';
        position: absolute;
        top: 44%;
        right: 0;
        width: 16px;
        height: 7px;
        background: var(--footer-nav-list-title-arrow-icon);
        background-repeat: no-repeat;
        background-size: 16px;
        background-position: center;
        transform: rotate(180deg);
        transition: transform 0.25s ease-in-out;
    }

    .footer-nav-content-item.active .footer-nav-list-title:after {
        transform: rotate(360deg);
    }

    .footer-nav-list-item:not(:last-child) {
        margin-bottom: 8px;
    }

    .footer-nav-list {
        height: 0;
        overflow: hidden;
        transition: all 0.25s ease-in-out;
    }

    .footer-nav-content-item:not(:last-child) {
        border-bottom: 1px solid var(--footer-nav-item-border-bottom-color);
    }

    .footer-nav-content-item[data-footer-nav="stations"].active .footer-nav-list {
        height: 264px;
    }

    .footer-nav-content-item[data-footer-nav="tv"].active .footer-nav-list {
        height: 56px;
    }

    .footer-nav-content-item[data-footer-nav="smart-home"].active .footer-nav-list {
        height: 325px;
    }

    .footer-nav-content-item[data-footer-nav="alice"].active .footer-nav-list {
        height: 104px;
    }

    .footer-nav-content-item[data-footer-nav="suport"].active .footer-nav-list {
        height: 56px;
    }

    .footer-nav-content-item[data-footer-nav="news"].active .footer-nav-list {
        height: 104px;
    }

    .footer-nav-content-item[data-footer-nav="how-we-work"].active .footer-nav-list {
        height: 56px;
    }

    .footer-other-content {
        margin-top: 0px;
        padding-top: 34px;
        display: block;
    }

    .footer-urls-list {
        margin-top: 8px;
    }

    .footer-line,
    .footer-data-security {
        display: inline-block;
    }
}