.popup-cookies {
    padding: 24px 32px 32px;
    -webkit-box-shadow: 0 16px 32px 0 rgba(31, 34, 41, .08);
    box-shadow: 0 16px 32px 0 rgba(31, 34, 41, .08);
    border: 1px solid #c4c7cc;
    border-radius: 6px;
    position: fixed;
    bottom: 40px;
    background-color: #fff;
    z-index: 1001;
    display: block;

    transform: translateY(150%);
    -webkit-transform: translateY(150%);
    -ms-transform: translateY(150%);

    transition: transform .3s, opacity .1s .3s, -webkit-transform .3s;
    -webkit-transition: transform .3s, opacity .1s .3s, -webkit-transform .3s;
    -o-transition: transform .3s, opacity .1s .3s;

    opacity: 0;

    will-change: transform, opacity;

    width: calc(((100vw - 88px) / 25) * 7.5);
    right: calc(((100vw - 88px) / 25) * 1);
}

@media print {
    .popup-cookies {
        display:none
    }
}

.popup-cookies._open {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: -webkit-transform .3s 1s;
    transition: -webkit-transform .3s 1s;
    -o-transition: transform .3s 1s;
    transition: transform .3s 1s;
    transition:transform .3s 1s, -webkit-transform .3s 1s;
}

@media (min-width: 2000px) and(-ms-high-contrast: active),(min-width: 2000px) and(-ms-high-contrast: none) {
    .popup-cookies {
        width: calc((((100vw - 88px)) * .297));
        right:calc((((100vw - 88px)) * .037));
    }
}

@media (max-width: 1599.5px), print {
    .popup-cookies {
        width: 30vw;
        right: 4vw;
    }
}

@media (max-width: 1023.5px), print {
    .popup-cookies {
        padding: 16px;
        bottom: 16px;
        left: 16px;
        width:288px;
    }
}

.popup-cookies_title {
    font-weight: 500;
    font-size: calc(9px + 9 *((100vw - 320px) / 1043));
    line-height: 1.33;
    margin-bottom:1.2vw;
}

@media (max-width: 1023.5px), print {
    .popup-cookies_title {
        font-size: 14px;
        margin-bottom:8px;
    }
}

.popup-cookies_subtitle {
    line-height: 1.43;
    font-size: calc(7px + 7 *((100vw - 320px) / 1043));
    margin-bottom: 2.4vw;
    color:#8f96a3;
}

@media (max-width: 1023.5px), print {
    .popup-cookies_subtitle {
        font-size: 12px;
        margin-bottom:16px;
    }
}

.popup-cookies_subtitle a {
    color: #8f96a3;
    text-decoration:underline;
}

.popup-cookies_subtitle a:hover {
    text-decoration:none;
}