@property --spec{syntax:"<number>";inherits:false;initial-value:0}[data-surface]{--lume:#fff;--gr:clamp(0px, calc(var(--r,10px) * 2.4), 30px);--gr-sm:clamp(0px, calc(var(--r,10px) * 1.4), 18px);--gl-pad:20px;--gr-in:max(6px, calc(var(--gr) - var(--gl-pad)));--blur:16px;--blur-sheet:28px;--sat:160%}[data-surface=flat]{--gl-bg:var(--card);--gl-frost:none;--gl-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent);--gl-rim:none}[data-surface=flat] .gl{border-radius:var(--gr);background:var(--gl-bg);box-shadow:var(--gl-shadow);isolation:isolate;position:relative}[data-surface=glass]{--pane:var(--bg);--pane-a:30%;--pane-a-hi:22%;--pane-a-lo:42%;--pane-a-deep:62%;--sheen-a:14%;--sheen-a-hi:20%;--wash-a:9%;--rim-lit:color-mix(in srgb, var(--lume) 86%, transparent);--rim-dim:color-mix(in srgb, var(--lume) 14%, transparent);--rim-warm:color-mix(in srgb, color-mix(in srgb, var(--lume) 55%, var(--rim-tint,var(--glass-tint,var(--accent)))) 46%, transparent);--edge-lit:color-mix(in srgb, var(--lume) 55%, transparent);--edge-side:color-mix(in srgb, var(--lume) 18%, transparent);--edge-shade:#00000057;--shadow-drop:0 26px 60px -24px color-mix(in srgb, var(--bg) 92%, transparent), 0 4px 14px -6px color-mix(in srgb, var(--bg) 70%, transparent);--shadow-deep:0 40px 90px -28px color-mix(in srgb, var(--bg) 96%, transparent), 0 10px 26px -10px color-mix(in srgb, var(--bg) 80%, transparent);--spec-color:color-mix(in srgb, var(--lume) 16%, var(--accent));--aurora-warm:#c9761a;--aurora-cool:#7a5cff}[data-surface=glass][data-mode=light]{--pane:var(--card);--pane-a:56%;--pane-a-hi:68%;--pane-a-lo:46%;--pane-a-deep:78%;--sheen-a:40%;--sheen-a-hi:62%;--wash-a:34%;--rim-lit:color-mix(in srgb, var(--lume) 95%, transparent);--rim-dim:color-mix(in srgb, var(--ink) 9%, transparent);--rim-warm:color-mix(in srgb, color-mix(in srgb, var(--lume) 40%, var(--rim-tint,var(--glass-tint,var(--accent)))) 55%, transparent);--edge-lit:color-mix(in srgb, var(--lume) 98%, transparent);--edge-side:color-mix(in srgb, var(--lume) 65%, transparent);--edge-shade:color-mix(in srgb, var(--ink) 11%, transparent);--shadow-drop:0 18px 40px -20px color-mix(in srgb, var(--ink) 24%, transparent), 0 2px 8px -4px color-mix(in srgb, var(--ink) 12%, transparent);--shadow-deep:0 30px 70px -24px color-mix(in srgb, var(--ink) 30%, transparent), 0 8px 20px -8px color-mix(in srgb, var(--ink) 16%, transparent);--spec-color:color-mix(in srgb, var(--lume) 60%, var(--accent))}[data-surface=glass]{--glass:color-mix(in srgb, var(--pane) var(--pane-a), transparent);--glass-hi:color-mix(in srgb, var(--pane) var(--pane-a-hi), transparent);--glass-lo:color-mix(in srgb, var(--pane) var(--pane-a-lo), transparent);--glass-deep:color-mix(in srgb, var(--pane) var(--pane-a-deep), transparent);--sheen:color-mix(in srgb, var(--lume) var(--sheen-a), transparent);--sheen-hi:color-mix(in srgb, var(--lume) var(--sheen-a-hi), transparent);--gl-frost:blur(var(--blur)) saturate(var(--sat));--gl-bg:radial-gradient(460px circle at var(--mx,-40%) var(--my,-40%), color-mix(in srgb, var(--spec-color) calc(22% * var(--spec,0)), transparent) 0%, color-mix(in srgb, var(--spec-color) calc(7% * var(--spec,0)), transparent) 34%, transparent 64%), radial-gradient(130% 90% at 14% 0%, color-mix(in srgb, var(--lume) var(--wash-a), transparent) 0%, transparent 58%), linear-gradient(to bottom, var(--sheen) 0%, color-mix(in srgb, var(--lume) calc(var(--sheen-a) / 3), transparent) 18%, transparent 46%), linear-gradient(to bottom, var(--glass) 0%, var(--glass-lo) 100%);--gl-bg-hi:radial-gradient(460px circle at var(--mx,-40%) var(--my,-40%), color-mix(in srgb, var(--spec-color) calc(22% * var(--spec,0)), transparent) 0%, color-mix(in srgb, var(--spec-color) calc(7% * var(--spec,0)), transparent) 34%, transparent 64%), radial-gradient(130% 90% at 14% 0%, color-mix(in srgb, var(--lume) calc(var(--wash-a) * 1.3), transparent) 0%, transparent 58%), linear-gradient(to bottom, var(--sheen-hi) 0%, color-mix(in srgb, var(--lume) calc(var(--sheen-a-hi) / 3), transparent) 20%, transparent 50%), linear-gradient(to bottom, var(--glass-hi) 0%, var(--glass) 100%);--gl-shadow:var(--shadow-drop), inset 0 1px 0 var(--edge-lit), inset 1px 0 0 var(--edge-side), inset 0 -1px 0 var(--edge-shade);--gl-shadow-deep:var(--shadow-deep), inset 0 1px 0 var(--edge-lit), inset 1px 0 0 var(--edge-side), inset 0 -1px 0 var(--edge-shade);--gl-rim:linear-gradient(142deg, var(--rim-lit) 0%, var(--rim-dim) 30%, var(--rim-dim) 66%, var(--rim-warm) 100%)}[data-surface=glass][data-glass=frosted]{--blur:22px;--blur-sheet:30px;--gl-rim:color-mix(in srgb, var(--ink) 16%, transparent)}[data-surface=glass][data-glass=clear]{--blur:10px;--blur-sheet:18px;--sat:140%;--pane-a:18%;--pane-a-hi:12%;--pane-a-lo:26%;--pane-a-deep:40%;--sheen-a:12%;--sheen-a-hi:18%;--dim:color-mix(in srgb, var(--bg) 26%, transparent);--gl-bg:radial-gradient(460px circle at var(--mx,-40%) var(--my,-40%), color-mix(in srgb, var(--spec-color) calc(22% * var(--spec,0)), transparent) 0%, transparent 64%), linear-gradient(to bottom, var(--sheen) 0%, transparent 40%), linear-gradient(to bottom, var(--glass) 0%, var(--glass-lo) 100%), linear-gradient(var(--dim), var(--dim));--gl-bg-hi:var(--gl-bg)}[data-surface=glass][data-glass=clear][data-mode=light]{--dim:color-mix(in srgb, var(--card) 30%, transparent)}[data-surface=glass] .gl{border-radius:var(--gr);background:var(--gl-bg);-webkit-backdrop-filter:var(--gl-frost);backdrop-filter:var(--gl-frost);box-shadow:var(--gl-shadow);isolation:isolate;transition:--spec .45s,box-shadow .35s;position:relative}[data-surface=glass] .gl-hi{background:var(--gl-bg-hi);box-shadow:var(--gl-shadow-deep)}[data-surface=glass] .gl:after{content:"";z-index:2;border-radius:inherit;background:var(--gl-rim);-webkit-mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-surface=glass]:is([data-glass=liquid],[data-glass=clear]) .gl:hover,[data-surface=glass]:is([data-glass=liquid],[data-glass=clear]) .gl:focus-within{--spec:1}[data-surface=glass] :is(.gl,.v2-card):is(a,button,[role=button]):active,[data-surface=glass] .gl-press:active{box-shadow:var(--gl-shadow), inset 0 0 0 999px color-mix(in srgb, var(--lume) 7%, transparent);transition:box-shadow 80ms}.gl>*{z-index:3;position:relative}[data-surface=glass]{--gl-tint-bg:radial-gradient(120% 90% at 16% 0%, color-mix(in srgb, var(--lume) 34%, transparent) 0%, transparent 60%), linear-gradient(to bottom, color-mix(in srgb, var(--accent) 82%, transparent), color-mix(in srgb, var(--accent) 68%, transparent));--gl-tint-shadow:0 10px 28px -12px color-mix(in srgb, var(--accent) 70%, transparent), inset 0 1px 0 color-mix(in srgb, var(--lume) 70%, transparent), inset 0 -1px 0 #0000002e, inset 0 0 0 1px color-mix(in srgb, var(--lume) 28%, transparent)}.gl-aurora{z-index:0;pointer-events:none;background:radial-gradient(90% 70% at 80% 10%, color-mix(in srgb, var(--glass-tint,var(--accent)) 46%, transparent) 0%, transparent 70%), radial-gradient(80% 80% at 10% 90%, color-mix(in srgb, var(--aurora-warm) 44%, transparent) 0%, transparent 70%), radial-gradient(70% 60% at 50% 50%, color-mix(in srgb, var(--aurora-cool) 30%, transparent) 0%, transparent 70%), linear-gradient(160deg, color-mix(in srgb, var(--aurora-cool) 22%, transparent), color-mix(in srgb, var(--aurora-warm) 18%, transparent));position:fixed;inset:-8vmax;overflow:hidden}[data-mode=light] .gl-aurora{background:radial-gradient(90% 70% at 80% 10%, color-mix(in srgb, var(--glass-tint,var(--accent)) 30%, transparent) 0%, transparent 70%), radial-gradient(80% 80% at 10% 90%, color-mix(in srgb, var(--aurora-warm) 24%, transparent) 0%, transparent 70%)}[data-glass=frosted] .gl-aurora,[data-surface=flat] .gl-aurora{display:none}.gl-aurora i{will-change:transform;border-radius:50%;display:block;position:absolute}.gl-aurora .a1{width:76vmax;height:76vmax;opacity:var(--aurora-a1,.95);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--glass-tint,var(--accent)) 85%, transparent) 0%, color-mix(in srgb, var(--glass-tint,var(--accent)) 40%, transparent) 28%, color-mix(in srgb, var(--glass-tint,var(--accent)) 12%, transparent) 52%, transparent 72%);animation:34s ease-in-out infinite alternate gl-drift-a;top:-18vmax;left:-6vmax}.gl-aurora .a2{width:68vmax;height:68vmax;opacity:var(--aurora-a2,.8);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--glass-tint,var(--accent)) 60%, var(--aurora-warm)) 0%, color-mix(in srgb, var(--glass-tint,var(--accent)) 22%, var(--aurora-warm)) 34%, transparent 68%);animation:44s ease-in-out infinite alternate gl-drift-b;bottom:-24vmax;right:-14vmax}.gl-aurora .a3{width:66vmax;height:66vmax;opacity:var(--aurora-a3,.72);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--glass-tint,var(--accent)) 52%, var(--aurora-cool)) 0%, color-mix(in srgb, var(--glass-tint,var(--accent)) 20%, transparent) 38%, transparent 68%);animation:38s ease-in-out infinite alternate gl-drift-c;top:24%;left:24%}[data-mode=light] .gl-aurora .a1{opacity:var(--aurora-a1,.42)}[data-mode=light] .gl-aurora .a2{opacity:var(--aurora-a2,.32)}[data-mode=light] .gl-aurora .a3{opacity:var(--aurora-a3,.2);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--glass-tint,var(--accent)) 82%, var(--aurora-cool)) 0%, color-mix(in srgb, var(--glass-tint,var(--accent)) 30%, transparent) 40%, transparent 70%)}@keyframes gl-drift-a{0%{transform:translate(0,0)scale(1)}50%{transform:translate(14vmax,8vmax)scale(1.16)}to{transform:translate(4vmax,18vmax)scale(.94)}}@keyframes gl-drift-b{0%{transform:translate(0,0)scale(1.05)}50%{transform:translate(-16vmax,-10vmax)scale(.9)}to{transform:translate(-6vmax,-20vmax)scale(1.2)}}@keyframes gl-drift-c{0%{transform:translate(0,0)scale(1)}to{transform:translate(-12vmax,10vmax)scale(1.25)}}.gl-grain{z-index:1;pointer-events:none;opacity:.22;background-image:url(/brand/grain.png);background-size:180px 180px;position:fixed;inset:0}[data-surface=flat] .gl-grain,[data-mode=light] .gl-grain{display:none}@media (max-width:620px){[data-surface=glass]{--blur:18px;--blur-sheet:26px}[data-surface=glass][data-glass=frosted]{--blur:12px;--blur-sheet:18px}}@media (prefers-reduced-motion:reduce){.gl-aurora i{animation:none}[data-surface=glass] .gl{transition:none}}@media (prefers-reduced-transparency:reduce){[data-surface=glass]{--gl-frost:none;--gl-bg:color-mix(in srgb, var(--card) 94%, var(--ink));--gl-bg-hi:color-mix(in srgb, var(--card) 96%, var(--ink))}[data-surface=glass] .gl,[data-surface=glass] .v2-card,[data-surface=glass] .hub-tile{-webkit-backdrop-filter:none;backdrop-filter:none}.gl-aurora{opacity:.25}}@media (prefers-contrast:more){[data-surface=glass]{--gl-frost:none;--gl-bg:var(--card);--gl-bg-hi:var(--card);--gl-shadow:0 0 0 1.5px var(--ink);--gl-shadow-deep:0 0 0 1.5px var(--ink)}[data-surface=glass] .gl:after{display:none}[data-surface=glass] .gl,[data-surface=glass] .v2-card,[data-surface=glass] .hub-tile{-webkit-backdrop-filter:none;backdrop-filter:none}.gl-aurora{display:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){[data-surface=glass]{--gl-bg:color-mix(in srgb, var(--card) 92%, var(--ink));--gl-bg-hi:color-mix(in srgb, var(--card) 94%, var(--ink))}}@media (forced-colors:active){.gl{border:1px solid canvastext}.gl:after{display:none}}.gl-aurora-inset{z-index:0;pointer-events:none;border-radius:inherit;position:absolute;inset:-30%;overflow:hidden}.gl-aurora-inset i{border-radius:50%;display:block;position:absolute}[data-glass=frosted] .gl-aurora-inset,[data-surface=flat] .gl-aurora-inset{display:none}.gl-aurora-inset .a1{opacity:.72;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--glass-tint,var(--accent)) 85%, transparent) 0%, color-mix(in srgb, var(--glass-tint,var(--accent)) 30%, transparent) 34%, transparent 70%);width:90%;height:90%;top:-18%;left:-10%}.gl-aurora-inset .a2{opacity:.55;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--glass-tint,var(--accent)) 60%, var(--aurora-warm)) 0%, transparent 68%);width:85%;height:85%;bottom:-20%;right:-12%}[data-mode=light] .gl-aurora-inset .a1{opacity:.34}[data-mode=light] .gl-aurora-inset .a2{opacity:.24}.glx{z-index:0;pointer-events:none;width:100%;display:block;position:absolute;top:0;left:0}[data-glx=on]{position:relative}.glx-gl{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0}.glx-grain{z-index:1;pointer-events:none;opacity:.16;background-image:url(/brand/grain.png);background-size:180px 180px;display:none;position:fixed;inset:0}[data-glx-grain=on]>.glx-grain{display:block}[data-mode=light][data-glx-grain=on]>.glx-grain{opacity:.1}[data-glx=on]>.gl-aurora,[data-glx=on] .gl-aurora,[data-glx=on] .gl-grain{display:none}[data-glx=on] [data-glx-pane]{isolation:isolate;transition:none;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--shadow-drop)!important;background:0 0!important}[data-glx=on] [data-glx-pane]:before,[data-glx=on] [data-glx-pane]:after{display:none!important}[data-glx=on] [data-glx-pane][data-glx-float]{-webkit-backdrop-filter:blur(var(--glx-css-blur,10px)) saturate(1.3)!important;backdrop-filter:blur(var(--glx-css-blur,10px)) saturate(1.3)!important}[data-glx=on] .glx-pane{border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block;inset:0;z-index:-1!important;position:absolute!important}
