/* Ordinary borders/fills are the default, including reduced motion and JS failure. */
/* Bound the previous SVG frame while responsive layout waits for its next measurement. */
.gravity-surface { display: none; position: absolute; z-index: -1; overflow: visible; pointer-events: none; max-width: calc(100% + 2px); max-height: calc(100% + 2px); }
.gravity-surface * { pointer-events: none; }
html[data-motion="running"] [data-gravity-ready] { position: relative; isolation: isolate; border-color: transparent; background: transparent; box-shadow: none; }
html[data-motion="running"] [data-gravity-ready] > .gravity-surface { display: block; }
html[data-motion="running"] [data-gravity-ready] [data-gravity-divider] { border-top-color: transparent; border-left-color: transparent; }
html[data-motion="running"] .paste-examples[data-gravity-ready] { overflow: visible; }
html[data-motion="running"] .paste-examples[data-gravity-ready] > .paste-example { background: transparent; }