/* The viewport/keyboard-driven shell is never transformed by these effects. */
#f8la.f8la-has-motion .f8la-panel { animation: none; }
#f8la.f8la-has-motion .f8la-modes { position: relative; isolation: isolate; }
#f8la.f8la-has-motion .f8la-modes button { position: relative; z-index: 1; }
#f8la.f8la-has-motion .f8la-modes button.is-active { background: transparent; box-shadow: none; }
#f8la .f8la-mode-indicator {
  position: absolute; inset: 3px auto 3px 3px; width: calc((100% - 6px) / 2);
  border-radius: 999px; background: var(--f8la-control-bg);
  box-shadow: inset 0 0 0 1px rgba(185, 219, 232, .13);
  pointer-events: none; transition: transform var(--f8-motion-mode-duration, 190ms) cubic-bezier(.2,.8,.2,1);
}
.f8la-motion-group { border: 1px solid #dcdcde; border-radius: 10px; padding: 14px; background: #fbfcfd; }
.f8la-motion-group > summary { cursor: pointer; font-weight: 600; padding: 4px; }
.f8la-motion-group > summary:focus-visible { outline: 2px solid #2271b1; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  #f8la .f8la-mode-indicator { transition: none; }
}