.aae-a-loop-grid-wrap {
	max-width: 100%;
	padding-inline: 0;
}

.spice-mostread {
	padding: 26px 28px;
	border: 1px solid var( --Hairline, #0000001A );
	border-radius: var( --RadiusPanel );
	background: var( --Surface );
}

.spice-mostread__h {
	margin: 0 0 16px;
	font-family: var( --BodyFont );
	font-size: var( --TextXs );
	font-weight: 700;
	letter-spacing: var( --TrackCaps );
	text-transform: uppercase;
	color: var( --InkSoft );
}

.spice-mostread__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.spice-mostread__row {
	display: flex;
	gap: 12px;
	align-items: center;
	padding: 11px 0;
	border-top: 1px solid var( --Hairline, #0000001A );
}

.spice-mostread__row:first-child {
	border-top: 0;
	padding-top: 0;
}

.spice-mostread__row:last-child {
	padding-bottom: 0;
}

.spice-mostread__th {
	flex: 0 0 auto;
	width: 56px;
	height: 44px;
	border-radius: var( --RadiusButton );
	overflow: hidden;
	background: var( --Hairline, #0000001A );
}

.spice-mostread__th img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.spice-mostread__t {
	margin: 0;
	font-family: var( --DisplayFont );
	font-size: var( --TextXs );
	font-weight: 700;
	line-height: 1.34;
	letter-spacing: var( --Track );
	color: var( --Ink );
	text-decoration: none;
	transition: color 200ms;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.spice-mostread__t:hover,
.spice-mostread__t:focus-visible {
	color: var( --InkMuted );
}

.s-lc-title .e-aae-a-post-title-link-base::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.s-lc-badge {
	position: relative;
	z-index: 2;
}

.s-lc:has( .e-aae-a-post-title-link-base:focus-visible ) {
	outline: 2px solid var( --Ink );
	outline-offset: 4px;
	border-radius: var( --RadiusPanel );
}

.s-lc-title .e-aae-a-post-title-link-base:focus-visible {
	outline: none;
}

.spice-pills {
	display: flex;
	gap: 9px;
	flex-wrap: wrap;
}

.s-ar-controls.s-ar-controls {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}

.s-ar-pills.s-ar-pills {
	flex-direction: row;
	align-items: center;
	flex: 1 1 0%;
	min-width: min-content;
	padding: 0;
}

.s-ar-meta.s-ar-meta {
	flex-direction: row;
	align-items: center;
	gap: 16px;
	flex: 0 0 auto;
	flex-wrap: nowrap;
}

.s-ar-pills .aae-a-loop-filter-list {
	display: flex;
	gap: 9px;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.s-ar-pills .aae-a-loop-filter-item {
	margin: 0;
}

.spice-pill,
.s-ar-pills .aae-a-loop-filter-link.aae-a-loop-filter-link {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 20px;
	border: 1px solid rgba( 0, 0, 0, 0.4 );
	border-radius: var( --RadiusButton );
	background: transparent;
	font-family: var( --DisplayFont );
	font-size: var( --TextXs );
	font-weight: 600;
	color: var( --Ink );
	text-decoration: none;
	transition: background 220ms, color 220ms, border-color 220ms;
}

.spice-pill:hover,
.s-ar-pills .aae-a-loop-filter-link.aae-a-loop-filter-link:hover {
	background: rgba( 0, 0, 0, 0.06 );
}

.spice-pill.is-current,
.s-ar-pills .aae-a-loop-filter-link.aae-a-loop-filter-link[aria-pressed="true"] {
	background: var( --Ink );
	border-color: var( --Ink );
	color: var( --Surface );
}

.spice-pill__n {
	opacity: 0.6;
}

.s-ar-pills .aae-a-loop-filter-list {
	width: auto;
	flex: 0 1 auto;
}

.s-ar-pills .aae-a-loop-filter-clear.aae-a-loop-filter-clear {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	align-self: center;
	min-height: 44px;
	padding: 10px 0;
	border: 0;
	background: transparent;
	font-family: var( --BodyFont );
	font-size: var( --TextXs );
	color: var( --InkMuted );
	text-decoration: none;
	white-space: nowrap;
	transition: color 160ms ease;
}

.s-ar-pills .aae-a-loop-filter-clear.aae-a-loop-filter-clear::after {
	content: "";
	width: 10px;
	height: 10px;
	flex: 0 0 auto;
	background: currentColor;
	-webkit-mask: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.4 1.4 8.6 8.6M8.6 1.4 1.4 8.6' stroke='%23000' stroke-width='1.6' stroke-linecap='round' fill='none'/%3E%3C/svg%3E" ) center / contain no-repeat;
	mask: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.4 1.4 8.6 8.6M8.6 1.4 1.4 8.6' stroke='%23000' stroke-width='1.6' stroke-linecap='round' fill='none'/%3E%3C/svg%3E" ) center / contain no-repeat;
}

.s-ar-pills .aae-a-loop-filter-clear.aae-a-loop-filter-clear:hover,
.s-ar-pills .aae-a-loop-filter-clear.aae-a-loop-filter-clear:focus-visible {
	color: var( --Ink );
}

.s-ar-count.s-ar-count {
	width: auto;
	flex: 0 0 auto;
	white-space: nowrap;
}

.spice-count,
.s-ar-count .aae-a-loop-result-count-text {
	margin: 0;
	font-family: var( --BodyFont );
	font-size: var( --TextXs );
	font-weight: 700;
	letter-spacing: var( --TrackCaps );
	text-transform: uppercase;
	color: var( --InkMuted );
	white-space: nowrap;
}

.s-ar-search.s-ar-search {
	flex-direction: row;
	align-items: center;
	flex: 1 1 auto;
	min-width: 0;
	padding: 0;
}

.s-ar-search .aae-a-loop-filter-form {
	min-width: 0;
}

.s-ar-search .aae-a-loop-search-input {
	min-width: 0;
}

.s-ar-search .aae-a-loop-filter-heading {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset( 50% );
	white-space: nowrap;
}

.s-ar-search .aae-a-loop-filter-form {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
}

.s-ar-search .aae-a-loop-search-input.aae-a-loop-search-input {
	min-height: 45px;
	width: 220px;
	flex: 0 0 220px;
	padding: 10px 16px;
	border: 1px solid var( --Hairline, #0000001A );
	border-radius: var( --RadiusButton );
	background: var( --Surface );
	font-family: var( --BodyFont );
	font-size: var( --TextXs );
	color: var( --Ink );
}

.s-ar-search .aae-a-loop-search-input:focus-visible {
	outline: 2px solid var( --Ink );
	outline-offset: 2px;
}

.s-ar-search .aae-a-loop-search-input::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
	width: 13px;
	height: 13px;
	background:
		linear-gradient( currentColor, currentColor ) center / 100% 1.5px no-repeat,
		linear-gradient( currentColor, currentColor ) center / 1.5px 100% no-repeat;
	rotate: 45deg;
	color: var( --InkSoft, #707070 );
	cursor: pointer;
	transition: color 140ms ease;
}

.s-ar-search .aae-a-loop-search-input::-webkit-search-cancel-button:hover {
	color: var( --Ink, #000000 );
}

.s-ar-search .aae-a-loop-filter-apply.aae-a-loop-filter-apply {
	min-height: 45px;
	padding: 10px 20px;
	border: 1px solid var( --Ink );
	border-radius: var( --RadiusButton );
	background: var( --Ink );
	font-family: var( --DisplayFont );
	font-size: var( --TextXs );
	font-weight: 600;
	color: var( --Surface );
}

@media ( max-width: 767px ) {
	.s-ar-search .aae-a-loop-search-input.aae-a-loop-search-input,
	.s-ar-search .aae-a-loop-filter-apply.aae-a-loop-filter-apply {
		min-height: 40px;
		font-size: 16px;
	}

	.s-lc-cat.s-lc-cat {
		font-size: var( --TextXxs );
	}

	.s-ar-meta.s-ar-meta {
		flex-wrap: wrap;
		gap: 12px;
	}

	.s-ar-search.s-ar-search,
	.s-ar-search .aae-a-loop-filter-form {
		flex: 1 1 100%;
		width: 100%;
	}

	.s-ar-search .aae-a-loop-search-input.aae-a-loop-search-input {
		width: auto;
		flex: 1 1 auto;
		min-width: 0;
	}
}

.s-lc-media .aae-a-post-image,
.s-lc:hover .s-lc-media .aae-a-post-image,
.s-lc-title .e-aae-a-post-title-link-base,
.s-lc:hover .s-lc-title .e-aae-a-post-title-link-base,
.s-lc-badge a,
@media ( prefers-reduced-motion: reduce ) {

	.s-lc:hover .s-lc-media .aae-a-post-image,
}

.elementor .s-lc-title.s-lc-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}

@media ( hover: hover ) and ( pointer: fine ) {
	.s-lc {
		transition: transform 320ms cubic-bezier( 0.4, 0, 0.2, 1 );
	}

	.s-lc:hover {
		transform: translateY( -3px );
	}

	.s-lc-media {
		overflow: hidden;
	}

	.s-lc-media img {
		transition: transform 560ms cubic-bezier( 0.4, 0, 0.2, 1 );
		will-change: transform;
	}

	.s-lc:hover .s-lc-media img {
		transform: scale( 1.045 );
	}

	.s-lc-title {
		transition: opacity 260ms;
	}

	.s-lc:hover .s-lc-title {
		opacity: 0.72;
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.s-lc,
	.s-lc-media img,
	.s-lc-title {
		transition: none;
		transform: none;
	}
}

@keyframes spice-blog-rise {
	from {
		translate: 0 26px;
	}

	to {
		translate: 0 0;
	}
}

@supports ( animation-timeline: view() ) {
	@media ( prefers-reduced-motion: no-preference ) {
		.s-lc {
			animation: spice-blog-rise linear both;
			animation-timeline: view();
			animation-range: entry 0% entry 60%;
		}
	}
}

@keyframes spice-blog-swap {
	from {
		opacity: 0;
		translate: 0 14px;
		scale: 0.985;
	}

	to {
		opacity: 1;
		translate: 0 0;
		scale: 1;
	}
}

@media ( prefers-reduced-motion: no-preference ) {
	.aae-lf-enter > .s-lc {
		animation: spice-blog-swap 0.46s cubic-bezier( 0.2, 0.7, 0.2, 1 ) both;
		animation-timeline: auto;
		animation-delay: calc( min( var( --aae-lf-i, 0 ), 9 ) * 45ms );
	}
}

.s-lc-badge a {
	display: block;
}

.s-lc-badge a::after {
	content: "";
	position: absolute;
	inset: 0;
}


.s-ar-pg.aae-pg-first.aae-pg-last {
	display: none;
}

.s-ar-pg .aae-a-loop-nav,
.s-ar-pg .aae-a-loop-number {
	transition: background 220ms, color 220ms, border-color 220ms;
}

body.tag .s-ar-pills {
	display: none;
}