.cosmo-tooltip {
	position: absolute;
	z-index: 5;
	display: none;
	max-width: 100%;
	padding: .25rem .5rem;
	margin-top: .1rem;
	font-size: .875rem;
	color: var(--bs-dark);
	background-color: var(--bs-light);
   border-radius: var(--bs-border-radius);
}
[data-bs-theme="dark"] .cosmo-tooltip {
	color: var(--bs-white);
	background-color: var(--bs-dark);
}
.cosmo-tooltip.cosmo-tooltip-success {
	color: var(--bs-white);
	background-color: var(--bs-success);
}
.cosmo-tooltip.cosmo-tooltip-error {
	color: var(--bs-white);
	background-color: var(--bs-danger);
}
.cosmo-tooltip.cosmo-tooltip-warning {
	color: var(--bs-white);
	background-color: var(--bs-warning);
}
.cosmo-tooltip.cosmo-tooltip-info {
	color: var(--bs-white);
	background-color: var(--bs-info);
}