.massAction__wrap { float: left; }
.massAction__wrap::after {
    content: '';
    clear: both;
    display: table;
}

.massAction {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap--sm);
    align-items: flex-start;
}

.massAction__item {
    display: inline-block;

    .v2FormField {
        margin: 0;
    }

    ul {
        position: absolute;
        z-index: 2;

        background-color: rgb(var(--background--neutral-base-default--light));
        border: solid 1px rgb(var(--border--neutral-low-default--light));
        box-shadow: var(--shadow--medium-soft--light);

        ul {
            top: -1px;
            left: 100%;
        }

        a {
            position: relative;

            display: inline-block;

            margin: 0;
            padding: 0 6px;

            color: rgb(var(--foreground--neutral-full-default--light));
            text-indent: 0;

            &:hover {
                text-decoration: none;
                background: rgb(var(--background--neutral-low-hovered--light));
            }
        }
    }

    li {
        position: relative;
        line-height: 23px;
        text-indent: 6px;
        list-style-type: none;
    }
}

.massAction__submenuHeader {
    position: relative;
    padding-right: var(--padding--lg);

    &::before {
        content: '';

        position: absolute;
        top: 50%;
        right: 6px;
        transform: translateY(-50%);

        width: 4px;

        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid rgb(var(--border--neutral-high-default--light));
    }
}

.massAction__submenuHeader,
.massAction__item ul a {
    display: block;

    min-width: 70px;

    white-space: nowrap;

    background-color: rgb(var(--background--neutral-base-default--light));
    border-bottom: 1px solid rgb(var(--border--neutral-low-default--light));
}

.massAction__submenuTrigger:hover > .massAction__submenuHeader {
    background-color: rgb(var(--background--neutral-low-hovered--light));
}

.massAction--scrollable {
    overflow-x: hidden;
    height: auto;
    max-height: 300px;
}

// This line was previously in main.less and placed in the MassActions styles
// This class is however used in table, usually alongside .std-table or .std-table-view class
// TODO: get rid of this class when replacing .std-table class
.checkbox-table { clear: both; }