.s3tbm_topbar
{
    align-items: center;
    display: flex;
    overflow: hidden;
    position: relative;

    transition: height 0.3s linear;

    &>div:not(.s3tbm_x_container) {
        position: absolute;
        display: flex;
        gap: .375em;
        align-items: center;
    }

    & *:not(.s3tbm_x_container) {
        display: block;
        line-height: 1;
        text-decoration: none;
        white-space: nowrap;
    }

    & a {
        color: inherit;
        font-size: inherit;

        &:hover {
            text-decoration: underline;
        }
    }

    & .s3tbm_x_container {
        cursor: pointer;
        display: flex;
        align-items: center;
        line-height: 1;
        position: absolute;
        padding-left: .5rem;
        padding-right: .5rem;
        right: 0;
    }

    & .s3tbm_button {
        display: flex;
        align-items: center;
        justify-content: center;

        padding-left: .25em;
        padding-right: .25em;

        transition: background-color 0.3s linear;

        &:hover {
            background-color: var(--hover-color)!important;
            text-decoration: none!important;
        }
    }
}