.list-item.unavailable{
	opacity: 0.5;
	position: relative;
}
.list-item.unavailable::after{
	content: 'on loan';
	position: absolute;
	color: var(--main-bg);
	background: var(--text-on-bg);
	font-size: xx-large;
	top: 36%;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.list-item.unavailable:hover::after, .list-item.unavailable:focus::after{ 	display: none; }
.list-item .text-elems{
	gap: 10px 5px;
}
.list-item.expansion{
	background: rgba(0, 252, 55, 0.2);
}
.list-item{
	background:	var(--less-peachy);
}

.list-item .text-elems .published{opacity: 0.5}
.list-item .text-elems .name{
	width: calc(100% - 55px);
}
#check-out-game-form *{width: 100%}
#check-out-game-form{
	flex-direction: column;
}
#add-a-game-form{
	flex-direction: column;
}
#add-a-game-form input{	width: unset;}
#add-a-game-form button{	
	width: 100%;
	margin: unset;
}

.filters.admin-only{
	background-color: var(--v-diff-2);
	color: var(--text-on-vdiff);
}

.exp-chip{ 
	display: none; 
	background: var(--less-peachy);
	border-radius: 5px;
	padding: 1px 5px;
	font-size: smaller;
}
.expansion .exp-chip{
	display: block;
}
.list-item.expansion .text-elems .name{
	width: calc(100% - 100px);
}

#add-a-game-form #new-lib-item-is-expansion-input{ 
	width: 25px;
	margin: auto;
}