@import "../variables";

.sz-invalid {
    border-color: $color-red-500;
}

.sz-focus {
    outline: none;
    border-color: $border-color-focus;
}

.sz-checked {
}

.sz-hover {
    background-color: $color-blue-grey-50;
}

.sz-selected {
    background-color: $color-blue-grey-100;
    font-weight: bold;
}

.sz-disabled {
    color: $color-disabled;
    border-color: $border-color-disabled;
    background-color: $background-color-disabled;

    .sz-icon {
        opacity: 0.3;
    }
}

.sz-icon-placeholder {
    opacity: 0.3;
}