/* Start:/local/templates/v1/components/bitrix/catalog.smart.filter/blog/style.css?17797946842664*/
.blog__filter-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

.blog-filter__control {
	display: none;
}

.blog__tag-button {
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.blog__tag-label {
	display: block;
	cursor: pointer;
}

.blog__tag-item.is-disabled {
	opacity: 0.5;
}

.blog__tag-item.is-disabled .blog__tag-label {
	pointer-events: none;
}

.blog__select-title {
	font-size: 18px;
}

.blog__custom-select {
	position: relative;
	width: 256px;
	flex-shrink: 0;
	font-family: var(--font-circe, sans-serif);
}

.blog__select-button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 44px;
	background-color: var(--color-background-accent, #95c11f);
	color: var(--color-white, #fff);
	border: none;
	border-radius: var(--radius-x-lg);
	padding: var(--button-xx-sm, 4px) 16px var(--button-xx-sm, 4px) 16px;
	font-size: 1rem;
	font-weight: var(--font-weight-normal);
	cursor: pointer;
	transition: background-color 0.2s ease, opacity 0.2s ease;
}

.blog__select-button:hover {
	opacity: 0.9;
}

.blog__select-icon {
	transition: transform 0.3s ease;
	margin-left: 8px;
}

.blog__select-dropdown {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	width: 100%;
	background-color: var(--color-background-primary, #fff);
	border: 1px solid var(--color-tag-9, #95C11F);
	border-radius: var(--radius-x-lg);
	padding: 8px;
	box-shadow: var(--ui-shadow-bottom-m);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
	z-index: 20;
}

.blog__select-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.blog__select-item {
	display: flex;
	align-items: center;
	padding: 5px 16px;
	border-radius: calc(var(--radius-x-lg) - 8px);
	color: var(--color-blue-400, #001a34);
	cursor: pointer;
	font-size: 18px;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.blog__select-item:hover {
	background-color: var(--color-base-05, #eef2f4);
}

.blog__select-item.is-disabled {
	opacity: 0.5;
	cursor: default;
	pointer-events: none;
}

.blog__select-item.is-active {
	background-color: var(--color-background-accent, #95c11f);
	color: var(--color-white, #fff);
}

.blog__custom-select.is-open .blog__select-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.blog__custom-select.is-open .blog__select-icon {
	transform: rotate(180deg);
}

@media (max-width: 768px) {
	.blog__filter-wrapper {
		flex-direction: column-reverse;
	}

	.blog__custom-select {
		width: 100%;
	}
}
/* End */
/* /local/templates/v1/components/bitrix/catalog.smart.filter/blog/style.css?17797946842664 */