/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 29 2026 | 16:42:51 */
/* Team Page Filters: filter bar on the team page ([hr_team_filters]). */
.hr-tf {
	--hr-tf-accent: var(--e-global-color-accent, #C5A993);
	--hr-tf-ink: var(--e-global-color-primary, #0E0E0E);
	--hr-tf-light: var(--e-global-color-secondary, #ECEBE7);
	--hr-tf-line: rgba(236, 235, 231, 0.28);
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin: 28px 0 8px;
	padding: 24px;
	border: 1px solid var(--hr-tf-line);
	border-radius: 16px;
	font-family: "Roboto", sans-serif;
	color: var(--hr-tf-light);
}
.hr-tf [hidden] { display: none !important; }
.hr-tf__row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.hr-tf__label {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--hr-tf-accent);
	min-width: 76px;
}
.hr-tf__pills { display: flex; gap: 10px; flex-wrap: wrap; }
.hr-tf .hr-tf__pill,
.hr-tf .hr-tf__reset {
	appearance: none;
	margin: 0;
	padding: 10px 20px;
	border: 1px solid var(--hr-tf-line);
	border-radius: 999px;
	background: transparent;
	color: var(--hr-tf-light);
	font: 500 15px/1.2 "Roboto", sans-serif;
	cursor: pointer;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.hr-tf .hr-tf__pill:hover,
.hr-tf .hr-tf__reset:hover { border-color: var(--hr-tf-accent); background: transparent; color: var(--hr-tf-light); }
.hr-tf .hr-tf__pill.is-active,
.hr-tf .hr-tf__pill.is-active:hover { background: var(--hr-tf-accent); border-color: var(--hr-tf-accent); color: var(--hr-tf-ink); }
.hr-tf .hr-tf__pill:focus-visible,
.hr-tf .hr-tf__reset:focus-visible,
.hr-tf select:focus-visible,
.hr-tf input:focus-visible { outline: 2px solid var(--hr-tf-accent); outline-offset: 2px; }
.hr-tf__row--fields { align-items: flex-end; gap: 16px 20px; }
.hr-tf__field { display: flex; flex-direction: column; gap: 8px; flex: 1 1 200px; margin: 0; }
.hr-tf__field--search { flex-grow: 1.5; }
.hr-tf select,
.hr-tf input[type="search"] {
	width: 100%;
	height: 46px;
	padding: 0 16px;
	border: 1px solid var(--hr-tf-line);
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.04);
	color: var(--hr-tf-light);
	font: 400 16px "Roboto", sans-serif;
}
.hr-tf select option { color: #0E0E0E; background: #fff; }
.hr-tf input[type="search"]::placeholder { color: rgba(236, 235, 231, 0.55); }
.hr-tf__status { display: flex; align-items: center; gap: 16px; min-height: 0; }
.hr-tf__status:has(.hr-tf__count:empty):has(.hr-tf__reset[hidden]) { display: none; }
.hr-tf__count { margin: 0; font-size: 15px; color: rgba(236, 235, 231, 0.8); }
.hr-tf .hr-tf__reset { padding: 8px 16px; font-size: 14px; }
.hr-tf__empty { padding: 24px 0 4px; text-align: center; }
.hr-tf__empty p { margin: 0 0 12px; font-size: 17px; }

@media (max-width: 767px) {
	.hr-tf { padding: 18px 16px; gap: 14px; border-radius: 12px; }
	.hr-tf__row { flex-direction: column; align-items: flex-start; gap: 10px; }
	.hr-tf__pills { width: 100%; gap: 8px; }
	.hr-tf .hr-tf__pill { padding: 9px 15px; font-size: 14px; }
	.hr-tf__row--fields { align-items: stretch; }
	.hr-tf__field { flex: 1 1 100%; width: 100%; }
}