.m-tag { position: relative; justify-content: center; align-items: center; outline: none; border-radius: 4px; font-family: inherit; transition: all 0.2s; will-change: box-shadow; white-space: nowrap; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: thin solid transparent;}.m-tag__content { display: flex; align-items: center;}.m-tag--default { color: #fff; background-color: #172b4d;}.m-tag--primary { color: #fff; background-color: #5e72e4;}.m-tag--info { color: #fff; background-color: #11cdef;}.m-tag--success { color: #fff; background-color: #2fcf8a;}.m-tag--warning { color: #fff; background-color: #fb6340;}.m-tag--error { color: #fff; background-color: #f5365c;}.m-tag--block { width: 100%;}.m-tag--text { background-color: transparent;}.m-tag--text-default { color: inherit;}.m-tag--text-primary { color: #5e72e4;}.m-tag--text-info { color: #11cdef;}.m-tag--text-success { color: #2fcf8a;}.m-tag--text-warning { color: #fb6340;}.m-tag--text-error { color: #f5365c;}.m-tag--normal { height: 36px; padding: 0 10px; font-size: 14px;}.m-tag--large { height: 44px; padding: 0 18px; font-size: 16px;}.m-tag--small { height: 28px; padding: 0 8px; font-size: 12px;}.m-tag--mini { height: 20px; padding: 0 6px; font-size: 12px;}.m-tag--outline { border: thin solid currentColor;}.m-tag--disabled { background-color: #e0e0e0; color: #aaa; cursor: not-allowed; box-shadow: none !important;}.m-tag--text-disabled { color: #aaa;}.m-tag__close-button[tag-cover] { padding: 3px; margin-right: -3px; transform: translateX(3px);}.m-tag__close-button[tag-cover]:hover { background: transparent; transform: translateX(3px);}.m-tag__close-icon[tag-cover] { font-size: 16px;}