.dropdown-body {
    display: flex;
    flex-direction: column;
    min-width: 200px;
    background-color: var(--uui-main_menu-dropdown-bg);
    box-shadow: var(--uui-main_menu-dropdown-shadow);
    border-radius: var(--uui-main_menu-dropdown-border-radius);
    overflow: hidden; // to hide children border radius on dropdown body

    :global(.-clickable) {
        &:global(.uui-button-box):hover {
            background-color: var(--uui-main_menu-hover);
        }
    }

    :global(.uui-button-box) {
        &:global(.uui-active) {
            border: none;
            border-left: 3px solid var(--uui-main_menu-border-active);
            background-color: var(--uui-main_menu-hover);
        }
    }
}
