:root {
    --y-in-color: #dcdbdb;
    --y-border-color: #dcdbdb;
    --y-border-hover-color: #86b7fe;
    --y-border-focus-color: #86b7fe;
    
}
.y-form-control {
    --y-form-control-padding-x: .2rem;
    --y-form-control-padding-y: .5rem;
}
.y-form-control {
    width:100%;
    border: 1px solid var(--y-border-color);
    padding: var(--y-form-control-padding-x) var(--y-form-control-padding-y);
}

    .y-form-control:not(.disabled):not(:disabled):not(.no-border):hover {
        border: 1px solid var(--bb-border-hover-color);
    }

    .y-form-control:not(.disabled):not(:disabled):not(.no-border):focus {
        border: 1px solid var(--bb-border-hover-color);
    }