@include export-module('cc-input-search-layout') {
  .co-input-search {
    display: block;
    font-family: $cc-co-input-search-font-family;
    font-size: $cc-co-input-search-font-size;
    height: $cc-co-input-search-height;
    .co-input-text:not(.no-style) {
      height: 100%;
      //border-style: $cc-co-input-search-border-style;
      //border-width: $cc-co-input-search-border-width;
      //border-color: $cc-co-input-search-border-color;
      border-radius: $cc-co-input-search-border-radius;
      &:before, &:hover:before {
        border-radius: $cc-co-input-search-border-radius;
      }
      label {
        font-style: $cc-co-input-search-label-font-style;
        font-weight: $cc-co-input-search-label-font-weight;
      }
      input {
        align-self: center;
        padding: $cc-co-input-search-input-padding;
      }
      &.has-left-icon {
        .input-text-left-icon {
          border-radius: $cc-co-input-search-border-radius 0 0 $cc-co-input-search-border-radius;
        }
        &:not(.has-right-icon) {
          .input-wrapper {
            border-radius: 0 $cc-co-input-search-border-radius $cc-co-input-search-border-radius 0;
          }
        }
      }
      &.has-right-icon {
        .input-text-right-icon {
          border-radius: 0 $cc-co-input-search-border-radius $cc-co-input-search-border-radius 0;
        }
        &:not(.has-left-icon) {
          .input-wrapper {
            border-radius: $cc-co-input-search-border-radius 0 0 $cc-co-input-search-border-radius;
          }
        }
      }
    }
    &.center-label {
      .co-input-text {
        label {
          margin-left: 0;
          text-align: center;
        }
      }
    }
  }
}
