/* ---- Remove default loader GIFs ---- */
.loading-mask .loader > img,
.loading-mask .loader img,
._block-content-loading .loader > img,
._block-content-loading .loader img {
  display: none !important;
}
.loading-mask {
  background-color: rgba(9, 9, 9, 0.88) !important;
}
.loading-mask .loader,
._block-content-loading .loader {
  background: none !important;
}
/* ---- CSS3 spinner ---- */
.loading-mask .loader:before,
._block-content-loading .loader:before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 4px solid rgba(85, 83, 83, 0.15);
  border-top-color: #ffffff;
  animation: dxo-spin 0.9s linear infinite;
}
/* Center it nicely (Magento loader is usually centered, but this helps) */
.loading-mask .loader,
._block-content-loading .loader {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
}
@keyframes dxo-spin {
  to {
    transform: rotate(360deg);
  }
}
.worldline-returns-waiting #waiting-loader {
  margin-top: 70px;
}
.license-keys-wrapper .loading-mask,
.license-keys-wrapper ._block-content-loading {
  background-color: rgba(140, 137, 137, 0.88) !important;
  padding: 6px;
}
.license-keys-wrapper .loading-mask .loader,
.license-keys-wrapper ._block-content-loading .loader {
  gap: 10px;
}
.license-keys-wrapper .loading-mask .loader:before,
.license-keys-wrapper ._block-content-loading .loader:before {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 4px solid #121010;
  border-top-color: #dbd4d4;
  margin-top: 10px;
}