[v-cloak] {
	display: none;
}

.io-popover {
	position: relative;

}

.io-popover-container {
	position: absolute;
	z-index: 1;
	padding: .5rem 1rem;
	top: 3em;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	width: 300px;
	background-color: white;
}

.ioselect {
	position: relative;
}

.ioselect .list-group span {
	font-weight: bold;
	font-size: 1.1em;
}

.ioselect .selector {
	border: 1px solid var(--bs-border-color);
	padding: 3px 6px;

}

.ioselect .selector:after {
	display: inline-block;
	content: '▾';
	position: absolute;
	right: 1em;
	top: .5em;
	transform: scale(1.5);

	z-index: 1;
}

.ioselect .list-group p {
	padding-top: .5rem;

}

.ioselect .list-group {
	position: absolute;
	top: 2em;
	max-height: 15em;
	overflow-y: scroll;
	border: 1px solid var(--bs-list-group-border-color);
	z-index: 99;
}

.ioselect .list-group .list-group-item:hover {
	background-color: var(--bs-primary-bg-subtle);
}

.ioselect .list-group-item[data-selected=true] {
	background-color: var(--bs-primary-bg-subtle);
}