/* liquid.css: layout and colours for liquid.js. Themes override the tokens on [data-liquid]. */
.liquid {
  --liquid-top: #e9f8ff;        /* water colour near the top of the section */
  --liquid-bottom: #a9dcf6;     /* water colour near the bottom */
  --liquid-light: #ffffff;      /* crests that catch the light */
  --liquid-deep: #2b86c4;       /* troughs in shade */
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(120% 70% at 30% 0%, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 60%),
    linear-gradient(180deg, var(--liquid-top), var(--liquid-bottom));
}
.liquid__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* the text and the language link stay clickable */
  z-index: 0;
}