.msl {
    width: 100%;
}

.msl-toolbar {
    margin-bottom: 0.75rem;
}

.msl-select-all-label,
.msl-label {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: normal;
    cursor: pointer;
}

.msl-items {
    width: 100%;
}

.msl-item {
    min-width: 0;
}

.msl-label {
    padding: 0rem 0.5rem;
    border-radius: 0.25rem;
    transition: background-color 0.15s ease;
}

.msl-label:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

.msl input[type="checkbox"]:checked + .msl-text,
.msl-label:has(input[type="checkbox"]:checked) {
    background-color: rgba(0, 0, 0, 0.08);
}

.msl-text {
    overflow-wrap: anywhere;
}

.msl input[type="checkbox"] {
    margin: 0;
}