.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.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:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--glass-native-1);-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:0 0 2px 1px var(--glass-native-2) inset, 0 0 10px 4px var(--glass-native-3) inset, 0px 4px 16px var(--glass-native-21), 0px 8px 24px var(--glass-native-22), 0px 16px 56px var(--glass-native-23), 0px 4px 16px var(--glass-native-24) inset, 0px 8px 24px var(--glass-native-25) inset, 0px 16px 56px var(--glass-native-26) inset}.glass-surface--fallback{background:var(--glass-native-4);-webkit-backdrop-filter:blur(12px) saturate(calc(var(--glass-saturation,1) * 1.4)) brightness(1.04);backdrop-filter:blur(12px) saturate(calc(var(--glass-saturation,1) * 1.4)) brightness(1.04);box-shadow:inset 0 1px 0 0 var(--glass-native-5), inset 0 -1px 0 0 var(--glass-native-6), 0 0 2px 1px var(--glass-native-7) inset, 0 0 12px 3px var(--glass-native-8) inset, 0px 4px 16px var(--glass-native-27), 0px 8px 24px var(--glass-native-28), 0px 16px 56px var(--glass-native-29)}.glass-surface__sheen,.glass-surface__rim{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.glass-surface__sheen{background:linear-gradient(135deg, var(--glass-native-9) 0%, transparent 42%, transparent 64%, var(--glass-native-10) 100%)}.glass-surface__rim{background:linear-gradient(150deg, var(--glass-native-11), var(--glass-native-12) 45%, var(--glass-native-13) 60%, var(--glass-native-14));-webkit-mask-composite:xor,source-over;padding:3px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glass-surface__line,.glass-surface__glow{pointer-events:none;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.glass-surface--svg .glass-surface__line{background:var(--glass-native-15)}.glass-surface--svg .glass-surface__glow{background:var(--glass-native-16)}.glass-surface--fallback .glass-surface__line{background:var(--glass-native-17)}.glass-surface--fallback .glass-surface__glow{background:var(--glass-native-18)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-surface--fallback{background:var(--glass-native-19)}}.glass-surface:focus-visible{outline:2px solid var(--glass-native-20);outline-offset:2px}