/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~ Product and property of Titan Informatics LLC ~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* OPTIONS START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
[data-type="options"] {
	position: relative;
	float: left;
}
[data-type="options"]::before {
	content: attr(data-value);
	width: 100%;
	line-height: 3rem;
	padding: 0 15px;
	border: 1px solid transparent;
	position: relative;
	float: left;
	cursor: pointer;
	z-index: 5;
}
[data-type="options"]::after {
	font-family: "Font Awesome 6 Sharp";
	/*font-size: 1.188rem;*/
	font-weight: 300;
	content: "\f078";
	height: calc(100% - 2px);
	padding: 0 20px;
	position: absolute;
	top: 1px; right: 1px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}
[data-type="options"] ul {
	width: 100%;
	position: absolute;
	top: calc(100% - 1px); left: 0;
	border: 1px solid transparent;
	background: inherit;
	-webkit-box-shadow: 0 7.5px 15px -5px rgba(0, 0, 0, 0.25);
	   -moz-box-shadow: 0 7.5px 15px -5px rgba(0, 0, 0, 0.25);
			box-shadow: 0 7.5px 15px -5px rgba(0, 0, 0, 0.25);
	border-top: unset;
	list-style: none;
	overflow-y: auto;
	display: none;
	z-index: 6;
}
[data-type="options"] li {
	width: 100%;
	padding: 15px 15px;
	position: relative;
	float: left;
	border-bottom: 1px solid transparent;
	cursor: pointer;
}
[data-type="options"] li:nth-last-of-type(1) {
	border-bottom: unset;
}
[data-type="options"] li::after {
	content: attr(data-value);
}
[data-type="options"] li:hover {
	background: rgba(0, 0, 0, 0.06);
}
[data-type="options"] li.selected {
	background: rgba(0, 0, 0, 0.04);
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ OPTIONS ENDS */