#cart-toast-host {
  position: fixed;
  z-index: 10050;
  right: 24rem;
  bottom: 24rem;
  display: flex;
  flex-direction: column;
  gap: 10rem;
  pointer-events: none;
  max-width: min(420rem, calc(100vw - 32rem));
}

.cart-toast {
  background: #222;
  color: #fff;
  padding: 14rem 18rem;
  font-size: 16rem;
  line-height: 1.35;
  box-shadow: 0 10rem 30rem hsla(0, 0%, 0%, 0.18);
  opacity: 0;
  transform: translateY(12rem);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.cart-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.cart-toast.is-error {
  background: #8a2f2f;
}

form.js-ajax-cart.is-adding,
form.js-cart-update.is-adding,
form.js-cart-remove.is-adding,
form.js-cart-clear.is-adding {
  opacity: 0.72;
  pointer-events: none;
}

.js-cart-row.is-updating {
  opacity: 0.72;
}