:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle;
}

audio, video {
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

:where(iframe) {
  border-style: none;
}

img {
  &:not([height]) {
    max-width: 100%;
    height: auto;
  }

  border-style: none;
}

:where(svg:not([fill])) {
  fill: currentColor;
}

svg:not(:scope), svg:not(:host) {
  overflow: hidden;
}