.wds-amount-input {
  &-container {
    width: 100%;
  }

  &-input-container {
    display: flex;
    justify-content: right;
    width: 100%;
    transition:
      font-size 0.4s cubic-bezier(0.3, 0, 0.1, 1),
      height 0.4s cubic-bezier(0.3, 0, 0.1, 1),
      margin-top 0.4s cubic-bezier(0.3, 0, 0.1, 1),
      color 0.4s ease;
    color: var(--color-interactive-primary);
    overflow: hidden;
    margin-bottom: 0 !important;
  }

  @media (prefers-reduced-motion: reduce) {
    &-input-container {
      transition: none;
    }
  }

  &-input {
    border: none;
    outline: none;
    flex-grow: 1;
    text-align: right;
    background-color: transparent;

    &:focus-visible {
      outline: none;
    }
  }

  &-placeholder {
    flex-grow: 0;
    display: flex;
    align-items: center;
  }
}
