/* Reuse the existing clipart/product ring's colors, border and .8s rotation.
 * Main progress is 32px + 3px; thumbnails retain their original 22px + 3px. */
.cwli-progress-spinner,
#LumiseDesign .lumise-spinner,
#LumiseDesign .lumise-loading,
#LumiseDesign .cwli-font-spinner,
#lumise-templates-list .cwli-tb-image-loading::before,
#lumise-cliparts .cwli-cb-placeholder::before,
#lumise-cliparts .cwli-cb-preview[data-state="loading"]::before,
#lumise-shapes .cwli-shape-index button[data-thumbnail-loading="true"] .cwli-shape-thumbnail:empty::after,
#lumise-shapes .cwli-shape-cell-loading::after,
#lumise-shapes .cwli-cell-pending.is-near::after,
#lumise-shapes .cwli-shape-index button[data-state="loading"] .cwli-shape-thumbnail:empty::after,
div#LumiseDesign #lumise-navigations #lumise-saved-designs[data-loading="true"]::before,
div#LumiseDesign #lumise-navigations .lumise-tabs-nav[data-process] li[data-view="link"]::before,
div#LumiseDesign #lumise-navigations #lumise-shares-wrp li[data-process="true"]::after,
div#LumiseDesign #lumise-left #lumise-bug[data-view="sending"]::before,
.calliwish-product-overlay .calliwish-product-spinner,
div#LumiseDesign:is([data-processing="true"],[data-cw-progress="true"])::before {
  display:block !important;
  box-sizing:content-box !important;
  width:var(--cw-progress-ring-size,32px) !important;
  height:var(--cw-progress-ring-size,32px) !important;
  padding:0 !important;
  border:var(--cw-progress-ring-border,3px) solid #eee9fc !important;
  border-top-color:#a28ad8 !important;
  border-radius:50% !important;
  background:none !important;
  box-shadow:none !important;
  animation:cwli-progress-spin .8s linear infinite !important;
  pointer-events:none;
}
@keyframes cwli-progress-spin { to { transform:rotate(360deg); } }
div#LumiseDesign:is([data-processing="true"],[data-cw-progress="true"])::before {
  content:"" !important;
  position:fixed;
  top:var(--cw-progress-y,50%);
  left:var(--cw-progress-x,50%);
  margin:-19px !important;
  z-index:10000000000;
  transform:none;
}
div#LumiseDesign:is([data-processing="true"],[data-cw-progress="true"])::after {
  content:"";
  position:fixed;
  top:var(--cw-progress-top,0);
  left:var(--cw-progress-left,0);
  width:var(--cw-progress-width,100vw);
  height:var(--cw-progress-height,100vh);
  background:rgba(255,255,255,.18);
  border:0;
  box-shadow:none;
  z-index:1000000000;
  pointer-events:auto;
}
#LumiseDesign .lumise-spinner { bottom:0; margin-left:auto !important; margin-right:auto !important; }
.cwli-progress-region { display:grid; place-items:center; min-height:72px; }
.cwli-progress-region:empty { display:none; }
button.cwli-progress-region { min-height:48px; }
#lumise-templates-list .cwli-tb-image-loading::before,
#lumise-cliparts .cwli-cb-placeholder::before,
#lumise-cliparts .cwli-cb-preview[data-state="loading"]::before,
div#LumiseDesign #lumise-navigations #lumise-saved-designs[data-loading="true"]::before,
div#LumiseDesign #lumise-navigations .lumise-tabs-nav[data-process] li[data-view="link"]::before,
div#LumiseDesign #lumise-navigations #lumise-shares-wrp li[data-process="true"]::after,
div#LumiseDesign #lumise-left #lumise-bug[data-view="sending"]::before {
  top:50%; left:50%; margin:-19px; transform:none;
}
#lumise-templates-list .cwli-tb-image-loading::before,
#lumise-cliparts .cwli-cb-placeholder::before,
#lumise-cliparts .cwli-cb-preview[data-state="loading"]::before { --cw-progress-ring-size:22px; margin:-14px; }
#lumise-shapes .cwli-shape-index button[data-thumbnail-loading="true"] .cwli-shape-thumbnail:empty::after,
#lumise-shapes .cwli-shape-cell-loading::after,
#lumise-shapes .cwli-cell-pending.is-near::after,
#lumise-shapes .cwli-shape-index button[data-state="loading"] .cwli-shape-thumbnail:empty::after { --cw-progress-ring-size:13px; --cw-progress-ring-border:2px; }
div#LumiseDesign #lumise-navigations #lumise-saved-designs[data-loading="true"]::after,
div#LumiseDesign #lumise-navigations .lumise-tabs-nav[data-process] li[data-view="link"]::after,
div#LumiseDesign #lumise-navigations #lumise-shares-wrp li[data-process="true"]::before { background:rgba(255,255,255,.18); }
.cwli-progress-sr {
  position:absolute !important; width:1px !important; height:1px !important;
  padding:0 !important; margin:-1px !important; overflow:hidden !important;
  clip:rect(0,0,0,0) !important; clip-path:inset(50%) !important;
  white-space:nowrap !important; border:0 !important;
}
/* One visible ring when a panel request overlaps a blocking editor operation. */
#LumiseDesign:is([data-processing="true"],[data-cw-progress="true"]) :is(.lumise-spinner,.lumise-loading,.cwli-progress-spinner,.cwli-font-spinner) { opacity:0; }
div#LumiseDesign:is([data-processing="true"],[data-cw-progress="true"]) :is(.cwli-tb-image-loading,.cwli-cb-placeholder,.cwli-cb-preview[data-state="loading"],#lumise-saved-designs[data-loading="true"],.lumise-tabs-nav[data-process] li[data-view="link"],#lumise-bug[data-view="sending"])::before,
div#LumiseDesign:is([data-processing="true"],[data-cw-progress="true"]) #lumise-shares-wrp li[data-process="true"]::after,
div#LumiseDesign:is([data-processing="true"],[data-cw-progress="true"]) #lumise-shapes :is(.cwli-shape-thumbnail:empty,.cwli-shape-cell-loading,.cwli-cell-pending.is-near)::after,
body:has(#LumiseDesign:is([data-processing="true"],[data-cw-progress="true"])) .calliwish-product-spinner { opacity:0; }
.calliwish-product-overlay .calliwish-product-status[data-error="false"] { min-height:72px; justify-content:center; }
.calliwish-product-overlay .calliwish-product-spinner[hidden] { display:none !important; }
@media(prefers-reduced-motion:reduce) {
  .cwli-progress-spinner,#LumiseDesign .lumise-spinner,#LumiseDesign .cwli-font-spinner,
  #LumiseDesign .lumise-loading,
  #lumise-templates-list .cwli-tb-image-loading::before,
  #lumise-cliparts .cwli-cb-placeholder::before,
  #lumise-cliparts .cwli-cb-preview[data-state="loading"]::before,
  #lumise-shapes .cwli-shape-index button[data-thumbnail-loading="true"] .cwli-shape-thumbnail:empty::after,
  #lumise-shapes .cwli-shape-cell-loading::after,
  #lumise-shapes .cwli-cell-pending.is-near::after,
  #lumise-shapes .cwli-shape-index button[data-state="loading"] .cwli-shape-thumbnail:empty::after,
  div#LumiseDesign #lumise-navigations #lumise-saved-designs[data-loading="true"]::before,
  div#LumiseDesign #lumise-navigations .lumise-tabs-nav[data-process] li[data-view="link"]::before,
  div#LumiseDesign #lumise-navigations #lumise-shares-wrp li[data-process="true"]::after,
  div#LumiseDesign #lumise-left #lumise-bug[data-view="sending"]::before,
  .calliwish-product-overlay .calliwish-product-spinner,
  div#LumiseDesign:is([data-processing="true"],[data-cw-progress="true"])::before { animation:none !important; }
}