/* Progressive enhancement only. terra-design.css owns every mark's geometry. */
body.terra-design[data-terra-design="mixed"] {
  --terra-motif-enhancement: ready;
}
body.terra-design [data-terra-motif-state] > .terra-motif {
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
  user-select: none;
}
body.terra-design :is([data-terra-motif-state="ready"], [data-terra-motif-state="drawing"])::before {
  visibility: hidden;
}
@media (prefers-reduced-motion: reduce) {
  body.terra-design [data-terra-motif-state]::before { visibility: visible; }
  body.terra-design [data-terra-motif-state] > .terra-motif { display: none; }
}