.chat-composer {
  &__wrapper {
    padding-top: 0.75rem;
    background: none;
    .chat-replying-indicator {
      padding-left: calc(1rem + (2 * 5px) + 0.2rem + (2 * 0.65rem) + 1px);
    }
  }
  &__outer-container {
    padding: 0;
    align-items: flex-end;

    .chat-composer.is-disabled {
      opacity: 0.5;
    }
  }
  &__inner-container {
    align-self: stretch;
    min-height: unset;
    .chat-composer.is-focused & {
      border-color: var(--primary-low);
      box-shadow: 0 0 2px 0 rgba(var(--tertiary-rgb), 0.95);
    }
  }
  &__input-container {
    padding: 0.15em 0.5em;
    background: var(--primary-very-low);
  }
  &__input {
    .ios-device & {
      background-color: transparent;
    }
  }
  &-button__wrapper {
    margin-bottom: 0.3em;
  }
  &-button.-send {
    height: auto;
    width: auto;
    margin-inline: 0.7rem;
    padding: 0.5rem;
    border-radius: 100%;
    line-height: 0;

    .is-send-enabled.is-focused &,
    .is-send-enabled & {
      background-color: var(--tertiary-high);
      color: var(--secondary);
      .d-icon {
        color: inherit;
      }
    }
  }
}