@font-face {
	font-family: Minecraftia;
	src: url('https://cosmicpe.me/resources/v1.0.57/showcase/mchover/Minecraftia.ttf');
	font-display: swap;
}
[mchover-data]{
	position: relative;
}
[mchover-data] img{
	width: 48px; height: 48px;
}
[mchover-data]:hover .mctitle{
	display: block;
	z-index: 9999;
	font-size: min(16px, 1.8vw);
}
[mchover-data] .mctitle{
	font-family: Minecraftia, sans-serif;
	background: rgba(17, 3, 20, 0.9);
	box-shadow: 3px 0 0 0 rgb(30 9 65), -3px 0 0 0 rgb(30 9 65), 0 3px 0 0 rgb(30 9 65), 0 -3px 0 0 rgb(30 9 65);

	position: fixed;
	text-align: left;
	display: none;
	padding: 4px;
}
[mchover-data] .mctitle .title{
	margin: 0;
	color: #ffffff;
	text-shadow: 2px 2px 0 #3f3f3f;
}
[mchover-data] .mctitle .lore{
	margin-top: 3px;
	margin-bottom: 0;
	line-height: 1.3em;
	color: #aaaaaa;
	text-shadow: 2px 2px 0 #2a2a2a;
	width: max-content;
}
[mchover-data] .mctitle .id{
	margin-top: 1px;
	padding-bottom: 3px;
	line-height: 1.3em;
	margin-bottom: 0;
	color: #555555;
	text-shadow: 2px 2px 0 #151515;
}
[mchover-glint] .mcglint{
	position: absolute;
	left: 0; top: 0;
	display: inline-block;
	width: 100%; height: 100%;
	background: url('/resources/v1.0.57/showcase/mchover/glint.webp');
	animation: glint 2s steps(128) infinite;
	-webkit-mask-size: 100%;
	-webkit-mask-position: center;
}
.mc-item img {
	image-rendering: pixelated;
}

@keyframes glint{
	100% { background-position: -8192px; }
}

.showcase{
	display: inline-block;
	background-color: #353535;
}
.showcase p{
	padding: unset;
}
.showcase table{
	table-layout: fixed;
	border-collapse: collapse;
}
.showcase td{
	border: 3px solid #616161;
	box-shadow: 3px 3px #000000;
	line-height: 0;
}
.showcase td:hover{
	background-color: #212121;
}
.showcase-wrap{
	display: none;
	margin-top: -3%;
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
	text-align: center;
}
.showcase-wrap h3{
	margin-top: 1vh;
	margin-bottom: -4vh;
}