.glass-frosted{border:1px solid color-mix(in srgb, var(--foreground) 14%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--foreground) 14%, transparent), color-mix(in srgb, var(--foreground) 6%, transparent) 48%, color-mix(in srgb, var(--color-graphite) 88%, transparent));box-shadow:var(--shadow-glass);overflow:visible}.glass-frosted.glass-frosted--live{background:color-mix(in srgb, var(--foreground) 8%, transparent);-webkit-backdrop-filter:blur(var(--glass-frosted-blur));backdrop-filter:blur(var(--glass-frosted-blur))}.glass-clear-surface{border:1px solid color-mix(in srgb, var(--foreground) 30%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--foreground) 10%, transparent), color-mix(in srgb, var(--foreground) 4%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--foreground) 42%, transparent), var(--shadow-glass-clear)}