@layer base {
  body.use-new-ui .route-page .card,
  body.use-new-ui .route-page .panel,
  body.use-new-ui .route-page .btn {
    transition:
      background-color var(--dur-instant, 120ms) var(--ease-out, ease-out),
      border-color var(--dur-instant, 120ms) var(--ease-out, ease-out),
      box-shadow var(--dur-fast, 180ms) var(--ease-out, ease-out),
      transform var(--dur-instant, 120ms) var(--ease-out, ease-out),
      opacity var(--dur-instant, 120ms) var(--ease-out, ease-out);
  }

  @keyframes shimmer {
    0% {
      background-position: 200% 0;
    }
    100% {
      background-position: -200% 0;
    }
  }

  @keyframes flashOk {
    0% {
      background: rgba(34, 197, 94, 0.26);
    }
    100% {
      background: transparent;
    }
  }

  @keyframes flashErr {
    0% {
      background: rgba(239, 68, 68, 0.24);
    }
    100% {
      background: transparent;
    }
  }
}