/* Navigation opt-in is critical inline CSS at the beginning of head, generated
   by motion-assets.mjs. Keep visual transition styles in this shared stylesheet. */
html[data-clinic-motion]::view-transition-group(root) {
  animation-duration:240ms;
  animation-timing-function:cubic-bezier(.16,1,.3,1);
}
html[data-clinic-motion]::view-transition-old(root) {
  animation:legko-motion-page-out 180ms ease-out both;
}
html[data-clinic-motion]::view-transition-new(root) {
  animation:legko-motion-page-in 240ms cubic-bezier(.16,1,.3,1) both;
}
html[data-clinic-motion]::view-transition-group(legko-motion-media) {
  animation-duration:400ms;
  animation-timing-function:cubic-bezier(.16,1,.3,1);
  overflow:hidden;
}
html[data-clinic-motion]::view-transition-image-pair(legko-motion-media) {
  isolation:isolate;
}
html[data-clinic-motion]::view-transition-old(legko-motion-media),
html[data-clinic-motion]::view-transition-new(legko-motion-media) {
  width:100%;
  height:100%;
  object-fit:cover;
  animation-duration:400ms;
  animation-timing-function:cubic-bezier(.16,1,.3,1);
  mix-blend-mode:normal;
}
html[data-clinic-motion]::view-transition-group(legko-motion-header),
html[data-clinic-motion]::view-transition-new(legko-motion-header) {
  animation:none;
}
html[data-clinic-motion]::view-transition-old(legko-motion-header) { display:none; }
html[data-clinic-motion]::view-transition { pointer-events:none; }
@keyframes legko-motion-page-out { to { opacity:0; } }
@keyframes legko-motion-page-in { from { opacity:0; } }
@media(prefers-reduced-motion:reduce) {
  html[data-clinic-motion]::view-transition-group(*),
  html[data-clinic-motion]::view-transition-old(*),
  html[data-clinic-motion]::view-transition-new(*) { animation:none !important; }
}