/* Important declarations in this layer override legacy unlayered effects.
   No scroll listener or DOM observer is needed to enforce the render budget. */
@layer creates-render-light {
  *, *::before, *::after {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .creates-nav-area :is(.creates-language-switch, .creates-theme-toggle,
    .creates-react-notify-button, .ren-mobile-menu-button, .creates-home-v2-brand.is-glass) {
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    filter: none !important;
  }
  .is-motion-inactive :is(.lab-hero-card, .lab-hero-stack, .creates-hero-v2-card, .creates-hero-v2-stack) {
    animation-play-state: paused !important;
    will-change: auto !important;
  }
  .lab-hero-stack {
    background: #e4e4e4 !important;
  }
  html[data-creates-theme="dark"] .lab-hero-stack {
    background: #303036 !important;
  }
  :is(.ren-mobile-menu-panel, .creates-react-notify-panel) {
    background: #f5f5f7 !important;
  }
  html[data-creates-theme="dark"] :is(.ren-mobile-menu-panel, .creates-react-notify-panel) {
    background: #1c1c1e !important;
  }
  .creates-hero-v2-logo-slot img {
    will-change: auto !important;
  }
}
/* The coloured-logo theme sets --chv-logo-filter to `none`; composing
   `none blur(...)` is invalid, so blur uses an explicit filter list. */
@keyframes createsHeroLogoOut {
  0% { filter: blur(0); opacity: var(--chv-logo-opacity); transform: none; }
  100% { filter: blur(4px); opacity: 0; transform: translateY(-8px); }
}
@keyframes createsHeroLogoIn {
  0% { filter: blur(4px); opacity: 0; transform: translateY(8px); }
  100% { filter: blur(0); opacity: var(--chv-logo-opacity); transform: none; }
}