/* Local Google Material Symbols, outlined weight 300. Navigation and actions only. */
.material-symbol {
  display: block;
  width: 20px;
  height: 20px;
  flex: none;
  fill: currentColor;
  stroke: none;
}
.arrow.material-symbol {
  width: 20px;
  height: 20px;
  fill: currentColor;
  stroke: none;
}
.nav-trigger .material-symbol {
  width: 16px;
  height: 16px;
  fill: currentColor;
  stroke: none;
}
.mobile-nav summary .material-symbol {
  width: 20px;
  height: 20px;
  fill: currentColor;
  stroke: none;
}
.menu-toggle {
  padding: 10px;
  gap: 0;
  align-items: center;
}
.menu-toggle .material-symbol {
  width: 24px;
  height: 24px;
  fill: currentColor;
  stroke: none;
}
.menu-toggle .menu-icon-close {
  display: none;
}
.menu-toggle[aria-expanded="true"] .menu-icon-open {
  display: none;
}
.menu-toggle[aria-expanded="true"] .menu-icon-close {
  display: block;
}
.footer-up .material-symbol {
  width: 24px;
  height: 24px;
  fill: currentColor;
  stroke: none;
  transform: none;
}
.figure-expand .material-symbol {
  width: 22px;
  height: 22px;
  fill: currentColor;
  stroke: none;
}
.external-icon.material-symbol {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: -0.18em;
  margin-inline-start: 5px;
  fill: currentColor;
  stroke: none;
}
.related-link .external-icon {
  margin-inline-start: auto;
}
.reference-search > .material-symbol {
  width: 20px;
  height: 20px;
  flex: none;
  color: var(--muted);
}
.reference-search input {
  flex: 1;
  min-width: 0;
  width: 0;
}
.credential-document-link svg {
  fill: currentColor;
  stroke: none;
}
@media (prefers-reduced-motion: reduce) {
  .material-symbol {
    transition: none !important;
    animation: none !important;
  }
}
.credential-action .icon {
  fill: currentColor;
  stroke: none;
}
.hero-foot > a > .material-symbol {
  fill: currentColor;
  stroke: none;
}
.reference-search > .material-symbol {
  fill: currentColor;
  stroke: none;
}
.reference-search input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background-color: var(--muted);
  -webkit-mask: url("/site-assets/images/homepage/icons/symbols-300/close.svg")
    center/contain no-repeat;
  mask: url("/site-assets/images/homepage/icons/symbols-300/close.svg")
    center/contain no-repeat;
  cursor: pointer;
}