.left-content {
  width: $pos-left-pane-width;
  min-width: $pos-left-pane-width;

  @include media-breakpoint-down(xl) {
      width: $pos-left-pane-width-tablet;
      min-width: $pos-left-pane-width-tablet;
  }
}

.payment-summary {
  padding-inline: 150px;
}

.paymentmethods {
  grid-template-columns: repeat(2, 1fr);
}

.paymentmethod:nth-child(odd):last-child {
  grid-column: span 2;
}

.payment-method-icon {
    max-width: 50px;
    max-height: 50px;
    vertical-align: middle;
    
    @include media-breakpoint-down(sm) {
      max-width: 32px;
      max-height: 32px;
    }
}

.paymentlines-container .total {
  font-size: clamp(24px, 3vw, 64px);
}

@include media-breakpoint-down(md) {
    .paymentlines-empty .message {
        padding-bottom: map-get($spacers, 3);
    }
}

.paymentline.selected {
  background: $o-component-active-bg;
  border: $border-width solid $o-component-active-border;
  color: $o-component-active-color;
}

@keyframes fadeInOut {
  0% { opacity: 0; transform: translateY(30px); }
  50% { opacity: 0.5; transform: translateY(0px); }
  100% { opacity: 1; }
}

.fade-effect {
  animation: fadeInOut 1000ms ease-in-out;
}