.mk-font-icons {
  display: inline-block;
}
.mk-font-icons.icon-align-right {
  float: right;
}
.mk-font-icons.icon-align-center {
  display: block;
  text-align: center;
}
.mk-font-icons.icon-align-left {
  float: left;
}
.mk-font-icons .font-icon {
  display: inline-block;
  line-height: normal;
}
.mk-font-icons .font-icon.circle-enabled {
  text-align: center;
  border-radius: 256px;
}
.mk-font-icons .font-icon.mk-size-small svg {
  height: 16px;
  width: 16px;
}
.mk-font-icons .font-icon.mk-size-small.circle-enabled {
  padding: 3px;
  width: 16px;
  height: 16px;
}
.mk-font-icons .font-icon.mk-size-small.circle-enabled svg {
  height: 12px;
  width: 12px;
}
.mk-font-icons .font-icon.mk-size-medium svg {
  height: 32px;
  width: 32px;
}
.mk-font-icons .font-icon.mk-size-medium.circle-enabled {
  padding: 3px;
  width: 32px;
  height: 32px;
 }
.mk-font-icons .font-icon.mk-size-medium.circle-enabled svg {
  height: 16px;
  width: 16px;
}
.mk-font-icons .circle-enabled .mk-svg-icon {
  margin: 0 auto;
}
.mk-font-icons .font-icon.mk-size-large svg {
  height: 48px;
  width: 48px;
}
.mk-font-icons .font-icon.mk-size-large.circle-enabled {
  width: 48px;
  height: 48px;
}
.mk-font-icons .font-icon.mk-size-large.circle-enabled svg {
  height: 24px;
  width: 24px;
}
.mk-font-icons .font-icon.mk-size-x-large svg {
  height: 64px;
  width: 64px;
}
.mk-font-icons .font-icon.mk-size-x-large.circle-enabled {
  width: 64px;
  height: 64px;
}
.mk-font-icons .font-icon.mk-size-x-large.circle-enabled svg {
  height: 32px;
  width: 32px;
}
.mk-font-icons .font-icon.mk-size-xx-large svg {
  height: 128px;
  width: 128px;
}
.mk-font-icons .font-icon.mk-size-xx-large.circle-enabled {
  width: 128px;
  height: 128px;
}
.mk-font-icons .font-icon.mk-size-xx-large.circle-enabled svg {
  height: 48px;
  width: 48px;
}
.mk-font-icons .font-icon.mk-size-xxx-large svg {
  height: 256px;
  width: 256px;
}
.mk-font-icons .font-icon.mk-size-xxx-large.circle-enabled {
  width: 256px;
  height: 256px;
}
.mk-font-icons .font-icon.mk-size-xxx-large.circle-enabled svg {
  height: 64px;
  width: 64px;
}

/* Needed for backward compatibility alignment */
.mk-font-icons .font-icon.mk-size-small {
  font-size: 16px;
}
.mk-font-icons .font-icon.mk-size-small.circle-enabled {
  font-size: 12px;
}
.mk-font-icons .font-icon.mk-size-medium {
  font-size: 32px;
}
.mk-font-icons .font-icon.mk-size-medium.circle-enabled {
  font-size: 16px;
}
.mk-font-icons .font-icon.mk-size-large {
  font-size: 48px;
}
.mk-font-icons .font-icon.mk-size-large.circle-enabled {
  font-size: 24px;
}
.mk-font-icons .font-icon.mk-size-x-large {
  font-size: 64px;
}
.mk-font-icons .font-icon.mk-size-x-large.circle-enabled {
  font-size: 32px;
}
.mk-font-icons .font-icon.mk-size-xx-large {
  font-size: 128px;
}
.mk-font-icons .font-icon.mk-size-xx-large.circle-enabled {
  font-size: 48px;
}
.mk-font-icons .font-icon.mk-size-xxx-large {
  font-size: 256px;
}
.mk-font-icons .font-icon.mk-size-xxx-large.circle-enabled {
  font-size: 64px;
}