/* Reuse the model status throughout geometry and subtype texture loading. */
#cubimo-design .cm-specimen-head > .cm-model-loading {
  position:static;
  inset:auto;
  z-index:auto;
  width:auto;
  height:auto;
  min-height:22px;
  min-width:0;
  max-width:calc(100% - 76px);
  margin-left:auto;
  overflow:visible;
  clip-path:none;
  color:#b8ffe0;
  font:12px/1.5 Consolas,monospace;
  white-space:nowrap;
  pointer-events:none;
}

#cubimo-design .cm-specimen-head > .cm-model-loading:not([hidden]) {
  display:inline-flex;
  align-items:center;
  gap:8px;
}

#cubimo-design .cm-specimen-head > .cm-model-loading[hidden] {
  display:none;
}

#cubimo-design .cm-specimen-head:has(> .cm-model-loading:not([hidden])) > .cm-mode {
  display:none;
}

#cubimo-design .cm-specimen-head > .cm-model-loading::before {
  content:"";
  box-sizing:border-box;
  flex:0 0 12px;
  width:12px;
  height:12px;
  border:2px solid #b8ffe03d;
  border-top-color:currentColor;
  border-radius:50%;
  animation:cm-subtype-loading .8s linear infinite;
}

@keyframes cm-subtype-loading {
  to {transform:rotate(360deg)}
}

@media (prefers-reduced-motion:reduce) {
  #cubimo-design .cm-specimen-head > .cm-model-loading::before {animation:none}
}