// /**
//  * Copyright Â© Magento, Inc. All rights reserved.
//  * See COPYING.txt for license details.
//  */

//
//  Variables
//  _____________________________________________

@color-border-failed: @color-failed;
@color-border-sucess: @color-success;
@validation-message__failed__border-color: @color-strawberry-milkshake;
@validation-message__failed__background-color: @color-lazy-sun;
@font-size-gap: @base__font-size - @small__font-size;

//
//  Elements
//  _____________________________________________

[class*='form-el-'] {
    &.invalid {
        border-color: @color-border-failed;
        + .error-container {
            display: block;
        }
    }
}

.error-container {
    background-color: @validation-message__failed__background-color;
    border: 1px solid @validation-message__failed__border-color;
    color: @color-brownie;
    display: none;
    font-size: @small__font-size;
    margin-top: .2rem;
    padding: .8rem @indent__s .9rem;
}

//  Check results

.check-result-message {
    margin-left: .5em;
    min-height: @btn__height__base;
    .lib-vendor-box-align(center);
    .lib-vendor-prefix-display(flex);
}

.check-result-text {
    margin-left: .5em;
}
