.block-reader-favorites {
	border-top: 2px solid var(--wp--preset--color--primary);
	border-bottom: 2px solid var(--wp--preset--color--primary);
	border-radius: 8px;
	padding: 16px;
}

@media (min-width: 800px) {
	.block-reader-favorites {
		border: 2px solid var(--wp--preset--color--primary);
		border-radius: 8px;
		padding: 16px;
	}

	body.full-width-content .block-reader-favorites {
		padding: 40px;
	}
}

@media (max-width: 800px) {
	.entry-content > .block-reader-favorites {
		margin-left: calc(-1* var(--wp--custom--layout--padding));
		margin-right: calc(-1* var(--wp--custom--layout--padding));
		max-width: 100vw;
	}
}

.block-reader-favorites__inner {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
}

@media (min-width: 800px) {
	.block-reader-favorites__inner {
		grid-template-columns: minmax(0, 344px) 1fr;
		column-gap: 17px;
	}

	body.full-width-content .block-reader-favorites__inner {
		grid-template-columns: minmax(0, 450px) 1fr;
		column-gap: 40px;
	}
}

.block-reader-favorites .block-reader-favorites__featured {
	background: var(--wp--preset--color--background);
	box-shadow: var(--wp--custom--box-shadow--1);
	border-radius: 8px;
	overflow: hidden;
	text-align: center;
}

.block-reader-favorites .block-reader-favorites__featured img {
	aspect-ratio: 3 / 4;
	object-fit: cover;
	width: 100%;
}

.block-reader-favorites .block-reader-favorites__featured-content {
	padding: 8px 12px 16px;
}

.block-reader-favorites__featured-category {
    position: relative;
    margin-top: -28px;
}

.block-reader-favorites__featured-category span {
	display: inline-block;
	padding: 8px 12px;
	background: var(--wp--preset--color--secondary);
	border: 3px solid var(--wp--preset--color--background);
	font-family: var(--wp--preset--font-family--system-sans-serif);
	font-size: var(--wp--preset--font-size--min);
	font-weight: 400;
	letter-spacing: var(--wp--custom--letter-spacing--loose);
	line-height: var(--wp--custom--line-height--small);
	text-transform: uppercase;
}

.block-reader-favorites .block-reader-favorites__featured-content a {
	display: block;
	margin-top: 8px;
	font-family: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 400;
	letter-spacing: var(--wp--custom--letter-spacing--none);
	line-height: var(--wp--custom--line-height--small);
	text-transform: none;
	color: var(--wp--preset--color--foreground);
	text-decoration: none;
}

.block-reader-favorites .block-reader-favorites__featured-content a:hover {
	color: var(--wp--preset--color--primary);
}

.block-reader-favorites .block-reader-favorites__header figure {
	margin: 0 auto;
}

body:not(.full-width-content) .block-reader-favorites .block-reader-favorites__header figure {
	display: none;
}

@media (max-width: 800px) {
	.block-reader-favorites .block-reader-favorites__header figure {
		display: none;
	}
}

.block-reader-favorites .block-reader-favorites__header img {
	width: 112px;
	height: 67px;
}

.block-reader-favorites .block-reader-favorites__header h2 {
	margin-top: 32px;
}

@media (min-width: 800px) {
	.block-reader-favorites .block-reader-favorites__header h2 {
		margin-top: 0;
	}

	body.full-width-content .block-reader-favorites .block-reader-favorites__header h2 {
		margin-top: 16px;
	}
}

.block-reader-favorites ul {
	padding: 0;
}

body:not(.full-width-content) .block-reader-favorites ul {
	margin-top: 0;
}

.block-reader-favorites ul li {
	display: flex;
	column-gap: 4px;
	padding: 20px 0;
	border-bottom: 2px dotted var(--wp--preset--color--quinary);
}

body.full-width-content .block-reader-favorites ul li {
	padding: 28px 0;
}

.block-reader-favorites ul li a {
	font-family: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 400;
	letter-spacing: var(--wp--custom--letter-spacing--none);
	line-height: var(--wp--custom--line-height--small);
	text-transform: none;
	color: var(--wp--preset--color--foreground);
	text-decoration: none !important;
}

.block-reader-favorites ul li a:hover {
	color: var(--wp--preset--color--primary);
}

.block-reader-favorites ul li::before {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	min-width: 22px;
}

.block-reader-favorites footer {
	padding: 16px 0;
	text-align: center;
}

@media (min-width: 800px) {
	.block-reader-favorites footer {
		padding: 16px 0 0;
	}

	body.full-width-content .block-reader-favorites footer {
		padding: 36px 0 0;
	}
}