aside,
div.aside {
    opacity: 1;
    border-radius: var(--border-radius);
    /* width: 100vw; */

    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox, Safari 18.2+, Chromium 121+ */
    position: sticky;
    top: calc(var(--bm) * 2);

    padding-top: .2rem;
    text-transform: uppercase;

    overflow: scroll;

    z-index: 21;
    transition: opacity var(--animation-duration) var(--animation-easing);
    /* animation: fadeIn var(--animation-duration) var(--animation-easing) forwards; */

    .button {
        display: list-item;
        font-family: "Helvetius" !important;
        text-transform: none;



        a:hover {
            cursor: pointer;
            text-decoration: none;

        }

    }
}

aside.column {

    position: relative;
    margin-block: var(--bm);

    ul {
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--bm);
        align-items: left;
        margin-bottom: var(--bm);


        li a strong {
            text-decoration: none;
        }
    }
}

aside.container::-webkit-scrollbar div.aside::-webkit-scrollbar {
    display: none;

}

.selected {
    animation: highlightAnimation 2s .2s ease;
    ;
}

@keyframes highlightAnimation {
    from {
        background-color: var(--grey);
    }

    to {
        background-color: transparent;
    }
}

aside ul,
div.aside ul {
    display: flex;
    text-align: left;
    width: fit-content;
    justify-content: center;
    flex-direction: row;
    padding: 0;
    margin: auto;
    margin-top: calc(var(--bm) / 2);
    gap: .5rem;

}

aside ul li,
div.aside ul li {

    width: max-content;
    list-style: none;




}

aside ul li a,
div.aside ul li a {
    color: inherit;
    text-decoration: none;
}


/* @keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
} */

@media (width < 960px) {

    aside {
        opacity: 0;
        pointer-events: 0;
    }

    aside.visible,
    aside.mobile-visible {
        opacity: 1;
        pointer-events: auto;
    }

    aside,
    div.aside {

        --minus: calc(var(--bm) * -1);

        position: sticky;

        a {
            font-size: var(--small-fs);
        }

        top: calc(var(--bm) * 1);
        padding-top: 0;
        text-transform: uppercase;
        overflow: scroll;
        z-index: 21;
        width: 100vw;
        padding-inline: var(--gap);
        margin-inline: var(--minus) var(--minus);
        transition: opacity var(--animation-duration) var(--animation-easing);
        /* animation: fadeIn var(--animation-duration) var(--animation-easing) forwards; */
    }

}

/* @media (width > 1200px) {
    aside {

        opacity: 1;
        border-radius: var(--border-radius);
  

position: sticky;
top: calc(var(--bm) * 2);

padding-top: .2rem;
text-transform: uppercase;
left: calc(968px + var(--bm) * 3 + var(--article-margin));
height: 1rem;
overflow: visible;
width: fit-content;
z-index: 21;
transition: opacity var(--animation-duration) var(--animation-easing);


ul {
    display: flex;
    text-align: left;
    width: fit-content;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    margin: auto;

}

.button {
    display: list-item;
    font-family: "Helvetius" !important;
    text-transform: none;



    a:hover {
        cursor: pointer;
        text-decoration: none;

    }

}
}
}

*/