/* CrateMarket 1.1.28 purchase-response optimization. */
#buy.cm-purchase-busy {
  cursor: progress;
  opacity: .88;
}
#buy.cm-purchase-busy::before,
.cm-pending-button::before {
  content: "";
  display: inline-block;
  width: .82em;
  height: .82em;
  margin-inline-end: .45em;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  vertical-align: -.08em;
  animation: cm-purchase-spin .7s linear infinite;
}
.cm-purchase-targeted-card {
  contain: layout paint;
}
.cm-purchase-confirmed {
  animation: cm-purchase-confirm .22s ease-out both;
}
@keyframes cm-purchase-spin { to { transform: rotate(360deg); } }
@keyframes cm-purchase-confirm {
  from { opacity: .72; transform: translateY(-3px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  #buy.cm-purchase-busy::before,
  .cm-pending-button::before,
  .cm-purchase-confirmed { animation: none; }
}