/* Iconography.
   The source uses the `relume-icons` React package (Material-Symbols-derived names:
   Check, ChevronRight, KeyboardArrowDown, CircleFull, XLogo…). The package binaries are
   NOT in the export, so this system substitutes Material Symbols Rounded from Google Fonts
   — closest match in stroke weight and geometry. Brand/social marks come from Simple Icons
   (https://cdn.simpleicons.org/<slug>/<hex>) as <img>, since Material Symbols has none. */
/* Self-hosted and subsetted to the five glyphs this site can render. The full
   variable font Google serves for this family is 5,348,916 bytes — every page was
   fetching all ~3,600 icons, render-blocking under font-display:block, to draw a
   chevron. The subset below is 6,144 bytes.

   Frozen by construction: a new icon name needs a new subset. Regenerate with

     curl -sS "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded\
   :opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\
   &icon_names=check,chevron_right,image,keyboard_arrow_down,language&display=block"

   then download the .woff2 it points at. The name list must cover both the icons
   named in index.html (language, chevron_right, check) and the ones _ds_bundle.js
   emits on its own (keyboard_arrow_down in Select, image in the media placeholder). */
@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url("../assets/fonts/material-symbols-rounded-subset.woff2") format("woff2");
}

:root {
  --font-icon: "Material Symbols Rounded"; /* @kind font */
  --icon-size-sm: 1rem;
  --icon-size: 1.5rem;
  --icon-size-lg: 2rem;
}

.ds-icon {
  font-family: var(--font-icon);
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}