:root {
  --motion-feedback: 120ms;
  --motion-selection: 180ms;
  --motion-disclosure: 220ms;
  --motion-panel: 280ms;
  --motion-scene: 380ms;
  --motion-enter: cubic-bezier(.22,1,.36,1);
  --motion-position: cubic-bezier(.4,0,.2,1);
}
body :is(button,.button,.nav-link) {
  transition: background-color var(--motion-feedback), color var(--motion-feedback), border-color var(--motion-feedback), box-shadow var(--motion-feedback);
}
body :is(.primary-button,.dc-button--primary):not(:disabled) { transition: background-color var(--motion-feedback), color var(--motion-feedback), border-color var(--motion-feedback), translate var(--motion-feedback); }
body :is(.primary-button,.dc-button--primary):not(:disabled):active { translate:0 1px; }
body :is(.primary-button,.text-link)>:is(b,svg,span[aria-hidden="true"]) { transition:translate var(--motion-feedback) var(--motion-enter); }
@media(hover:hover) { body :is(.primary-button,.text-link):hover>:is(b,svg,span[aria-hidden="true"]) { translate:2px 0; } }
.cr-motion-tabs { position:relative; }
.cr-tab-indicator { position:absolute; inset:0 auto auto 0; height:3px; border-radius:3px; background:var(--accent,var(--dc-accent,#245edb)); pointer-events:none; }
[data-motion-exiting] { pointer-events:none; }
@media(min-width:1181px) {
  .app-shell { transition:grid-template-columns 240ms var(--motion-position); }
  .sidebar { transition:width 240ms var(--motion-position); }
  .sidebar .nav-label { transition:opacity 80ms linear; }
  body[data-sidebar-collapsed="true"] .sidebar .nav-label { display:block; max-width:0; opacity:0; overflow:hidden; white-space:nowrap; }
}
@media(prefers-reduced-motion:reduce) {
  body :is(button,.button,.nav-link,.app-shell,.sidebar,.sidebar .nav-label) { transition:none; }
  body :is(.primary-button,.dc-button--primary):not(:disabled):active,
  body :is(.primary-button,.text-link):hover>:is(b,svg,span[aria-hidden="true"]) { translate:0; }
}