/* UI-1r1: inline SVG icons (Material Symbols → .k-icon) */
.material-symbols-outlined.is-svg,
.material-icons.is-svg {
  font-family: inherit;
}

/* Unify material-icons box with material-symbols-outlined */
.material-icons {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  max-width: 1.2em;
  font-size: 24px;
  line-height: 1;
  overflow: hidden;
  vertical-align: middle;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
}

.k-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: top;
  fill: currentColor;
}

/* FILL toggle: show filled glyph only when parent requests fill */
.k-icon--f {
  display: none;
}

.c-bottom-bar--portal .c-bottom-bar__btn.is-active .c-bottom-bar__icon .k-icon--o {
  display: none;
}

.c-bottom-bar--portal .c-bottom-bar__btn.is-active .c-bottom-bar__icon .k-icon--f {
  display: inline-block;
}