
:root {
  --ason-motion-duration-instant: 0ms;
  --ason-motion-duration-quick: 70ms;
  --ason-motion-duration-fast: 110ms;
  --ason-motion-duration-base: 150ms;
  --ason-motion-duration-relaxed: 240ms;
  --ason-motion-duration-slow: 400ms;
  --ason-motion-ease-standard: cubic-bezier(0.2, 0, 0.38, 0.9);
  --ason-motion-ease-entrance: cubic-bezier(0, 0, 0.38, 0.9);
  --ason-motion-ease-exit: cubic-bezier(0.2, 0, 1, 0.9);
  --ason-motion-ease-emphasized: cubic-bezier(0.4, 0.14, 0.3, 1);
  --ason-motion-spring-smooth: linear(0, 0.0172, 0.0604, 0.1199, 0.1885, 0.2611, 0.334, 0.4048, 0.472, 0.5346, 0.5921, 0.6443, 0.6913, 0.7333, 0.7706, 0.8035, 0.8323, 0.8576, 0.8797, 0.8988, 0.9154, 0.9297, 0.942, 0.9527, 0.9618, 0.9696, 0.9762, 0.9819, 0.9868, 0.9909, 0.9945, 0.9975, 1);
  --ason-motion-spring-smooth-duration: 400ms;
  --ason-motion-spring-snappy: linear(0, 0.0172, 0.0604, 0.1199, 0.1885, 0.2611, 0.334, 0.4048, 0.472, 0.5346, 0.5921, 0.6443, 0.6913, 0.7333, 0.7706, 0.8035, 0.8323, 0.8576, 0.8797, 0.8988, 0.9154, 0.9297, 0.942, 0.9527, 0.9618, 0.9696, 0.9762, 0.9819, 0.9868, 0.9909, 0.9945, 0.9975, 1);
  --ason-motion-spring-snappy-duration: 250ms;
  --ason-motion-distance-xs: 4px;
  --ason-motion-distance-sm: 8px;
  --ason-motion-distance-md: 16px;
  --ason-motion-distance-lg: 24px;
  --ason-motion-travel-sheet: 100%;
  --ason-motion-scale-pop: 0.96;
  --ason-motion-scale-press: 0.95;
  --ason-motion-stagger: 25ms;
  --ason-motion-illustration-loop: 3200ms;
  --ason-motion-reduced-fade: 110ms;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --ason-motion-distance-xs: 0px;
    --ason-motion-distance-sm: 0px;
    --ason-motion-distance-md: 0px;
    --ason-motion-distance-lg: 0px;
    --ason-motion-travel-sheet: 0%;
    --ason-motion-scale-pop: 1;
    --ason-motion-scale-press: 1;
    --ason-motion-duration-quick: 0.001ms;
    --ason-motion-duration-fast: 0.001ms;
    --ason-motion-duration-base: 0.001ms;
    --ason-motion-duration-relaxed: 0.001ms;
    --ason-motion-duration-slow: 0.001ms;
    --ason-motion-spring-smooth-duration: 0.001ms;
    --ason-motion-spring-snappy-duration: 0.001ms;
    --ason-motion-illustration-loop: 0.001ms;
  }
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}
@keyframes ason-motion-fade-in { from { opacity: 0; } }
@keyframes ason-motion-pop-in { from { opacity: 0; transform: scale(var(--ason-motion-scale-pop)); } }
@keyframes ason-motion-rise-in { from { opacity: 0; transform: translateY(var(--ason-motion-distance-md)); } }
@keyframes ason-motion-drop-in { from { opacity: 0; transform: translateY(calc(-1 * var(--ason-motion-distance-sm))); } }
@keyframes ason-motion-sheet-up-in { from { transform: translateY(var(--ason-motion-travel-sheet)); } }
@keyframes ason-motion-sheet-left-in { from { transform: translateX(calc(-1 * var(--ason-motion-travel-sheet))); } }
@keyframes ason-motion-sheet-right-in { from { transform: translateX(var(--ason-motion-travel-sheet)); } }
:root[data-motion-ready] tbody > tr {
  transition:
    opacity var(--ason-motion-duration-base) var(--ason-motion-ease-entrance),
    background-color var(--ason-motion-duration-base) var(--ason-motion-ease-standard);
}
@starting-style {
  :root[data-motion-ready] tbody > tr { opacity: 0; }
}
:root[data-motion-ready] [data-motion-enter] {
  transition:
    opacity var(--ason-motion-duration-base) var(--ason-motion-ease-entrance),
    transform var(--ason-motion-duration-base) var(--ason-motion-ease-entrance);
}
@starting-style {
  :root[data-motion-ready] [data-motion-enter] { opacity: 0; transform: translateY(calc(-1 * var(--ason-motion-distance-xs))); }
}
[data-motion-exit],
[data-motion-exit] *,
[data-motion-exit]::before,
[data-motion-exit]::after,
[data-motion-exit] *::before,
[data-motion-exit] *::after { animation: none !important; }
[data-motion-exit]:not(.ason-pf-backdrop, .ason-am-menu) {
  opacity: 0 !important;
  transition: opacity var(--ason-motion-duration-fast) var(--ason-motion-ease-exit) !important;
}
@starting-style {
  [data-motion-exit]:not(.ason-pf-backdrop, .ason-am-menu) { opacity: 1 !important; }
}
[data-motion-moving],
[data-motion-moving] *,
[data-motion-moving]::before,
[data-motion-exit],
[data-motion-exit] * { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
