#blurry-glass-overlays main{& figure{display:grid}& figure>*{--text-color:black;--background-color:#ccc;color:var(--text-color);grid-area:1/1}& .floating{isolation:isolate}& menu.floating{corner-shape:superellipse(2);border-radius:0 0 1rlh 1rlh;place-self:start center;gap:.5rlh;margin:0;padding:.25rlh .5rlh;font-size:.8rem;font-weight:500;line-height:1rlh;display:flex}& menu.floating li{list-style:none}& div.floating{corner-shape:superellipse(2);border-radius:.5rlh;place-self:end start;gap:.5rlh;margin:.5rlh;padding:.5rlh .625rlh;display:grid}& button.floating{corner-shape:unset;background:unset;appearance:unset;border:unset;border-radius:50%;place-self:end;width:3rlh;height:3rlh;margin:.25rlh .5rlh;font-weight:600;line-height:1.5cap}& #opaque .floating{background:var(--background-color);box-shadow:inset 0 0 .125lh oklch(from var(--background-color) 1 c h)}& #transparent .floating{background-color:oklch(from var(--background-color) l c h / .382);text-shadow:0 0 .25lh var(--background-color), 0 0 .5lh var(--background-color), 0 0 .75lh var(--background-color), 0 0 1lh var(--background-color), 0 0 1.25lh var(--background-color), 0 0 1.5lh var(--background-color), 0 0 1.75lh var(--background-color), 0 0 2lh var(--background-color);box-shadow:inset 0 0 .25lh oklch(from var(--background-color) 1 c h / .382);overflow:hidden}& #glass .floating{--contrast:.5;--brightness:1.382;--saturation:.8;--blur:10px;backdrop-filter:blur(var(--blur)) saturate(calc((var(--saturation) / var(--contrast)))) contrast(var(--contrast)) brightness(var(--brightness));box-shadow:inset 0 0 .125lh oklch(from var(--background-color) 1 c h / .5)}}