.liquid-glass-root { position: relative; isolation: isolate; }
.liquid-glass {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  border: 1px solid rgb(255 255 255 / 35%);
  border-radius: var(--glass-radius, 28px);
  padding: 24px;
  color: inherit;
  font: inherit;
  background: rgb(255 255 255 / 16%);
  box-shadow: none;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.liquid-glass-ready > .liquid-glass {
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
button.liquid-glass { cursor: pointer; }
.liquid-glass:focus-visible { outline: 3px solid #a5d8ff; outline-offset: 5px; }
.liquid-glass:disabled { cursor: default; opacity: 0.5; }
@media (prefers-reduced-transparency: reduce) {
  .liquid-glass-root > .liquid-glass { background: #ebf4ff; color: #193d78; }
}