.support-dl-list {

	.row {
		display: flex;
		gap: 2em;
		margin-bottom: 2em;
	}

	.item {
		display: block;
		color: inherit;
		text-decoration: none;
		width: 25%;
		transition: opacity ease .5s;

		&:hover {
			opacity: .75;
		}
	}

	.image {
		display: block;
		content: "";
		width: 100%;
	  aspect-ratio: 210/297;
	  overflow: hidden;
	  background: #f5f5f7;
		box-shadow: 0 0 16px rgba(0,0,0,.25);

		img {
			width: 100%;
  		height: 100%;
			object-fit: contain;
		}
	}

	.title {
		margin: .5em 0;
		padding: .5em;
		font-size: 80%;
		color: var(--color-primary);
		text-align: center;
	}

	@media(max-width: 750px) {
		.row {
			flex-direction: column;
		}
		.item {
			width: auto;
		}
	}
}

#loading {
	position: relative;
	margin: 1em 0;
	border-radius: 8px;
	background: var(--color-borders);
	overflow: hidden;
	z-index: -1;
}
.loading-text {
	text-align: center;
	color: white;
	padding: .5em;
}
.loading-bar {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: var(--color-secondery);
	transition: width .5s ease;
	z-index: -1;
}