/* GENERATED FILE. DO NOT EDIT BY HAND.
 * Effect styles. Glass = bg/surface + background blur bound to blur/glass.
 * Source: https://www.figma.com/design/82EZNiIkvKXw9aodyU0oU1/Nollie---Design-Systen
 * Regenerate: node scripts/sync-tokens.mjs (see design-system/README.md)
 */

.glass {
  background-color: var(--color-bg-surface);
  -webkit-backdrop-filter: blur(var(--blur-glass));
  backdrop-filter: blur(var(--blur-glass));
}

/* No backdrop-filter support: fall back to the solid surface so text stays legible. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .glass {
    background-color: var(--color-bg-surface-solid);
  }
}