.glass-surface{border:var(--glass-surface-border);border-radius:var(--glass-surface-radius);background:var(--glass-surface-bg);box-shadow:var(--glass-surface-shadow);color:var(--glass-surface-fg);-webkit-backdrop-filter:blur(var(--glass-surface-blur)) saturate(var(--glass-surface-saturation));transition:box-shadow var(--duration-fast) var(--ease-out);position:relative}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-surface{-webkit-backdrop-filter:blur(var(--glass-surface-blur)) saturate(var(--glass-surface-saturation));backdrop-filter:blur(var(--glass-surface-blur)) saturate(var(--glass-surface-saturation))}}.glass-surface--main,.glass-surface--overlay{--glass-surface-reflex:inset 0 0 0 .5px var(--glass-surface-border);--glass-surface-saturation:var(--surface-glass-saturation);border:0}.glass-surface--main{--glass-surface-saturation:var(--glass-main-saturation);--glass-surface-bg:var(--glass-main-bg);--glass-surface-fg:var(--glass-main-fg);--glass-surface-border:var(--glass-main-border);--glass-surface-shadow:var(--glass-main-shadow), var(--glass-surface-reflex);--glass-surface-blur:var(--glass-main-blur);--glass-surface-fallback-bg:var(--glass-main-fallback-bg)}.glass-surface--overlay{--glass-surface-bg:var(--glass-overlay-bg);--glass-surface-fg:var(--glass-overlay-fg);--glass-surface-border:var(--glass-overlay-border);--glass-surface-shadow:var(--glass-overlay-shadow), var(--glass-surface-reflex);--glass-surface-blur:var(--glass-overlay-blur);--glass-surface-fallback-bg:var(--glass-overlay-fallback-bg);font-family:var(--font-family-primary);font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-normal)}.glass-surface[data-state=active],.glass-surface[data-interactive=true]:hover{background:var(--glass-surface-bg)}.glass-surface[data-interactive=true]{cursor:pointer}button.glass-surface{appearance:none;inline-size:100%;font:inherit}.glass-surface[data-interactive=true][aria-selected=true]{background:color-mix(in srgb, var(--glass-surface-bg) 76%, var(--color-control-surface-selected));border-color:var(--color-control-surface-selected);box-shadow:var(--glass-surface-shadow), 0 0 0 1px var(--color-control-surface-selected)}.glass-surface[data-interactive=true]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-surface{--glass-surface-bg:var(--glass-surface-fallback-bg)}}@media (prefers-reduced-transparency:reduce){.glass-surface{--glass-surface-bg:var(--glass-surface-fallback-bg);-webkit-backdrop-filter:none;transition:none}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-surface{-webkit-backdrop-filter:none;backdrop-filter:none}}}@media (prefers-reduced-motion:reduce){.glass-surface{transition:none}}