.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; } .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; } .mk-font-icons .font-icon.mk-size-medium svg { height: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; } .mk-font-icons .circle-enabled .mk-svg-icon { margin:0 auto; } .mk-font-icons .font-icon.mk-size-large svg { height: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; } .mk-font-icons .font-icon.mk-size-x-large svg { height: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; } .mk-font-icons .font-icon.mk-size-xx-large svg { height: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; } .mk-font-icons .font-icon.mk-size-xxx-large svg { height: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; } .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; }