.label {
    font-size: var(--mantine-font-size-sm);
    font-weight: 300;
}

.input {
    &[data-indeterminate] {
        background-color: var(--mantine-color-pureWhite);
        border-color: var(--mantine-color-gray-4);

        & + svg {
            color: var(--mantine-color-gray-6);
        }
    }

    &[readonly] {
        background-color: var(--mantine-color-gray-2);
        border-color: var(--mantine-color-gray-2);
    }
}