@import '../../../../../../../../styles/variables';

.chartkit-menu {
    &__item {
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    &__switcher {
        opacity: 1;
        transition: opacity 0.2s;

        .dashkit-grid-item:hover & {
            opacity: 1;
        }
    }

    &__popup-item:not(&__popup-item_disabled) {
        color: var(--g-color-text-complementary);

        &:hover {
            color: var(--g-color-text-primary);
        }
    }

    &__sheet-menu {
        margin-bottom: 10px;
    }

    &__sheet-content {
        padding: 0;
    }

    &__menu-item-content {
        position: relative;
    }

    &__menu-item-hint {
        position: absolute;
        inset: 0;
        pointer-events: auto;
        cursor: pointer;
    }
}
