@import "~src/assets/styles/settings/_colors";

.field {
    label {
        font-size: 15px;
    }

    input {
        height: 40px;
        padding: 0 10px;
        color: $black;
        font-weight: 100;
        font-size: 15px;
        border-radius: 4px;
        border: 1px solid $grey-light;
        outline: -webkit-focus-ring-color auto 0;

        &::placeholder {
            color: $grey-light;
        }
    }

    &.error {
        label {
            color: $danger;
        }

        input {
            border: 1px solid $danger;
        }
    }

    &.success {
        input {
            background: $lighter;
            border: 1px solid $lighter;
        }
    }
}