@jaredpdesigns/pasta/src/backdrop.css

Pasta provides a great starting place for web projects. It combines light styling for common web elements, yummy!

@layer props {
  ::backdrop {
    --bg: color-mix(in oklab,
        var(--color__contrast--extra),
        transparent 38%);
    --blur: 4px;
  }
}

@layer config {
  ::backdrop {
    background-color: var(--bg);
    backdrop-filter: blur(var(--blur));
  }
}