.bg-opacity-hover-0-100 {
	--bs-bg-opacity: 0;
}
.bg-opacity-hover-30-100 {
	--bs-bg-opacity: 0.3;
}
.bg-opacity-hover-0-100:hover,
.bg-opacity-hover-30-100:hover {
	--bs-bg-opacity: 1;
}
.badge.text-bg-secondary {
	--bs-bg-opacity: 0.5;
}

.fs-07 {
	font-size: 70%;
}

.star, .asterisk, .archive, .plus, .dots {
	position: relative;
}

.btn.dots::after {
	position: absolute;
	display: block;
	content: "...";
	bottom: 0.1rem;
	right: 0.1rem;
	font-size: 0.7rem;
	line-height: 0.6rem;
}

.btn.star::before {
	position: absolute;
	display: block;
	content: "★";
	top: 0;
	right: 0.1rem;
	font-size: 0.6rem;
	line-height: 0.5rem;
}
.btn.asterisk::before {
	position: absolute;
	display: block;
	content: "✱";
	top: 0;
	right: 0.1rem;
	font-size: 0.5rem;
	line-height: 0.4rem;
}
.btn.archive::before {
	position: absolute;
	display: inline-block;
	content: "\f10c";
	font-family: bootstrap-icons !important;
	font-weight: 400 !important;
	top: 0.1em;
	right: 0.1em;
	font-size: 0.6em;
	line-height: 0.5rem;
}

i.plus::after {
	position: absolute;
	display: block;
	content: "+";
	font-style: normal;
	bottom: 0.2em;
	right: -0.3em;
	font-size: 0.6rem;
	line-height: 0.5rem;
}
i.asterisk::after {
	position: absolute;
	display: block;
	content: "✱";
	font-style: normal;
	top: 0;
	right: -0.3em;
	font-size: 0.5rem;
	line-height: 0.4rem;
}

.popover {
	--bs-popover-body-padding-x: 0.25rem;
	--bs-popover-body-padding-y: 0.25rem;
	--bs-popover-bg: #eef;
}