/* Angular utilities share the site's Ink & Steel colors through currentColor. */
.ui-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: none;
  vertical-align: -.15em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: square;
  stroke-linejoin: miter;
  pointer-events: none;
}
.ui-icon-lg { width: 24px; height: 24px; }
.play-mark .ui-icon { width: 30px; height: 30px; }
.lb-close .ui-icon, .lb-prev .ui-icon, .lb-next .ui-icon, .viewer-close .ui-icon {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}