.ae-anno-announcement
{
    animation: slide-up .5s ease-in-out;
    position: relative;
}
.ae-anno-announcement-wrapper
{
    align-items: center;
    background-color: var(--background-color);
    display: flex;
    gap: .625rem;
    padding: .625rem;
    width: 100%;
}
@media(min-width: 768px)
{
    .ae-anno-announcement-wrapper
    {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}
@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(--text-color);
    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(--text-color);
    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;
    }
}