/* Community Material Icons, served locally (static/assets/icons/*.svg — no CDN).
   Same mechanism as the PiWRT reference: CSS mask + currentColor, so every icon
   follows the text color of its container (theme-proof, works on colored buttons). */
.ic {
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  flex: 0 0 auto;
  vertical-align: -0.15em;
  background: currentColor;
  -webkit-mask: var(--i) center/contain no-repeat;
  mask: var(--i) center/contain no-repeat;
}

.i-account-circle { --i: url(../assets/icons/account-circle.svg); }
.i-arrow-up-bold { --i: url(../assets/icons/arrow-up-bold.svg); }
.i-camera { --i: url(../assets/icons/camera.svg); }
.i-check { --i: url(../assets/icons/check.svg); }
.i-chevron-down { --i: url(../assets/icons/chevron-down.svg); }
.i-chevron-right { --i: url(../assets/icons/chevron-right.svg); }
.i-close { --i: url(../assets/icons/close.svg); }
.i-information-outline { --i: url(../assets/icons/information-outline.svg); }
.i-arrow-left-bold { --i: url(../assets/icons/arrow-left-bold.svg); }
.i-cog { --i: url(../assets/icons/cog.svg); }
.i-delete { --i: url(../assets/icons/delete.svg); }
.i-download { --i: url(../assets/icons/download.svg); }
.i-emoticon-outline { --i: url(../assets/icons/emoticon-outline.svg); }
.i-flash { --i: url(../assets/icons/flash.svg); }
.i-fullscreen { --i: url(../assets/icons/fullscreen.svg); }
.i-hand-wave { --i: url(../assets/icons/hand-wave.svg); }
.i-hand-back-right { --i: url(../assets/icons/hand-back-right.svg); }
.i-gesture-swipe-horizontal { --i: url(../assets/icons/gesture-swipe-horizontal.svg); }
.i-axis-x-arrow { --i: url(../assets/icons/axis-x-arrow.svg); }
.i-axis-y-arrow { --i: url(../assets/icons/axis-y-arrow.svg); }
.i-axis-z-arrow { --i: url(../assets/icons/axis-z-arrow.svg); }
.i-axis-x-rotate-clockwise { --i: url(../assets/icons/axis-x-rotate-clockwise.svg); }
.i-axis-y-rotate-clockwise { --i: url(../assets/icons/axis-y-rotate-clockwise.svg); }
.i-axis-z-rotate-clockwise { --i: url(../assets/icons/axis-z-rotate-clockwise.svg); }
.i-antenna { --i: url(../assets/icons/antenna.svg); }
.i-rotate-3d-variant { --i: url(../assets/icons/rotate-3d-variant.svg); }
.i-brightness-6 { --i: url(../assets/icons/brightness-6.svg); }
.i-chevron-left { --i: url(../assets/icons/chevron-left.svg); }
.i-tray-arrow-up { --i: url(../assets/icons/tray-arrow-up.svg); }
.i-login-variant { --i: url(../assets/icons/login-variant.svg); }
.i-home { --i: url(../assets/icons/home.svg); }
.i-heart { --i: url(../assets/icons/heart.svg); }
.i-star { --i: url(../assets/icons/star.svg); }
.i-logout { --i: url(../assets/icons/logout.svg); }
.i-menu { --i: url(../assets/icons/menu.svg); }
.i-microphone { --i: url(../assets/icons/microphone.svg); }
.i-music-note { --i: url(../assets/icons/music-note.svg); }
.i-open-in-new { --i: url(../assets/icons/open-in-new.svg); }
.i-package-variant-closed { --i: url(../assets/icons/package-variant-closed.svg); }
.i-eye-outline { --i: url(../assets/icons/eye-outline.svg); }
.i-motion-play-outline { --i: url(../assets/icons/motion-play-outline.svg); }
.i-palette { --i: url(../assets/icons/palette.svg); }
.i-pause { --i: url(../assets/icons/pause.svg); }
.i-play { --i: url(../assets/icons/play.svg); }
.i-plus { --i: url(../assets/icons/plus.svg); }
.i-power { --i: url(../assets/icons/power.svg); }
.i-record { --i: url(../assets/icons/record.svg); }
.i-refresh { --i: url(../assets/icons/refresh.svg); }
.i-restart { --i: url(../assets/icons/restart.svg); }
.i-robot { --i: url(../assets/icons/robot.svg); }
.i-sleep { --i: url(../assets/icons/sleep.svg); }
.i-stop { --i: url(../assets/icons/stop.svg); }
.i-store { --i: url(../assets/icons/store.svg); }
.i-gamepad-variant { --i: url(../assets/icons/gamepad-variant.svg); }
.i-restore { --i: url(../assets/icons/restore.svg); }
.i-crosshairs { --i: url(../assets/icons/crosshairs.svg); }
.i-monitor { --i: url(../assets/icons/monitor.svg); }
.i-apple { --i: url(../assets/icons/apple.svg); }
.i-text-box-outline { --i: url(../assets/icons/text-box-outline.svg); }
.i-cube-outline { --i: url(../assets/icons/cube-outline.svg); }
.i-headphones { --i: url(../assets/icons/headphones.svg); }
.i-volume-off { --i: url(../assets/icons/volume-off.svg); }
.i-video { --i: url(../assets/icons/video.svg); }
.i-volume-high { --i: url(../assets/icons/volume-high.svg); }
.i-volume-medium { --i: url(../assets/icons/volume-medium.svg); }
.i-web { --i: url(../assets/icons/web.svg); }
.i-translate { --i: url(../assets/icons/translate.svg); }
.i-tune { --i: url(../assets/icons/tune.svg); }
.i-cube-outline { --i: url(../assets/icons/cube-outline.svg); }
.i-movie-open-outline { --i: url(../assets/icons/movie-open-outline.svg); }
.i-feather { --i: url(../assets/icons/feather.svg); }
.i-ip-network { --i: url(../assets/icons/ip-network.svg); }
.i-magnify { --i: url(../assets/icons/magnify.svg); }
.i-cloud-off-outline { --i: url(../assets/icons/cloud-off-outline.svg); }
.i-webcam { --i: url(../assets/icons/webcam.svg); }
.i-wifi-4 { --i: url(../assets/icons/wifi-4.svg); }
.i-weather-night { --i: url(../assets/icons/weather-night.svg); }
.i-weather-sunny { --i: url(../assets/icons/weather-sunny.svg); }