.glass {
  --glass-blur: 4px;
  --glass-saturation: 160%;

  background-color: var(--color-surface-translucent);
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation));
}

@media (prefers-reduced-transparency: reduce) {
  .glass {
    background-color: var(--color-surface);
    backdrop-filter: none;
  }
}

@media (forced-colors: active) {
  .glass {
    background-color: Canvas;
    backdrop-filter: none;
  }
}