/*
English:

CSS framework framework.averin.pro 
Version: 6.0.1
Prefix: ""
Author: Artemiy Averin (ya@averin.pro)
Company: Design studio Artemy Averin (https://averin.pro/) 

Docs & Examples: https://framework.averin.pro/ 

Русский: 

CSS фреймворк framework.averin.pro
Версия: 6.0.1
Префикс: ""
Студия Артемия Аверина (ya@averin.pro)
 
Документая и примеры: httpы://framework.averin.pro/
*/

/*** Start label component ***/
.mark { display: inline-block; vertical-align: baseline; text-decoration: none; font-size: 0.84375rem; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 20px; color: #ff6f69; padding: 0 0.5em; border: 1px solid #ff6f69; border-radius: 0.1875rem; } 
.mark a { color: inherit; text-decoration: none; } 
.mark a:hover { color: inherit; text-decoration: underline; } 
.mark .close { margin-right: -3px; }
a.mark { } 
a.mark:hover { text-decoration: underline; }
.mark.red { background: #ff6f69; color: #FFFFFF; border: 1px solid #ff6f69; }
.mark.yellow { background: #f5fe4d; color: #000000; border: 1px solid #f5fe4d; }
.mark.green { background: #3eed06; color: #FFFFFF; border: 1px solid #3eed06; }
.mark.blue { background: #06c1ec; color: #FFFFFF; border: 1px solid #06c1ec; }
.mark.gray { background: gray; color: #FFFFFF; border: 1px solid gray; }
.mark.dark { background: #000000; color: #FFFFFF; border: 1px solid #000000; }

.badge { display: inline-block; vertical-align: baseline; text-decoration: none; font-size: 0.84375rem; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 20px; color: #ff6f69; border: 1px solid #ff6f69; text-align: center; font-size: 11px; line-height: 0.90625rem; min-height: 26px; min-width: 26px;border-radius: 64px;  padding: 5px; }
.badge.red { background: #ff6f69; color: #FFFFFF; border: 1px solid #ff6f69; }
.badge.yellow { background: #f5fe4d; color: #000000; border: 1px solid #f5fe4d; }
.badge.green { background: #3eed06; color: #FFFFFF; border: 1px solid #3eed06; }
.badge.blue { background: #06c1ec; color: #FFFFFF; border: 1px solid #06c1ec; }
.badge.gray { background: gray; color: #FFFFFF; border: 1px solid gray; }
.badge.dark { background: #000000; color: #FFFFFF; border: 1px solid #000000; }
/*** End label component ***/