:root {
	--cancel: url('data:image/svg+xml;charset=UTF-8,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="%23666666" d="M10.5 4l-2.5 2.5-2.5-2.5-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 2.5-2.5 2.5 2.5 1.5-1.5-2.5-2.5 2.5-2.5z"%3E%3C/path%3E%3C/svg%3E');
	--cancel-wht: url('data:image/svg+xml;charset=UTF-8,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="%23f8f8f8" d="M10.5 4l-2.5 2.5-2.5-2.5-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 2.5-2.5 2.5 2.5 1.5-1.5-2.5-2.5 2.5-2.5z"%3E%3C/path%3E%3C/svg%3E');
}
.bloglstloading {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 2rem auto 0 auto;
	padding: 2rem;
	background-color: var(--rewaldblue);
	border: 0.0625rem solid var(--txt);
	border-radius: 50%;
	box-shadow: 0 0 0.625rem 0 rgba(var(--rgbblack),0.25);
	-webkit-animation: bloglstloadingimg 4s steps(240) infinite;
	animation: bloglstloadingimg 4s steps(240) infinite;
}
@keyframes bloglstloadingimg {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
	100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
.filterrestheight {
	height: 2rem;
}
.btnfilterreset {
	padding: 0 1.25rem 0 2rem;
	font-weight: 400;
	line-height: 1.25rem;
	background-color: var(--bgerror);
	background-image: var(--cancel);
	background-size: 1.25rem auto;
	background-position: center left 0.5rem;
	background-repeat: no-repeat;
}
.btnfilterreset:hover {
	background-image: var(--cancel-wht);
}

.bloglstbox {
	border-top: 0.0625rem solid var(--border);
}

.bloglstlink {
	width: 100%;
	border-bottom: 0.0625rem solid var(--border);
}
.bloglstlink:hover {
	box-shadow: 0 0 0.625rem 0 rgba(var(--rgbblack),0.25);
}

.bloglstimgbox	img {
	max-width: 100%;
	height: auto;
}
.bloglstimgbox	svg path {
	fill: var(--txt);
}
.bloglstnodata {
	min-height: 30vh;
}

@media screen and (min-width: 500px) {

.bloglstlink {
	flex: 1 1 49%;
	max-width: calc(50% - 0.0625rem);
}
.bloglstlink:nth-child(4n-2) {
	border-right: 0.0625rem solid var(--border);
}
}

@media screen and (min-width: 960px) {
.bloglstlink {
	flex: 1 1 49%;
	max-width: calc(50% - 0.125rem);
	border-left: 0.0625rem solid var(--border);
	border-bottom: 0.0625rem solid var(--border);
	border-right: 0.0625rem solid var(--border);
}
.bloglstlink:nth-child(4n) {
	border-left: none;
}
}