Sindbad~EG File Manager

.pso-dropdown {
    position: relative;
}

.pso-dropdown__toggle {
    // TEMP
    &:hover {
        + .pso-dropdown__menu {
            display: block;
        }
    }
}

.pso-dropdown__menu {
    position: absolute;
    z-index: 100;
    display: none;
    width: 200px;
    padding: var(--G1);
    background-color: var(--c-base);
    border-radius: var(--R);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1), 0 1px 4px rgba(0, 0, 0, .1);

    &:hover {
        display: block;
    }
}

.pso-dropdown__item {
    display: flex;
    align-items: center;
    gap: var(--G3);
    width: 100%;
    padding: var(--G2) var(--G3);
    font-size: var(--F-M);
    color: var(--c-contrast-light);
    border-radius: var(--R-S);
    transition: var(--TRANS);

    > i {
        color: var(--c-contrast-slight);
        transition: var(--TRANS);
    }

    &:hover {
        > i {
            color: var(--c-contrast);
        }

        color: var(--c-contrast);
        background-color: var(--c-base-200);
    }
}