.top-banner {
    &.d-none{
        display: none;
    }
    position: relative;
    z-index: 6;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 24px;
    background-color: $black;
    color: $white;
    text-align: center;
    @include deskUI2;
    text-transform: none;

    @include tablet-down {
        height: auto;
    }

    .top-banner-content {
        width: 100%;

        div {
            display: flex;
            justify-content: center;
            column-gap: 10px;
            overflow: hidden;
            height: auto;
            align-items: center;
            padding-top: 1px;

            @include tablet-down {
                height: auto;
            }

            p {
                margin-bottom: 0;
                font-size: inherit;
                line-height: $top-banner-height;
                overflow: hidden;
                white-space: normal;
                word-wrap: break-word;
                text-align: center;
                width: 90%;

                span {
                    cursor: pointer;
                    position: absolute;
                    top: calc(50% + -12px);
                    right: 30px;

                    @include tablet-down {
                        right: 10px;
                    }
                }

                @include tablet-down {
                    height: auto;
                    line-height: $top-banner-height-mobile;
                }
            }

            a {
                border-bottom: 1px solid $white;
                color: $white;
                font-size: inherit;
            }
        }

    }
}

.top-banner-open .select2-container--language-theme.select2-container--open {
    top: 70px + $top-banner-height !important;
}