/* icon sizes */
.icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: -0.125em;
  flex-shrink: 0;
  pointer-events: none;
}

/* logo mark */
.logo-mark {
  width: 40px;
  height: 40px;
  display: block;
  flex-shrink: 0;
}

.logo-mini .logo-mark,
.logo-mini img { width: 40px; height: 40px; }

/* mobile 768px */
@media (max-width: 768px) {
  .logo-mark { width: 32px; height: 32px; }
}

.icon-sm { width: 0.85em; height: 0.85em; }
.icon-lg { width: 1.5em; height: 1.5em; }
.icon-xl { width: 2em; height: 2em; }