.glass-surface{z-index:1;cursor:pointer;justify-content:center;align-items:center;transition:opacity .26s ease-out,transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),z-index,border-color .3s;display:flex;position:relative;overflow:hidden}.glass-surface:hover{z-index:20;transform:scale(1.05)translateY(-6px);box-shadow:inset 0 0 2px 1px var(--lightningcss-light,#00000040)var(--lightningcss-dark,#ffffff73),inset 0 0 10px 4px var(--lightningcss-light,#0003)var(--lightningcss-dark,#ffffff40),0 8px 32px #8f95d333,0 4px 16px #8f95d326,0 16px 56px #8f95d31a,inset 0 4px 16px #8f95d30d,inset 0 8px 24px #8f95d30d;box-shadow:inset 0 0 2px 1px var(--lightningcss-light,lab(0% 0 0/.25))var(--lightningcss-dark,lab(100% 0 0/.45)),inset 0 0 10px 4px var(--lightningcss-light,lab(0% 0 0/.2))var(--lightningcss-dark,lab(100% 0 0/.25)),0 8px 32px lab(63.0157% 8.70135 -32.8047/.2),0 4px 16px lab(63.0157% 8.70135 -32.8047/.14902),0 16px 56px lab(63.0157% 8.70135 -32.8047/.101961),inset 0 4px 16px lab(63.0157% 8.70135 -32.8047/.0509804),inset 0 8px 24px lab(63.0157% 8.70135 -32.8047/.0509804)}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;position:relative}.glass-surface--svg{background:var(--background);-webkit-backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff59),inset 0 0 10px 4px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d;box-shadow:inset 0 0 2px 1px var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(100% 0 0/.35)),inset 0 0 10px 4px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(100% 0 0/.15)),0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804)}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}.glass-surface--nav.glass-surface--svg{background:var(--background)}.glass-surface--nav.glass-surface--fallback{background:var(--background);-webkit-backdrop-filter:blur(20px)saturate(1.4)brightness(1.05);border:1px solid color-mix(in srgb,var(--background)50%,#fff6)}.dark .glass-surface--nav.glass-surface--fallback{border:1px solid color-mix(in srgb,var(--background)50%,#fff6)}:root:not(.dark) .glass-surface--nav.glass-surface--fallback{border:1px solid color-mix(in srgb,var(--background)50%,#0000001a)}.glass-surface--card.glass-surface--svg{background:var(--card)}.glass-surface--tile.glass-surface--svg,.glass-surface--default.glass-surface--svg{background:var(--background)}.glass-surface--card.glass-surface--fallback,.glass-surface--tile.glass-surface--fallback,.glass-surface--default.glass-surface--fallback{background:var(--card);-webkit-backdrop-filter:blur(24px)saturate(1.4)brightness(1.05)}.dark .glass-surface--card.glass-surface--svg{-webkit-backdrop-filter:none;backdrop-filter:none;background:#111;border:1px solid #222;box-shadow:0 28px 60px -20px #00000073,0 18px 40px -15px #00000059,inset 0 1px #ffffff0d}.dark .glass-surface--card.glass-surface--fallback{-webkit-backdrop-filter:none;background:#111;border:1px solid #222;box-shadow:0 28px 60px -20px #00000073,0 18px 40px -15px #00000059,inset 0 1px #ffffff0d}:root:not(.dark) .glass-surface--card.glass-surface--svg{background:var(--card);box-shadow:inset 0 0 2px 1px #ffffff59,inset 0 0 10px 4px #ffffff26,0 4px 16px #00000014,0 8px 24px #0000000f,0 16px 56px #0000000a,inset 0 4px 16px #00000005,inset 0 8px 24px #00000005,inset 0 16px 56px #00000003;box-shadow:inset 0 0 2px 1px lab(100% 0 0/.35),inset 0 0 10px 4px lab(100% 0 0/.15),0 4px 16px lab(0% 0 0/.0784314),0 8px 24px lab(0% 0 0/.0588235),0 16px 56px lab(0% 0 0/.0392157),inset 0 4px 16px lab(0% 0 0/.0196078),inset 0 8px 24px lab(0% 0 0/.0196078),inset 0 16px 56px lab(0% 0 0/.0117647)}.dark .glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}.dark .glass-surface--nav.glass-surface--fallback,.dark .glass-surface--tile.glass-surface--fallback,.dark .glass-surface--default.glass-surface--fallback{background:var(--background)}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}.glass-surface--nav.glass-surface--fallback,.glass-surface--tile.glass-surface--fallback,.glass-surface--default.glass-surface--fallback{background:var(--background)}}:root:not(.dark) .glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#e8e8e899;border:1px solid #0000001a;box-shadow:inset 0 1px #fff9,inset 0 -1px #0000000d,0 8px 32px #00000014,0 2px 16px #0000000a}:root:not(.dark) .glass-surface--card.glass-surface--fallback{background:var(--card);-webkit-backdrop-filter:blur(24px)saturate(1.4)brightness(1.05);border:1px solid #00000014;box-shadow:inset 0 1px #fff9,inset 0 -1px #0000000d,0 8px 32px #00000014,0 2px 16px #0000000a}:root:not(.dark) .glass-surface--tile.glass-surface--fallback,:root:not(.dark) .glass-surface--default.glass-surface--fallback{background:var(--card);-webkit-backdrop-filter:blur(24px)saturate(1.4)brightness(1.05)}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";border-radius:inherit;z-index:-1;background:#ffffff26;position:absolute;inset:0}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}@media (prefers-reduced-motion:reduce){.glass-surface{transition:opacity .1s ease-out}}