#cookie-notice {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    font-size: 14px;
    z-index: 1301;
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease-in-out;
}

#cookie-notice.is--active {
    opacity: 1;
    visibility: visible;
}

@media screen and (max-width: 1024px) {
    #cookie-notice {
        padding: 10px;
    }
}

#cookie-notice:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: 1300;
}

#cookie-notice > div {
    position: relative;
    z-index: 1301;
}

.top-banner {
    margin: 0;
    background: linear-gradient(180deg, #B645EE 0%, #9B26B6 100%);
    overflow: hidden;
}

.top-banner__container {
    padding: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    gap: 32px;
    height: 48px;
}

.top-banner__content {

    display: flex;
    font-weight: 400;
}

.top-banner__buttons {
    display: flex;
    flex-wrap: nowrap;

    column-gap: 12px;

}

.top-banner__buttons .btn--small {
    display: flex;
    padding: var(--Size-s-1, 4px) var(--Size-s-2, 8px);
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-main);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    height: auto;
    line-height: 1;
}

.top-banner__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
}

.top-banner__text {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    margin-left: 12px;
    display: flex;
    margin: auto;
    gap: 10px;
}
.top-banner__text b{
    font-weight: 600;
    margin-left: 12px;
}
.top-banner__img-mobile{
    display: none;
}
.top-banner{
    position: relative;
}
.top-banner:before,.top-banner:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='203' height='48' viewBox='0 0 203 48' fill='none'%3E%3Cpath d='M-21.6454 -73.7128L-7.61088 -87.7473C17.7527 -113.111 44.6746 -125.689 73.1546 -125.481C101.432 -125.272 129.084 -111.558 156.22 -84.4225L202.059 -38.5832C184.806 -45.4403 167.549 -40.2432 150.291 -22.9856L124.095 3.21047C116.923 10.3825 110.268 13.9202 103.929 14.0169C97.5842 13.9155 91.9705 12.0476 86.7778 8.30648L74.3067 20.7776C78.0424 25.975 79.9156 31.584 80.017 37.9288C79.9156 44.2736 76.3827 50.9226 69.2107 58.0947L43.0095 84.2958C25.7569 101.548 20.5598 118.806 27.417 136.059L-18.4223 90.2193C-45.8669 62.7747 -59.6936 35.0203 -59.8964 6.95125C-60.2163 -21.0113 -47.4252 -47.9329 -21.6454 -73.7128Z' fill='%239B26B6'/%3E%3C/svg%3E");
    width: 203px;
    height: 48px;
    z-index: 2;
    background-size: 203px auto;
    background-position: center;
}
.top-banner:after{
    left: auto;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='203' height='48' viewBox='0 0 203 48' fill='none'%3E%3Cpath d='M223.704 112.771L209.67 126.806C184.306 152.169 157.384 164.747 128.904 164.539C100.627 164.331 72.9744 150.616 45.8393 123.481L5.78368e-05 77.6418C17.2527 84.4989 34.5103 79.3018 51.7679 62.0442L77.964 35.8481C85.136 28.6761 91.7904 25.1384 98.1298 25.0417C104.475 25.1431 110.088 27.011 115.281 30.7521L127.752 18.281C124.016 13.0836 122.143 7.4746 122.042 1.12978C122.143 -5.21504 125.676 -11.864 132.848 -19.0361L159.049 -45.2372C176.302 -62.4898 181.499 -79.7474 174.642 -97L220.481 -51.1607C247.926 -23.7161 261.752 4.03834 261.955 32.1073C262.275 60.0699 249.484 86.9915 223.704 112.771Z' fill='%239B26B6'/%3E%3C/svg%3E");
}
@media screen and (max-width: 1024px) {
    .top-banner:before,
    .top-banner:after{
        display: none;
    }

    .top-banner__container {
        align-items: center;
        flex-wrap: wrap;
        margin: auto;
        position: relative;
        transform: translateY(10px);
    }

    .top-banner__icon {
        margin: 0 auto 10px;
    }

    .top-banner__buttons {
        margin: 12px 0 0 0;
        justify-content: center;
    }

    .top-banner__title,
    .top-banner__text {font-size: 12px;margin-bottom: 4px;}

    .top-banner__text b {
        display: block;
        font-size: 12px;
    }

    .top-banner__img-right,
    .top-banner__img-left {
        display: none;
    }
    .top-banner__img-mobile{
        display: inline-block;

        width: 40px;
        height: 16px;

    }
    .top-banner__img-mobile img{
        width: 100%;
        height: 100%;
    }
        
    .top-banner__content {
        margin-top: auto;
        width: 100%;
        flex-direction: column;
    }

    .top-banner__buttons .btn--small {
        display: flex;
        padding: 2px var(--Size-s-1, 4px);
        justify-content: center;
        align-items: center;
        gap: 10px;
        color: var(--Text-text-primary-invert, #FFF);
        text-align: center;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: var(--font-main);
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 110%;
    }

}

.ny {
    justify-content: center;
    font-weight: 600;
}

.ny b {
    font-weight: 600;
}

.ny .btn {
    color: #000000;
}

.ny .top-banner__content {
    margin-left: 30px;
    white-space: nowrap;
}

.ny .top-banner__buttons {
    margin-right: 30px;
    margin-left: 8px;
}

.ny img {
    width: 100%;
    height: 100%;
}

.ny br {
    display: inline;
}

@media screen and (max-width: 1024px) {
    .ny {
        justify-content: flex-start;
        max-width: 540px;
        position: relative;
        width: 100%;
        margin: auto;
    }

    .ny .btn {
        height: 17px;
    }

    .ny .top-banner__content {
        margin: 0;
    }

    .ny .top-banner__text {
        font-size: 13px;
    }

    .ny .top-banner__text b {
        display: block;
    }

    .ny .top-banner__buttons {
        margin: 0;
        position: absolute;
        bottom: -2px;
        left: 128px;
    }

    .translatepress-uk .ny .top-banner__buttons,
    .translatepress-ru_RU .ny .top-banner__buttons,
    .translatepress-pt_BR .ny .top-banner__buttons {
        left: 65px;
    }

    .translatepress-es_ES .ny .top-banner__buttons {
        left: 146px;
    }

    .ny .top-banner__img-mobile {
        position: absolute;
        right: 0;
        display: block;

    }

    .ny .top-banner__img-mobile img {
        display: block;
        width: 72px;
        height: 48px;
    }

}

.top-banner.gradient {
    background: var(--Gradients-Purple-Blue, linear-gradient(106deg, #9B26B6 0%, #19AFFF 137.11%));
}

.top-banner.gradient .top-banner__content {
    margin: 0 10px;
}

.top-banner.gradient .top-banner__buttons {
    margin: 0;
}

.top-banner.gradient .top-banner__container {
    align-items: center;
    justify-content: center;
}

.top-banner.gradient .top-banner__img-right img {
    height: auto;
    width: auto;
    margin: 0 64px;
}

@media screen and (max-width: 1024px) {
    .top-banner.gradient .top-banner__img-right {
        display: flex;
        margin: 0;
    }

    .top-banner.gradient .top-banner__img-right img {
        margin: 4px 0 0 0;
        height: 14px;
    }

    .top-banner.gradient .top-banner__buttons {
        display: none;
    }

    .top-banner.gradient .top-banner__container {
        display: flex;
        flex-direction: column;
        max-width: 533px;
        margin: auto;
        width: 100%;
        position: relative;
        justify-content: start;
        align-items: baseline;
        padding-left: 86px;
    }

    .top-banner.gradient .top-banner__img-left {
        display: block;
        position: absolute;
        left: 0;
        top: -5px;
    }

    .top-banner.gradient {
        padding: 5px 0;
    }

    .top-banner.gradient .top-banner__content {
        margin: 0;
    }
}

@media screen and (min-width: 461px) and (max-width: 768px) {
    #cookie-notice {
    }

    #cookie-notice.is--active {
    }

    #cookie-notice:before {
    }

    #cookie-notice > div {
    }

    .top-banner {
    }

    .top-banner__container {
    }

    .top-banner__content {
    }

    .top-banner__buttons {
    }

    .top-banner__buttons .btn--small {
    }

    .top-banner__title {
    }

    .top-banner__text {
    }

    .top-banner__text b {
    }

    .top-banner__img-mobile {
    }

    .top-banner:before,.top-banner:after {
    }

    .top-banner:after {
    }

    .top-banner:before,
    .top-banner:after {
    }

    .top-banner__icon {
    }

    .top-banner__title,
    .top-banner__text {
    }

    .top-banner__img-right,
    .top-banner__img-left {
    }

    .top-banner__img-mobile img {
    }

    .ny {
    }

    .ny b {
    }

    .ny .btn {
    }

    .ny .top-banner__content {
    }

    .ny .top-banner__buttons {
    }

    .ny img {
    }

    .ny br {
    }

    .ny .top-banner__text {
    }

    .ny .top-banner__text b {
    }

    .translatepress-uk .ny .top-banner__buttons,
    .translatepress-ru_RU .ny .top-banner__buttons,
    .translatepress-pt_BR .ny .top-banner__buttons {
    }

    .translatepress-es_ES .ny .top-banner__buttons {
    }

    .ny .top-banner__img-mobile {
    }

    .ny .top-banner__img-mobile img {
    }

    .top-banner.gradient {
    }

    .top-banner.gradient .top-banner__content {
    }

    .top-banner.gradient .top-banner__buttons {
    }

    .top-banner.gradient .top-banner__container {
    }

    .top-banner.gradient .top-banner__img-right img {
    }

    .top-banner.gradient .top-banner__img-right {
    }

    .top-banner.gradient .top-banner__img-left {
    }

    .top-banner:before, .top-banner:after {
    }

    .top-banner__title, .top-banner__text {
    }

    .top-banner__img-right, .top-banner__img-left {
    }

    .translatepress-uk .ny .top-banner__buttons, .translatepress-ru_RU .ny .top-banner__buttons, .translatepress-pt_BR .ny .top-banner__buttons {
    }

}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    #cookie-notice {
    }

    #cookie-notice.is--active {
    }

    #cookie-notice:before {
    }

    #cookie-notice > div {
    }

    .top-banner {
    }

    .top-banner__container {
    }

    .top-banner__content {
    }

    .top-banner__buttons {
    }

    .top-banner__buttons .btn--small {
    }

    .top-banner__title {
    }

    .top-banner__text {
    }

    .top-banner__text b {
    }

    .top-banner__img-mobile {
    }

    .top-banner:before,.top-banner:after {
    }

    .top-banner:after {
    }

    .top-banner:before,
    .top-banner:after {
    }

    .top-banner__icon {
    }

    .top-banner__title,
    .top-banner__text {
    }

    .top-banner__img-right,
    .top-banner__img-left {
    }

    .top-banner__img-mobile img {
    }

    .ny {
    }

    .ny b {
    }

    .ny .btn {
    }

    .ny .top-banner__content {
    }

    .ny .top-banner__buttons {
    }

    .ny img {
    }

    .ny br {
    }

    .ny .top-banner__text {
    }

    .ny .top-banner__text b {
    }

    .translatepress-uk .ny .top-banner__buttons,
    .translatepress-ru_RU .ny .top-banner__buttons,
    .translatepress-pt_BR .ny .top-banner__buttons {
    }

    .translatepress-es_ES .ny .top-banner__buttons {
    }

    .ny .top-banner__img-mobile {
    }

    .ny .top-banner__img-mobile img {
    }

    .top-banner.gradient {
    }

    .top-banner.gradient .top-banner__content {
    }

    .top-banner.gradient .top-banner__buttons {
    }

    .top-banner.gradient .top-banner__container {
    }

    .top-banner.gradient .top-banner__img-right img {
    }

    .top-banner.gradient .top-banner__img-right {
    }

    .top-banner.gradient .top-banner__img-left {
    }

    .top-banner:before, .top-banner:after {
    }

    .top-banner__title, .top-banner__text {
    }

    .top-banner__img-right, .top-banner__img-left {
    }

    .translatepress-uk .ny .top-banner__buttons, .translatepress-ru_RU .ny .top-banner__buttons, .translatepress-pt_BR .ny .top-banner__buttons {
    }

}

