.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 .text-elems{
	gap: 10px 5px;
}
.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;
}