.color-box {
	display: inline-block;
	height: 18px;
	width: 18px;
	border: 1px solid #ccc;
}
#filter-colors {
	display: flex;
	flex-wrap: wrap;
}
#filter-colors li {
	margin-bottom: 4px;
	padding: 0;
	flex-basis: 50%;
}
#filter-colors li  a {
	padding: 4px;
	border-radius: 5px;
	border: 1px solid transparent;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	height: 100%;
}
#filter-colors li a.selected {
	background-color: #e9f3ed;	
}
#filter-colors li a:focus, #filter-colors li a:hover {
	border-color: #5e7c5a;
	outline: none;
	text-decoration: none;
}
#filter-colors li .color-label {
	padding-left: 8px;
	padding-right: 4px;
}
#filter-colors li a:hover .color-label {
	font-weight: 600;
}
#filter-colors li a:hover .color-box {
	border-color: #5e7c5a;
}
#filter-colors li .color-count {
	font-size: .8em;
}
.vegea-faceted-overlay{left:0;top:0;width:100%;height:100%;position:fixed;background-color:rgba(25,25,25,0.5);z-index:100}.vegea-faceted-overlay .vegea-overlay__inner{left:0;top:0;width:100%;height:100%;position:absolute}.vegea-faceted-overlay .vegea-overlay__content{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%)}.vegea-faceted-overlay .spinner{width:75px;height:75px;display:inline-block;border-width:2px;border-color:rgba(255,255,255,0.05);border-top-color:#fff;animation:spin 1s infinite linear;border-radius:100%;border-style:solid}@keyframes spin{100%{transform:rotate(360deg)}}

.filter-block {
	margin-bottom: 20px;
}
#selected-filters {
	display: none;
}
.selected-filters-list {
	display: flex;
	flex-flow: column;
	padding: 5px 0;
	width: 100%;
	margin-bottom: 10px
}
.selected-filter {
	display: flex;
	align-items: center;
}
.selected-filter .title {
	font-weight: 600;
}
.selected-filter > div {
	flex: 1;
	display: flex;
	justify-content: space-between;
	padding-right: 5px;
}
.selected-filter button {
	display: block;
	background-color: transparent;
	line-height: 14px;
}
.selected-filter button:focus, .selected-filter button:active:focus {
	outline: none;
}
#price-slider-wrapper {
	padding: 0 12px;
}
#price-range-inputs {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
#price-range-inputs .spacer {
	padding: 0 8px;
}
#price-range-inputs .range-value {
	align-items: center;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    display: flex;
    flex: 1;
    flex-flow: row wrap;
    padding: 5px 10px;
    width: 100%;
}
#price-range-inputs .range-value label {
	color: #757575;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 15px;
    text-decoration: none;
    width: 100%;
	text-align: left;
	margin-bottom: 4px;
}
#price-range-inputs .range-value input {
	border: none;
    /*color: var(--black);*/
    font-size: 16px;
    line-height: 22px;
    padding: 0;
    text-overflow: ellipsis;
    width: 100%;
}
.slider-styled .noUi-handle .noUi-touch-area {
    border: 1px solid transparent;
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    width: auto;
    height: auto;
}
#price-range-inputs {
	margin-bottom: 15px;
}
/* Show a border when hovering the area the handle responds to */
.slider-styled .noUi-handle:hover .noUi-touch-area {
    border: 1px dashed #7f7f7f;
}
#price-slider {
	height: 10px;
	margin-bottom: 30px;
}

#price-slider .noUi-connect {
	background: #5e7c5a;
}

#price-slider .noUi-handle {
	height: 24px;
	width: 24px;
	top: -8px;
	right: -12px;
	border-radius: 12px;
}
#price-slider .noUi-handle:after, #price-slider .noUi-handle:before {
	display: none;
}