@layer components{:where(.glass){position:relative}.glass{background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-edge-hi);isolation:isolate}.glass:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg, var(--glass-edge-hi), var(--glass-edge-lo) 38%, var(--glass-edge-lo) 70%, var(--glass-edge-cy));-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-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)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:var(--surface-pop)}}@media (prefers-reduced-transparency:reduce){.glass{background:var(--surface-pop);-webkit-backdrop-filter:none;backdrop-filter:none}}}