.li-eyeAble_translationToolOpenerClass,
.li-eyeAble_easyspeechToolOpenerClass {
    ul.dropdown-menu {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
        background-color: var(--my-highlight-color);
        padding: 0 !important;
        min-width: 200px;
        font-size: inherit;
        li {
            width: 100%;
            margin: 0 !important;
            > a {
                color: var(--my-highlight-fg-color);
                width: 100%;
                font-weight: 400;
                padding: 8px 20px;
                border: none;
                border-bottom: 1px solid var(--my-grey-light);
                &:first-of-type {
                    border-top: 1px solid var(--my-grey-light);
                }
            }
            &::after {
                content: none !important;
            }
        }
        li.active {
            a, a:hover {
                background-color: var(--my-main-theme);
                color: var(--my-main-theme-fg);
            }
        }
    }
}

.eyeable-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(255,255,255,0.4);
    display: none;

    .spinnerInnerText {
        position: absolute;
        font-size: .6em;
        padding: 10px;
        background-color: rgba(0,0,0,.7);
        width: auto;
        min-width: 130px;
        text-align: center;
        top: calc(45% + 70px);
        transform: translateX(-50%);
        border-radius: 12px;
        white-space: nowrap;
    }
}

.nav-main-container {
    .li-eyeAble_translationToolOpenerClass,
    .li-eyeAble_easyspeechToolOpenerClass {
        ul.dropdown-menu {
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
            width: 100%;
            min-width: auto;
            li > a {
                padding-left: var(--my-nav-mobile-indent-offset);
            }
        }
    }
}

#nav-main-addition.expand.ed #nav_nav-main-addition {
    overflow: visible;
}