/* Inline vector icons stay identical on iOS, Android and desktop fonts. */
svg.ui-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  min-width: 1em;
  flex: 0 0 auto;
  vertical-align: -.125em;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  pointer-events: none;
}
svg.ui-icon[fill="currentColor"] { fill: currentColor; }
.logo-symbol { display: inline-flex; align-items: center; justify-content: center; }
.logo-symbol .ui-icon { vertical-align: 0; }
.circle .ui-icon, .explain-icon .ui-icon, .success-mark .ui-icon,
.close .ui-icon, .ac-close .ui-icon, .as-file-remove .ui-icon {
  display: block;
  margin: auto;
}