.sumd {
	width: 80vw;
	padding: 1vw;
	background-color: rgb(173, 216, 230, 0.5);
	border-radius: 0.5vw;
	display: flex;
	flex-direction: row;
}

.sum {
	font-family: Dosis;
	font-weight: 300;
	font-size: 4vh;
}

.sumlnk {
	font-family: Dosis;
	font-weight: 300;
	font-size: 4vh;
}

.lnklst {
	width: 80vw;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.lnkbtn2 {
	padding: 1vw;
	background-color: rgb(173, 216, 230, 0.5);
	border-radius: 0.5vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.lnkimg {
	border-radius: 0.5vw;
	width: 5vw;
	left: 0vw;
}

.lnk {
	font-family: Dosis;
	font-weight: 300;
	font-size: 2vh;
}

.artlst-wrapper {
	width: 80vw;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.5vw;
}

.artlst-scroll-btn {
	flex-shrink: 0;
	width: 3vw;
	height: 3vw;
	background-color: rgb(173, 216, 230, 0.5);
	border: none;
	border-radius: 50%;
	font-size: 2.5vw;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.2s;
}

.artlst-scroll-btn:disabled {
	opacity: 0.25;
	cursor: default;
}

.artlst-scroll-btn:not(:disabled):hover {
	background-color: rgb(173, 216, 230, 1);
}

.artlst {
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	overflow-x: hidden;
	border-radius: 0.5vw;
}

.art {
	padding: 1vw;
	background-color: rgb(173, 216, 230, 0.5);
	border-radius: 0.5vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.artNAE {
	margin-right: 1vw;
}

.artimg {
	border-radius: 0.5vw;
	width: 17vw;
	left: 0vw;
}

.artlnk {
	font-family: Dosis;
	font-weight: 300;
	font-size: 4vh;
	white-space: nowrap;
}

.loadMore {
	padding: 1vw;
	background-color: rgb(173, 216, 230, 0.5);
	border-radius: 0.5vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.loadMoreBTx {
	font-family: Dosis;
	font-weight: 300;
	font-size: 4vh;
	white-space: nowrap;
}