/* Estilos para el menú y sus componentes */

.active-button {
    position: relative;
    background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .04));
    color: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}

.active-button::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 4px;
    background: var(--color-highlight);
    border-radius: 0 4px 4px 0;
}

#sidebar nav::-webkit-scrollbar {
    width: 8px;
}

#sidebar nav::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .15);
    border-radius: 8px;
}

#sidebar nav::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, .25);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-out;
}

.platform-switcher-dropdown.opens-down {
    top: 100%;
    bottom: auto;
    margin-top: 8px;
    margin-bottom: 0;
}

.platform-switcher-dropdown.opens-up {
    bottom: 100%;
    top: auto;
    margin-bottom: 8px;
    margin-top: 0;
}