.ds2-glass{--ds2-glass-bg:rgb(250 250 252/0.8);--ds2-glass-bg-solid:rgb(250 250 252/0.92);--ds2-glass-filter:saturate(180%) blur(20px);--ds2-glass-line:inset 0 0 0.5px 0 rgb(0 0 0/0.11);--ds2-glass-ink:#1d1d1f;--ds2-glass-ink-2:rgb(0 0 0/0.56);--ds2-glass-radius:18px;position:relative;isolation:isolate;box-sizing:border-box;border:0;border-radius:var(--ds2-glass-radius);background:var(--ds2-glass-bg);backdrop-filter:var(--ds2-glass-filter);box-shadow:var(--ds2-glass-line);color:var(--ds2-glass-ink)}.ds2-glass--dark{--ds2-glass-bg:rgb(22 22 23/0.8);--ds2-glass-bg-solid:rgb(22 22 23/0.88);--ds2-glass-line:inset 0 0 0 0 transparent;--ds2-glass-ink:#f5f5f7;--ds2-glass-ink-2:rgb(255 255 255/0.56)}.ds2-glass--chip{--ds2-glass-bg:rgb(232 232 237/0.72);--ds2-glass-bg-solid:rgb(232 232 237/0.92);--ds2-glass-filter:blur(20px)}.ds2-glass--chip.ds2-glass--dark{--ds2-glass-bg:rgb(66 66 69/0.72);--ds2-glass-bg-solid:rgb(66 66 69/0.92)}.ds2-glass--pill{--ds2-glass-radius:999px}.ds2-glass--float{box-shadow:var(--ds2-glass-line),2px 4px 12px rgb(0 0 0/.08)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ds2-glass{background:var(--ds2-glass-bg-solid)}}@media (prefers-reduced-transparency:reduce){.ds2-glass{background:var(--ds2-glass-bg-solid);backdrop-filter:none}}