/* Google Material Symbols mapping */
[class^="icon-"],
[class*=" icon-"] {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  white-space: nowrap;
  font-feature-settings: "liga";
}

[class^="icon-"]::before,
[class*=" icon-"]::before {
  display: inline-block;
  font-family: inherit;
  font-variation-settings:
    "FILL" 1,
    "wght" 400,
    "GRAD" -25,
    "opsz" 48;
  font-feature-settings: "liga";
}

.icon-docs::before {
  content: "docs";
}

.icon-database::before {
  content: "database";
}

.icon-arrow_forward::before {
  content: "arrow_forward";
}

.icon-home::before {
  content: "home";
}

.icon-user::before {
  content: "person";
}

.icon-download::before {
  content: "download";
}

.icon-share::before {
  content: "share";
}

.icon-chevron_down::before {
  content: "expand_more";
}

.icon-checked::before {
  content: "check";
}

.icon-autorenew::before {
  content: "autorenew";
}

.icon-warning::before {
  content: "warning";
}

.icon-info::before {
  content: "info";
}

body {
  background: #01232a;
  color: white;
  margin: 10vh 2rem 2rem;
  font-family: sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

#ai-demo {
  margin: 0 auto;
  max-width: 768px;
}