:root {
  --animate-duration: 1s;
}

sl-sticky-footer-modal-amounts {
  border-top: 1px solid var(--sdx-color-aluminum);
  width: 100%;
  display: flex;
  gap: var(--sdx-baseline-2);
  flex-direction: column;
}
sl-sticky-footer-modal-amounts .flex-inline {
  display: inline-flex;
  align-items: center;
}
sl-sticky-footer-modal-amounts .flex-start {
  display: flex;
  align-items: flex-start;
}
sl-sticky-footer-modal-amounts .cursor-pointer {
  cursor: pointer;
}
sl-sticky-footer-modal-amounts .amount-section {
  min-width: 144px;
}
@media only screen and (max-width: 1024px) {
  sl-sticky-footer-modal-amounts .amount-section {
    min-width: 85px;
  }
}
@media only screen and (max-width: 480px) {
  sl-sticky-footer-modal-amounts .amount-section {
    min-width: 72px;
  }
}
sl-sticky-footer-modal-amounts .amount-section {
  flex: 1;
}
sl-sticky-footer-modal-amounts .amount-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}