/* ========================================================================
   Component: Amount Input
 ========================================================================== */
.uk-amount-input .uk-input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.uk-amount-input .uk-button-maximize {
  font-size: var(--button-small-font-size);
  height: calc(var(--form-height) - var(--form-padding-vertical) * 2.5);
  line-height: calc(var(--form-height) - var(--form-padding-vertical) * 2.5);
  padding: 0 var(--button-small-padding-horizontal);
}

.uk-amount-input .uk-button-maximize.uk-button-small {
  font-size: var(--button-xsmall-font-size);
  height: calc(var(--form-small-height) - var(--form-small-padding-vertical) * 2);
  line-height: calc(var(--form-small-height) - var(--form-small-padding-vertical) * 2);
}

.uk-amount-input .uk-button-maximize.uk-button-medium {
  font-size: var(--button-font-size);
  height: calc(var(--form-medium-height) - var(--form-medium-padding-vertical) * 1.333);
  line-height: calc(var(--form-medium-height) - var(--form-medium-padding-vertical) * 1.333);
}

.uk-amount-input .uk-button-maximize.uk-button-large {
  font-size: var(--button-large-font-size);
  height: calc(var(--form-large-height) - var(--form-large-padding-vertical) * 3);
  line-height: calc(var(--form-large-height) - var(--form-large-padding-vertical) * 3);
  padding: 0 var(--button-padding-horizontal);
}

.uk-amount-input .uk-control-suffix,
.uk-amount-input .uk-control-prefix {
  column-gap: var(--global-xsmall-gutter);
}

body:not([dir]) .uk-amount-input:not(.uk-control-rtl).uk-button-maximize-shown,
[dir=ltr] .uk-amount-input:not(.uk-control-rtl).uk-button-maximize-shown {
  padding-right: var(--form-padding-vertical);
}

body:not([dir]) .uk-amount-input:not(.uk-control-rtl).uk-button-maximize-shown.uk-control-small,
[dir=ltr] .uk-amount-input:not(.uk-control-rtl).uk-button-maximize-shown.uk-control-small {
  padding-right: var(--form-small-padding-vertical);
}

body:not([dir]) .uk-amount-input:not(.uk-control-rtl).uk-button-maximize-shown.uk-control-medium,
[dir=ltr] .uk-amount-input:not(.uk-control-rtl).uk-button-maximize-shown.uk-control-medium {
  padding-right: calc(var(--form-medium-padding-vertical) * 0.5);
}

body:not([dir]) .uk-amount-input:not(.uk-control-rtl).uk-button-maximize-shown.uk-control-large,
[dir=ltr] .uk-amount-input:not(.uk-control-rtl).uk-button-maximize-shown.uk-control-large {
  padding-right: calc(var(--form-large-padding-vertical) * 1.25);
}

[dir=rtl] .uk-amount-input.uk-button-maximize-shown,
.uk-amount-input.uk-control-rtl.uk-button-maximize-shown {
  padding-left: var(--form-padding-vertical);
}

[dir=rtl] .uk-amount-input.uk-button-maximize-shown.uk-control-small,
.uk-amount-input.uk-control-rtl.uk-button-maximize-shown.uk-control-small {
  padding-left: var(--form-small-padding-vertical);
}

[dir=rtl] .uk-amount-input.uk-button-maximize-shown.uk-control-medium,
.uk-amount-input.uk-control-rtl.uk-button-maximize-shown.uk-control-medium {
  padding-left: calc(var(--form-medium-padding-vertical) * 0.5);
}

[dir=rtl] .uk-amount-input.uk-button-maximize-shown.uk-control-large,
.uk-amount-input.uk-control-rtl.uk-button-maximize-shown.uk-control-large {
  padding-left: calc(var(--form-large-padding-vertical) * 1.25);
}