order-group {
    height: 100%;
    display: flex;

    .active {
        background: var(--color-ui-4);;
    }

    .inactive {
        background: var(--color-ui-4);;
        opacity: 0.6;
    }

    ul {
        width: 100%;
        flex: 1;
    }
}

.group-menu-item {
    margin-bottom: 0.1rem;

    div {
        @include flex();
        @include flex-row();
        align-items: center;
        height: $order-group-height;
        padding-right: $order-group-padding;
        font-size: $rem-3;
    }

    label {
        @include stretch();
        @include no-select();
        font-size: $rem-2;
    }

    icon {
        cursor: pointer;
    }

    icon[aria-grabbed="true"] {
        cursor: move;
    }
}