.sw-chat-input {
  border: 1px solid var(--border-color);

  &.highlight {
    background-color: var(--color-tertiary-lighter);
  }

  .input-container {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex: 1 0 auto;
    position: relative;
  }

  .chat-icon {
    display: flex;
    padding: var(--rhythm-1) var(--rhythm-2);
  }
  .clear {
    padding: var(--rhythm-0_5) var(--rhythm-1_5);
  }
  .buttons {
    display: flex;
    margin: 0 var(--rhythm-1);
  }
  .filters-container {
    padding: var(--rhythm-1) 0;
    margin: 0 var(--rhythm-1);
    border-top: 1px solid var(--color-neutral-light);
  }
}
@media (max-width: 598px) {
  .sw-chat-input.fullscreen {
    border-width: 1px 0 0 0;
  }
}
