@include export-module('cc-validation-error-theme') {
  .co-validation-error {
    .validation-error-wrapper {
      background-color: $cc-validation-error-background-color;
      color: $cc-validation-error-color;
      border-color: $cc-validation-error-border-color;

      &::after {
        border-bottom-color: $cc-validation-error-border-color;
        border-top-color: transparent;
      }

      &::before {
        border-bottom-color: $cc-validation-error-background-color;
        border-top-color: transparent;
      }
      &.top {
        &::after {
          border-top-color: $cc-validation-error-border-color;
          border-bottom-color: transparent;
        }

        &::before {
          border-top-color: $cc-validation-error-background-color;
          border-bottom-color: transparent;
        }
      }
    }
    @if $cc-validation-error-border == "none" {
      &::after {
        display: none;
      }
    }
  }
}
