@include export-module('cc-input-text-theme') {
  .co-input-text {
    &:not(.has-left-icon):not(.has-right-icon) {
      background: $cc-co-input-text-background-color;
    }
    &.has-left-icon {
      .input-text-left-icon {
        background: $cc-co-input-text-background-color;
      }
    }
    &.has-right-icon {
      .input-right-left-icon {
        background: $cc-co-input-text-background-color;
      }
    }
    input {
      background: transparent;
    }
    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: $cc-color-input-placeholder-color;
      font-style: $cc-co-input-placeholder-font-style;
      opacity: 1; /* Firefox */
    }

    :-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: $cc-color-input-placeholder-color;
      font-style: $cc-co-input-placeholder-font-style;
    }

    ::-ms-input-placeholder { /* Microsoft Edge */
      color: $cc-color-input-placeholder-color;
      font-style: $cc-co-input-placeholder-font-style;
    }
  }
}
