.facets__heading {
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: -.2px;
	line-height: 1.5
}
.facets-container {
	display: grid;
	grid-template-columns: auto min-content;
	column-gap: 2rem;
	position: relative;
	z-index: 700
}
@media (min-width: 75em) {
	.facets-container {
		z-index: 2;
		grid-template-columns: auto minmax(0, max-content)
	}
	.facets-container>*+* {
		margin-top: 0
	}
}
.facet-filters.facet-filters--desktop {
	display: none
}
@media (min-width: 75em) {
	.facet-filters.facet-filters--desktop {
		display: flex
	}
}
.facets {
	display: block;
	grid-column-start: span 2
}
.facets__form {
	column-gap: 4rem;
	display: grid;
	grid-template-areas: "count filters sort";
	grid-template-columns: max-content 1fr max-content
}
.product-count {
	align-self: flex-end;
	position: relative;
	grid-row: 2;
	grid-column: 1
}
@media (min-width: 48em) {
	.product-count {
		align-self: center
	}
	.facets__form .product-count {
		grid-area: count
	}
}
.product-count--desktop {
	display: none
}
@media (min-width: 75em) {
	.product-count--desktop {
		display: flex
	}
}
.product-count__text {
	font-size: 1.2rem;
	line-height: 1.39;
	margin: 0;
	font-weight: 400;
	letter-spacing: -.18px;
	color: #707070
}
.product-count__text.loading {
	visibility: hidden
}
.product-count .loading-overlay__spinner {
	display: none;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1.8rem
}
.product-count__text.loading+.loading-overlay__spinner {
	display: block
}
.facets__summary>div {
	display: flex;
	align-items: center
}
.facet-filters {
	align-items: center;
	display: flex;
	grid-area: sort
}
.facet-filters__label {
	display: block;
	color: var(--color-foreground-85);
	font-size: 1.4rem;
	margin: 0 2rem 0 0
}
.facet-filters__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.4rem;
	cursor: pointer;
	height: 4.5rem;
	padding: 0 1.5rem;
	min-width: 25rem;
	margin-top: 2.4rem;
	border: .1rem solid rgba(var(--color-foreground), .55)
}
.facet-filters__summary:after {
	position: static
}
.facet-filters__field {
	align-items: center;
	display: flex;
	flex-grow: 1;
	justify-content: flex-end
}
.facet-filters__field .select {
	width: auto
}
.facet-filters button {
	margin-left: 2.5rem
}
.facet-filters__sort {
	border: 0;
	font-size: 1.4rem;
	height: auto;
	line-height: calc(1 + .5 / var(--font-body-scale));
	margin: 0;
	padding-left: 0;
	padding-right: 1.75rem
}
@media screen and (forced-colors: active) {
	.facet-filters__sort {
		border: none
	}
}
.facet-filters__sort, .facet-filters__sort:hover {
	box-shadow: none
}
.facet-filters__sort:focus-visible {
	outline: .2rem solid rgba(var(--color-foreground), .5);
	outline-offset: 1rem;
	box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 .2rem 1.2rem rgba(var(--color-foreground), .3)
}
.facet-filters__sort.focused {
	outline: .2rem solid rgba(var(--color-foreground), .5);
	outline-offset: 1rem;
	box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 .2rem 1.2rem rgba(var(--color-foreground), .3)
}
.facet-filters__sort+.icon-caret {
	right: 0
}
.facets__wrapper {
	align-self: flex-start;
	grid-area: filters;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	display: none
}
@media (min-width: 75em) {
	.facets__wrapper {
		display: flex
	}
}
.facets__heading {
	display: block;
	color: #707070;
	margin-right: 1rem;
	text-align: left
}
.facets__reset {
	margin-left: auto
}
.facets__disclosure {
	margin-right: 3.5rem
}
.facets__summary {
	color: rgba(var(--color-foreground), .75);
	font-size: 1.4rem;
	margin-bottom: 1.5rem;
	padding: 0 1.75rem 0 0
}
.facets__disclosure[open] .facets__summary, .facets__summary:hover {
	color: rgb(var(--color-foreground))
}
.facets__disclosure[open] .facets__display {
	animation: animateMenuOpen var(--duration-default) ease
}
.facets__summary span {
	transition: text-decoration var(--duration-short) ease
}
.facets__summary:hover span {
	text-decoration: underline;
	text-underline-offset: .3rem
}
.disclosure-has-popup[open]>.facets__summary:before {
	z-index: 2
}
.facets__summary>span {
	line-height: calc(1 + .3 / var(--font-body-scale))
}
.facets__summary .icon-caret {
	right: 0
}
.facets__display {
	background-color: rgb(var(--color-background));
	position: absolute;
	border: 1px solid rgba(var(--color-foreground), .2);
	top: calc(100% + .5rem);
	left: -1.2rem;
	width: 35rem;
	max-height: 55rem;
	overflow-y: auto
}
.facets__header {
	border-bottom: 1px solid rgba(var(--color-foreground), .2);
	padding: 1.5rem 2rem;
	display: flex;
	justify-content: space-between;
	font-size: 1.4rem;
	position: sticky;
	top: 0;
	background-color: rgb(var(--color-background));
	z-index: 1
}
.facets__list {
	padding: .5rem 2rem
}
.facets__item {
	display: flex;
	align-items: center
}
.facets__item label, .facets__item input[type=checkbox] {
	cursor: pointer
}
.facet-checkbox {
	padding: 1rem 2rem 1rem 0;
	flex-grow: 1;
	position: relative;
	font-size: 1.4rem;
	display: flex;
	word-break: break-word
}
.facet-checkbox input[type=checkbox] {
	position: absolute;
	opacity: 1;
	width: 1.6rem;
	height: 1.6rem;
	top: .7rem;
	left: -.4rem;
	z-index: -1;
	appearance: none;
	-webkit-appearance: none
}
.facet-checkbox>svg {
	background-color: rgb(var(--color-background));
	margin-right: 1.2rem;
	flex-shrink: 0
}
.facet-checkbox .icon-checkmark {
	visibility: hidden;
	position: absolute;
	left: .3rem;
	z-index: 5;
	top: 1.4rem
}
.facet-checkbox>input[type=checkbox]:checked~.icon-checkmark {
	visibility: visible
}
@media screen and (forced-colors: active) {
	.facet-checkbox>svg {
		background-color: inherit;
		border: .1rem solid rgb(var(--color-background))
	}
	.facet-checkbox>input[type=checkbox]:checked~.icon-checkmark {
		border: none
	}
}
.facet-checkbox--disabled {
	color: rgba(var(--color-foreground), .4)
}
button.facets__button {
	min-height: 0;
	margin: 0 0 0 .5rem;
	box-shadow: none;
	padding-top: 1.4rem;
	padding-bottom: 1.4rem
}
.facets__price {
	display: flex;
	padding: 2rem
}
.facets__price .field+.field-currency {
	margin-left: 2rem
}
.facets__price .field {
	align-items: center
}
.facets__price .field-currency {
	align-self: center;
	margin-right: .6rem
}
.facets__price .field__label {
	left: 1.5rem
}
filter-dropdown {
	display: block;
	margin: 0 1rem;
	position: relative
}
filter-dropdown a {
	text-decoration: none
}
.filter-dropdown__label {
	cursor: pointer;
	font-size: 1.2rem;
	font-weight: 900;
	line-height: 1.54;
	justify-content: space-between;
	background-color: #fff;
	letter-spacing: .65px;
	color: #573F1C;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	padding: 0.5rem 1.5rem;
	border-radius: 3rem;
	border: solid 1px rgba(165, 131, 56, .2);
	position: relative
}
.filter-dropdown__label span {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
.filter-dropdown__label .icon {
	flex: none;
	height: auto;
	width: .7rem;
	margin-left: .8rem;
	display: block
}
.filter-dropdown__content {
	background-color: #fff;
	border-radius: 1rem;
	border: solid 1px rgba(165, 131, 56, .2);
	box-shadow: 0 0 50px #00000029;
	height: 0;
	left: -1rem;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	right: auto;
	top: -1rem;
	width: auto;
	z-index: 1
}
.filter-dropdown__content label {
	display: flex;
	align-items: center;
	justify-content: space-between
}
.filter-dropdown__list {
	padding: 6.5rem 1rem 1.5rem;
	width: unset;
	min-width: 23rem;
	display: flex;
	flex-direction: column;
	gap: .75rem
}
.filter-dropdown__list-item {
	transition: all .3s ease-in-out;
	transition-property: color;
	color: #573F1C;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: .75px;
	line-height: 1.1;
	padding: 0 2rem;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: .5rem
}
.filter-dropdown__list-item div, .filter-dropdown__list-item span {
	pointer-events: none
}
.filter-dropdown__list-item:last-of-type {
	margin-bottom: 0
}
@media (hover: hover) and (pointer: fine) {
	.filter-dropdown__list-item:hover:not(:disabled) {
		color: #027223
	}
}
.filter-dropdown__list-item.is-disabled, .filter-dropdown__list-item:disabled {
	pointer-events: none;
	opacity: .5
}
.filter-dropdown__list-item .icon {
	width: 2rem;
	height: 2rem;
	display: block;
	margin-left: 3rem
}
.filter-dropdown__list-item input[type=checkbox], .filter-dropdown__list-item input[type=radio] {
	opacity: 0;
	position: absolute;
	pointer-events: none
}
.filter-dropdown__list-item input:checked+div {
	color: #027223
}
.filter-dropdown__list-item input:checked+div:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='10.38' width='13' viewBox='0 0 10.00195 7.99805'%3E%3Cpath d='M0,4.99805.99609,3.99023,3,6,9,0l1.002.99609L3,7.99805Z' fill='%23027223'/%3E%3C/svg%3E");
	margin-left: -1.7rem;
	margin-right: .4rem;
	transform: translateY(1px);
	position: absolute
}
.filter-dropdown__list-item.is-tag {
	white-space: unset
}
.filter-dropdown__list-item.is-tag a {
	display: flex;
	align-items: center
}
.filter-dropdown__list-item.is-tag a svg {
	margin-left: auto
}
.filter-dropdown__list-item.is-tag.active a {
	color: #573F1C
}
.filter-dropdown__list-item.is-tag.active a:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='10.38' width='13' viewBox='0 0 10.00195 7.99805'%3E%3Cpath d='M0,4.99805.99609,3.99023,3,6,9,0l1.002.99609L3,7.99805Z' fill='%23027223'/%3E%3C/svg%3E");
	margin-left: -1.7rem;
	margin-right: .4rem;
	transform: translateY(1px)
}
.template-collection label[for=created-descending], .template-collection label[for=created-ascending], choose-subscription label[for=created-descending], choose-subscription label[for=created-ascending] {
	display: none
}
