@import './ca-input.colors.scss';
@import 'theme/variables.scss';
//-------------------- Input Error --------------------
.input-error {
  position: absolute;
  top: 100%;
  right: 5px;
  color: $invalid-message;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  display: inline-block;

  &::-moz-selection {
    background-color: $invalid-message-background-selection;
    color: $invalid-message;
  }

  &::selection {
    background-color: $invalid-message-background-selection;
    color: $invalid-message;
  }
}

.error-inside-input {
  position: absolute;
  right: 32px;
  font-weight: 600;
  font-size: 11px;
  line-height: 14px;
  color: $red-9;
  top: 24%;
  pointer-events: none;
}