.ae-anno-announcement {
    animation: slide-up .5s ease-in-out;
    position: relative
}

.ae-anno-announcement-wrapper {
    align-items: center;
    background-color: var(--tp-common-black);
    display: flex;
    gap: .625rem;
    padding: .625rem;
    width: 100%
}

@media(min-width:768px) {
    .ae-anno-announcement-wrapper {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media(max-width:767px) {
    .ae-anno-announcement-wrapper.hide-on-mobile {
        display: none
    }
}

.ae-anno-announcement-wrapper.ae-anno-announcement--dismissible {
    padding-inline-end: 35px
}

@keyframes slide-up {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ae-anno-announcement__items {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media(max-width:767px) {
    .ae-anno-announcement__items {
        flex-wrap: wrap;
        gap: .5rem
    }
}

.ae-anno-announcement__bottom {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 10
}

.ae-anno-announcement__controls {
    align-items: center;
    display: flex;
    gap: .5rem
}

.ae-anno-announcement__controls button {
    all: unset;
    align-items: center;
    color: var(--tp-common-white);
    cursor: pointer;
    display: flex
}

.ae-anno-announcement__controls button svg {
    height: 1rem;
    width: 1rem
}

.ae-anno-announcement__content {
    color: var(--text-color);
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: flex;
    flex-wrap: wrap;
    font-size: var(--font-size);
    margin-inline-end: 25px;
    row-gap: .5rem
}

@media(max-width:767px) {
    .ae-anno-announcement__content {
        flex-direction: column
    }
}

.ae-anno-announcement__text {
    color: var(--tp-common-white);
    font-size: var(--font-size);
    margin: 0
}

.ae-anno-announcement__text a {
    color: var(--text-color);
    font-size: var(--font-size);
    text-decoration-line: underline
}

.ae-anno-announcement__dismissed {
    display: none
}

.ae-anno-announcement__button {
    color: var(--text-color);
    font-size: var(--font-size)
}

.ae-anno-announcement__dismiss-button {
    all: unset;
    color: var(--text-color);
    inset-inline-end: 1.5rem;
    position: absolute
}

.ae-anno-announcement__dismiss-button-label {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.ae-anno-announcement__dismiss-button-icon {
    height: 1.25rem;
    width: 1.25rem
}

body[dir=rtl] .ae-anno-announcement__next-button,
body[dir=rtl] .ae-anno-announcement__previous-button {
    transform: rotateY(180deg)
}

@media only screen and (max-width:667px) {
    .ae-anno-announcement__content {
        margin-inline-end: unset
    }

    .ae-anno-announcement__dismiss-button {
        inset-block-start: .2em;
        inset-inline-end: 1em
    }
}