:root{--ds-material-transition-duration:.16s;--ds-material-transition-easing:cubic-bezier(.2, 0, 0, 1);--ds-material-glass-blur:18px;--ds-material-glass-saturation:1.12;--ds-material-tint-alpha:.07;--ds-material-tint-border-alpha:.24;--ds-material-glass-alpha:.82;--ds-material-glass-border-alpha:.22;--ds-material-clear-alpha:.24;--ds-material-dark-alpha:.58;--ds-material-cosmic-border-alpha:.28;--ds-material-celebratory-alpha:.11;--ds-material-celebratory-border-alpha:.36}.ds-surface{--ds-surface-tone:var(--ds-text-secondary);--ds-surface-tone-ink:var(--ds-text-primary);--ds-surface-tone-on:var(--ds-text-primary);--ds-surface-tone-border:var(--border);isolation:isolate;border:1px solid rgb(var(--ds-surface-tone-border));color:rgb(var(--foreground));transition:background-color var(--ds-material-transition-duration) var(--ds-material-transition-easing), border-color var(--ds-material-transition-duration) var(--ds-material-transition-easing), box-shadow var(--ds-material-transition-duration) var(--ds-material-transition-easing);position:relative}.ds-surface:focus-visible{outline:2px solid rgb(var(--ring));outline-offset:2px}.ds-surface:before{z-index:-1;border-radius:inherit;pointer-events:none;content:"";opacity:0;position:absolute;inset:0}.ds-surface[data-surface-tone=neutral]{--ds-surface-tone:var(--ds-text-secondary);--ds-surface-tone-ink:var(--ds-text-primary);--ds-surface-tone-on:var(--ds-text-primary);--ds-surface-tone-border:var(--border)}.ds-surface[data-surface-tone=primary]{--ds-surface-tone:var(--primary);--ds-surface-tone-ink:var(--primary-emphasis);--ds-surface-tone-on:var(--primary-foreground);--ds-surface-tone-border:var(--primary)}.ds-surface[data-surface-tone=info]{--ds-surface-tone:var(--info);--ds-surface-tone-ink:var(--info-emphasis);--ds-surface-tone-on:var(--info-foreground);--ds-surface-tone-border:var(--info)}.ds-surface[data-surface-tone=success]{--ds-surface-tone:var(--success);--ds-surface-tone-ink:var(--success-emphasis);--ds-surface-tone-on:var(--success-foreground);--ds-surface-tone-border:var(--success)}.ds-surface[data-surface-tone=warning]{--ds-surface-tone:var(--warning);--ds-surface-tone-ink:var(--warning-emphasis);--ds-surface-tone-on:var(--warning-foreground);--ds-surface-tone-border:var(--warning)}.ds-surface[data-surface-tone=destructive]{--ds-surface-tone:var(--destructive);--ds-surface-tone-ink:var(--destructive-emphasis);--ds-surface-tone-on:var(--destructive-foreground);--ds-surface-tone-border:var(--destructive)}.ds-surface[data-surface-tone=reward]{--ds-surface-tone:var(--reward);--ds-surface-tone-ink:var(--reward-emphasis);--ds-surface-tone-on:var(--reward-foreground);--ds-surface-tone-border:var(--reward)}.ds-surface[data-surface-material=solid]{border-color:rgb(var(--border));background:rgb(var(--card));color:rgb(var(--card-foreground));box-shadow:var(--ds-shadow-sm)}.ds-surface[data-surface-material=solid]:not([data-surface-tone=neutral]){border-color:rgb(var(--ds-surface-tone-border) / .28)}.ds-surface[data-surface-material=tinted]{border-color:rgb(var(--ds-surface-tone-border) / var(--ds-material-tint-border-alpha));background:rgb(var(--ds-surface-tone) / var(--ds-material-tint-alpha));color:rgb(var(--foreground));box-shadow:var(--ds-shadow-sm)}.ds-surface[data-surface-material=glass-regular]{border-color:rgb(var(--ds-surface-tone-border) / var(--ds-material-glass-border-alpha));background:rgb(var(--card) / var(--ds-material-glass-alpha));color:rgb(var(--card-foreground));box-shadow:var(--ds-shadow-md);-webkit-backdrop-filter:blur(var(--ds-material-glass-blur)) saturate(var(--ds-material-glass-saturation));backdrop-filter:blur(var(--ds-material-glass-blur)) saturate(var(--ds-material-glass-saturation))}.ds-surface[data-surface-material=glass-clear]{border-color:rgb(var(--ray-white-50) / .18);background:rgb(var(--ray-night-950) / var(--ds-material-clear-alpha));color:rgb(var(--ray-white-50));box-shadow:var(--ds-shadow-md);-webkit-backdrop-filter:blur(var(--ds-material-glass-blur)) saturate(var(--ds-material-glass-saturation));backdrop-filter:blur(var(--ds-material-glass-blur)) saturate(var(--ds-material-glass-saturation))}.ds-surface[data-surface-material=glass-dark]{border-color:rgb(var(--ray-white-50) / .16);background:rgb(var(--ray-night-900) / var(--ds-material-dark-alpha));color:rgb(var(--ray-white-50));box-shadow:var(--ds-shadow-md);-webkit-backdrop-filter:blur(var(--ds-material-glass-blur)) saturate(var(--ds-material-glass-saturation));backdrop-filter:blur(var(--ds-material-glass-blur)) saturate(var(--ds-material-glass-saturation))}.ds-surface[data-surface-material=cosmic]{border-color:rgb(var(--ds-surface-tone-border) / var(--ds-material-cosmic-border-alpha));background:rgb(var(--ray-violet-900));color:rgb(var(--ray-white-50));box-shadow:var(--ds-shadow-glow)}.ds-surface[data-surface-material=cosmic][data-surface-tone=neutral]{--ds-surface-tone:var(--ray-violet-300);--ds-surface-tone-ink:var(--ray-violet-200);--ds-surface-tone-on:var(--ray-night-900);--ds-surface-tone-border:var(--ray-violet-300)}.ds-surface[data-surface-material=cosmic]:before{background-image:radial-gradient(circle at 16% 0%, rgb(var(--ds-surface-tone) / .3), transparent 54%), radial-gradient(circle at 92% 100%, rgb(var(--ray-pink-500) / .16), transparent 62%);opacity:1}.ds-surface[data-surface-material=celebratory]{border-color:rgb(var(--ds-surface-tone-border) / var(--ds-material-celebratory-border-alpha));background:rgb(var(--ds-surface-tone) / var(--ds-material-celebratory-alpha));color:rgb(var(--foreground));box-shadow:var(--ds-shadow-sm), 0 0 18px rgb(var(--ds-surface-tone) / .18)}.ds-surface[data-surface-material=celebratory]:before{background-image:linear-gradient(118deg, transparent 12%, rgb(var(--ds-surface-tone) / .08) 48%, transparent 84%);opacity:1}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ds-surface[data-surface-material=glass-regular]{background:rgb(var(--card) / .97)}.ds-surface[data-surface-material=glass-clear]{background:rgb(var(--ray-night-950) / .78)}.ds-surface[data-surface-material=glass-dark]{background:rgb(var(--ray-night-900) / .9)}}@media (prefers-reduced-transparency:reduce){.ds-surface[data-surface-material=glass-regular]{background:rgb(var(--card));-webkit-backdrop-filter:none;backdrop-filter:none}.ds-surface[data-surface-material=glass-clear]{background:rgb(var(--ray-night-950));-webkit-backdrop-filter:none;backdrop-filter:none}.ds-surface[data-surface-material=glass-dark]{background:rgb(var(--ray-night-900));-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){.ds-surface{border-color:currentColor}.ds-surface[data-surface-material=glass-regular]{background:rgb(var(--card));-webkit-backdrop-filter:none;backdrop-filter:none}.ds-surface[data-surface-material=glass-clear]{background:rgb(var(--ray-night-950));-webkit-backdrop-filter:none;backdrop-filter:none}.ds-surface[data-surface-material=glass-dark]{background:rgb(var(--ray-night-900));-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors:active){.ds-surface{color:canvastext;box-shadow:none;background:canvas;border-color:canvastext}.ds-surface:before{display:none}.ds-surface:focus-visible{outline-color:highlight}}.ds-surface[data-surface-motion=reduced],.ds-surface[data-surface-motion=reduced]:before,.ds-surface[data-surface-motion-profile=none],.ds-surface[data-surface-motion-profile=none]:before{transition:none;animation:none}@media (prefers-reduced-motion:reduce){.ds-surface,.ds-surface:before{transition:none;animation:none}}