@keyframes rotate {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}

.checkout {
  /*display: grid;
  row-gap: 2rem;
  column-gap: 4rem;*/
}

.checkout .error {
  grid-column-start: span 12;
  color: var(--colorRed);
}

.checkout.is-loading {
  color: var(--color-gray-700);
}
.checkout button[type="submit"] {
  display: flex;
  align-items: center;
  transition: 0.2s ease-in;
}
.checkout button[type="submit"]::after {
  content: '';
  display: none;
  width: 1rem;
  height: 1rem;
  animation: 5s rotate linear infinite;
  background: url(../../ic/progress.svg) no-repeat;
  background-size: 100%;
  margin-left: 10px;
  transition: 0.2s ease-in;
}
.checkout.is-loading button[type="submit"]::after {
  display: block;
  transition: 0.2s ease-in;
}

.checkout button:disabled,
.checkout button[disabled]{
  background: #eee;
}

@media (min-width: 1024px) {
  .checkout {
    grid-template-columns: 1fr auto;
    grid-auto-flow: dense;
    align-items: start;
  }

  .checkout .cart {
    position: sticky;
    top: var(--spacing-m);
    grid-row-end: span 2;
  }
}

#checkout-form {
  display: block;
}

.checkout .cart .cart-wrapper {
}
.checkout .cart .cart-wrapper .items .item {
}
.checkout .cart .cart-wrapper .items .item .label {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.15;
  color: var(--colorBlack);
  margin-bottom: 1rem;
}
.checkout .cart .cart-wrapper .items .item .value {
  font-weight: 600;
  font-size: 30px;
  font-family: var(--font-family-header);
}
.checkout .cart .cart-wrapper .total {
  display: flex;
}
.checkout .cart .cart-wrapper .total .label {
}
.checkout .cart .cart-wrapper .total .value {
}
.checkout .cart .cart-wrapper .merc-services-paypal {
}
.checkout .cart .cart-wrapper .merc-services-credit-card-sca {
}
.checkout .cart .cart-wrapper .merc-services-credit-card {
}
.checkout .cart .cart-wrapper .merc-services-prepayment {
}
.checkout .cart .cart-wrapper .merc-services-sepa-debit {
}
.checkout .cart .cart-wrapper .merc-services-sofort {
}
.checkout .cart .cart-wrapper .merc-services-wallet {
}
.checkout .cart .cart-wrapper .merc-services-stripe {
}
.checkout .cart .cart-wrapper .merc-services-shipping {
}
.checkout .cart .cart-wrapper .label {
}
.checkout .cart .cart-wrapper .items .item img {
  max-width: 75%;
  margin: 0 0 2rem 0;
}
.checkout .cart .cart-wrapper .items .item.merc-services-paypal,
.checkout .cart .cart-wrapper .items .item.merc-services-credit-card-sca,
.checkout .cart .cart-wrapper .items .item.merc-services-credit-card,
.checkout .cart .cart-wrapper .items .item.merc-services-prepayment,
.checkout .cart .cart-wrapper .items .item.merc-services-sepa-debit,
.checkout .cart .cart-wrapper .items .item.merc-services-sofort,
.checkout .cart .cart-wrapper .items .item.merc-services-wallet,
.checkout .cart .cart-wrapper .items .item.merc-services-stripe,
.checkout .cart .cart-wrapper .items .item.merc-services-shipping,
.checkout .cart .cart-wrapper .total {
  display: flex;
}
.checkout .cart .cart-wrapper .items .item.merc-services-paypal .label,
.checkout .cart .cart-wrapper .items .item.merc-services-credit-card-sca .label,
.checkout .cart .cart-wrapper .items .item.merc-services-credit-card .label,
.checkout .cart .cart-wrapper .items .item.merc-services-prepayment .label,
.checkout .cart .cart-wrapper .items .item.merc-services-sepa-debit .label,
.checkout .cart .cart-wrapper .items .item.merc-services-sofort .label,
.checkout .cart .cart-wrapper .items .item.merc-services-wallet .label,
.checkout .cart .cart-wrapper .items .item.merc-services-stripe .label,
.checkout .cart .cart-wrapper .items .item.merc-services-shipping .label,
.checkout .cart .cart-wrapper .total .label,
.checkout .cart .cart-wrapper .items .item.merc-services-paypal .value,
.checkout .cart .cart-wrapper .items .item.merc-services-credit-card-sca .value,
.checkout .cart .cart-wrapper .items .item.merc-services-credit-card .value,
.checkout .cart .cart-wrapper .items .item.merc-services-prepayment .value,
.checkout .cart .cart-wrapper .items .item.merc-services-sepa-debit .value,
.checkout .cart .cart-wrapper .items .item.merc-services-sofort .value,
.checkout .cart .cart-wrapper .items .item.merc-services-wallet .value,
.checkout .cart .cart-wrapper .items .item.merc-services-stripe .value,
.checkout .cart .cart-wrapper .items .item.merc-services-shipping .value,
.checkout .cart .cart-wrapper .total .value {
  margin-right: 10px;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  color: var(--colorBlack);
  margin-top: 0.8rem;
  margin-bottom: 0;
}
.checkout .cart .cart-wrapper .items .item.merc-services-paypal .label,
.checkout .cart .cart-wrapper .items .item.merc-services-credit-card-sca .label,
.checkout .cart .cart-wrapper .items .item.merc-services-credit-card .label,
.checkout .cart .cart-wrapper .items .item.merc-services-prepayment .label,
.checkout .cart .cart-wrapper .items .item.merc-services-sepa-debit .label,
.checkout .cart .cart-wrapper .items .item.merc-services-sofort .label,
.checkout .cart .cart-wrapper .items .item.merc-services-wallet .label,
.checkout .cart .cart-wrapper .items .item.merc-services-stripe .label,
.checkout .cart .cart-wrapper .items .item.merc-services-shipping .label,
.checkout .cart .cart-wrapper .total .label {
  margin-right: 10px;
}
.checkout .cart .cart-wrapper .items .item.merc-services-paypal .value,
.checkout .cart .cart-wrapper .items .item.merc-services-credit-card-sca .value,
.checkout .cart .cart-wrapper .items .item.merc-services-credit-card .value,
.checkout .cart .cart-wrapper .items .item.merc-services-prepayment .value,
.checkout .cart .cart-wrapper .items .item.merc-services-sepa-debit .value,
.checkout .cart .cart-wrapper .items .item.merc-services-sofort .value,
.checkout .cart .cart-wrapper .items .item.merc-services-wallet .value,
.checkout .cart .cart-wrapper .items .item.merc-services-stripe .value,
.checkout .cart .cart-wrapper .items .item.merc-services-shipping .value,
.checkout .cart .cart-wrapper .total .value {
}