.tag
{
	display: inline-block;
	font-size: 13px;
	margin-top: 1px;
	margin-right: 3px;
	background-color: #4080c0;
	border-radius: var(--border-radius-small);
	color #ffffff;
	overflow: hidden;
	word-break: keep-all;
	cursor: default;
}
.tag a,
.tag a:hover,
.tag a:active,
.tag a:visited,
.tag span
{
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	padding: var(--spacing-small) var(--spacing-medium-small);
}
/*negation*/
.tag[data-tag^="-"],
.tag[data-tag^="-"] span,
.tag[data-tag^="-"] a
{
	text-decoration: line-through;
}
.tag[data-tag^="-"]:hover,
.tag[data-tag^="-"]:hover span,
.tag[data-tag^="-"]:hover a
{
	text-decoration: none;
}
/*special tags*/
.tag[data-tag^="author:"],
.tag[data-tag^="-author:"]
{
	background-color: #408000;
}
.tag[data-tag^="char:"],
.tag[data-tag^="-char:"]
{
	background-color: #ff4000;
}
.tag[data-tag^="source:"],
.tag[data-tag^="-source:"]
{
	background-color: #804000;
}
.tag[data-tag^="before:"],
.tag[data-tag^="after:"]
{
	background-color: #808080;
}
.tag[data-tag^="set:"],
.tag[data-tag^="-set:"]
{
	background-color: #8000ff;
}
.tag[data-tag^="title:"],
.tag[data-tag^="-title:"]
{
	background-color: #ff0080;
}
.tag[data-tag^="mirror:"],
.tag[data-tag^="-mirror:"]
{
	background-color: #008080;
}
.tag[data-tag^="group:"],
.tag[data-tag^="-group:"]
{
	background-color: #ff8000;
}
.tag[data-tag^="cover:"],
.tag[data-tag^="-cover:"]
{
	background-color: #004080;
}
.tag[data-tag^="filename:"],
.tag[data-tag^="-filename:"]
{
	background-color: #c04080;
}
/*actions*/
[class^="tag-action"]
{
	display: inline-block;
	width: 1.25ex;
	height: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.25);
	cursor: pointer;
}
[class^="tag-action"]:hover
{
	background-color: rgba(0, 0, 0, 0.5);
}