/* Transparent painted images use the same control footprints as before. */
img.ui-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  flex: none;
  object-fit: contain;
  vertical-align: middle;
  pointer-events: none;
}
.topbar nav img.ui-icon { width: 22px; height: 22px; }
.dialog-top h2 img.ui-icon { width: 27px; height: 27px; }
.close-dialog img.ui-icon { width: 17px; height: 17px; }
.setting-label img.ui-icon { width: 21px; height: 21px; }
.control-icon img.ui-icon { width: 24px; height: 24px; }
.control-chevron img.ui-icon { width: 13px; height: 13px; }
.option-check img.ui-icon { width: 17px; height: 17px; }
.playback-dock :is(.play-button, .transport-button, #classroomViewButton) img.ui-icon {
  width: 24px;
  height: 24px;
}
.playback-dock .control-icon img.ui-icon { width: 28px; height: 28px; }
.playback-dock .select-menu .control-icon img.ui-icon { width: 34px; height: 34px; }
.master-volume-control img.ui-icon { width: 22px; height: 22px; }
.count-in-card img.ui-icon { width: 36px; height: 36px; }
@media (max-width: 650px) {
  .playback-dock .select-trigger .control-icon img.ui-icon { width: 20px; height: 20px; }
  .playback-dock .control-chevron img.ui-icon { width: 11px; height: 11px; }
}