@property --lg-glow{syntax:"<number>";inherits:false;initial-value:0}.lg{--lg-mx:50%;--lg-my:50%;--lg-glow:0;background:radial-gradient(160px circle at var(--lg-mx) var(--lg-my), rgba(255, 255, 255, calc(.35 * var(--lg-glow))), transparent 70%), #ffffff1f;border:1px solid #ffffff40;border-radius:24px;transition:--lg-glow .2s;box-shadow:0 8px 32px #00000038,inset 0 1px 1px #ffffff80,inset 0 -1px 1px #ffffff26}.lg:hover{--lg-glow:1}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.lg{-webkit-backdrop-filter:blur(6px)saturate(180%)contrast(1.15)brightness(.85);backdrop-filter:blur(6px)saturate(180%)contrast(1.15)brightness(.85)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.lg{background:#ffffffdb}[data-theme=night] .lg{background:#0a0e14db}}@supports (corner-shape:squircle){.lg,.lg-pill{corner-shape:squircle}}.lg-pill{border-radius:999px}[data-theme=night] .lg{background:radial-gradient(160px circle at var(--lg-mx) var(--lg-my), rgba(255, 255, 255, calc(.22 * var(--lg-glow))), transparent 70%), #ffffff12;border-color:#ffffff29;box-shadow:0 8px 32px #0006,inset 0 1px 1px #ffffff38,inset 0 -1px 1px #ffffff12}.lg-interactive{transition:transform .38s cubic-bezier(.34,1.56,.64,1)}.lg-interactive:active{transition-duration:.12s;transform:scale(.94)}@media (prefers-reduced-motion:reduce){.lg-interactive,.lg-interactive:active,.lg{transition:none}}