@layer components{.q-glass{--g-body:rgba(255,255,255,0.14);--g-edge:rgba(22,24,29,0.16);--g-low:rgba(22,24,29,0.08);--g-shade:rgba(22,24,29,0.08);--g-light:#fff;--g-spec:#fff;--g-spec-soft:rgba(255,255,255,0.7);--g-glint:rgba(255,255,255,0.95);--g-filter:blur(1px) saturate(1.4);position:relative;border-radius:999px;background:var(--g-body);-webkit-backdrop-filter:var(--g-filter);backdrop-filter:var(--g-filter);box-shadow:inset 0 0 0 1px var(--g-edge),inset 0 -1px 0 0 var(--g-low),inset 0 0 7px 0 var(--g-shade),inset 0 2px 3px -1px var(--g-light)}.dark .q-glass{--g-body:rgba(14,15,17,0.34);--g-edge:rgba(236,238,242,0.14);--g-low:rgba(0,0,0,0.6);--g-shade:rgba(0,0,0,0.35);--g-light:rgba(236,238,242,0.1);--g-spec:rgba(236,238,242,0.9);--g-spec-soft:rgba(236,238,242,0.24);--g-glint:rgba(236,238,242,0.5)}.q-glass:before{content:"";position:absolute;inset:1px;z-index:1;border-radius:inherit;padding:1px;pointer-events:none;background:radial-gradient(38% 160% at 7% 0,var(--g-spec) 0,transparent 72%),linear-gradient(180deg,var(--g-spec-soft) 0,transparent 55%),radial-gradient(22% 140% at 93% 100%,var(--g-glint) 0,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.q-glass[data-refract]{--g-filter:url(#q-glass-refract) blur(0.6px) saturate(1.4)}.q-glass :focus-visible{outline-offset:0}.q-glass-flat{-webkit-backdrop-filter:none;backdrop-filter:none}@media (prefers-reduced-transparency:reduce){.q-glass,.q-glass[data-refract]{--g-body:var(--bg);--g-filter:none}}@media (forced-colors:active){.q-glass{border:1px solid CanvasText}}}