.ats-filter { --ats-filter-arrow:url('./filter-arrow.svg');container-type:inline-size; margin-block-end:var(--space-l); color:var(--text-dark,var(--black)); }
.ats-filter__form { background:var(--base,#fcf6f4); border-radius:var(--radius-xs,4px); padding:var(--space-s); }
.ats-filter__controls {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-xs);}
.ats-filter__search,.ats-filter__group { flex:1 1 11rem; min-inline-size:0; position:relative; }
.ats-filter input[type=search],.ats-filter summary,.ats-filter select {font-family:var(--font-mono,monospace);font-size:var(--text-xs);text-transform:uppercase;color:var(--text-dark-muted,#545d64); background:var(--white);border:1px solid color-mix(in srgb,var(--black) 35%,var(--base));border-radius:var(--radius-xs,4px);min-block-size:3rem; margin:0; inline-size:100%; padding:.75rem 1rem;line-height:1.5;}
.ats-filter summary {cursor:pointer;list-style:none;padding-inline-end:3.2rem;position:relative;}
.ats-filter summary::-webkit-details-marker {display:none;}
.ats-filter summary::after {content:'';position:absolute;inset-inline-end:1.2rem;inset-block-start:calc(50% - 6px);inline-size:15px;block-size:13px;background:var(--ats-filter-arrow) center / contain no-repeat;transform:rotate(180deg);}
.ats-filter__options {position:absolute;z-index:20;inset-inline:0;inset-block-start:calc(100% + .4rem);max-block-size:28rem;overflow:auto;background:var(--white);padding:var(--space-xs);margin:0;border:1px solid color-mix(in srgb,var(--black) 35%,var(--base));border-radius:var(--radius-xs,4px);box-shadow:0 4px 12px #0002;}
.ats-filter__options label {display:flex;align-items:flex-start;gap:.8rem; padding:.8rem;cursor:pointer;font-size:var(--text-s);}
.ats-filter__options input {flex:none;margin:.3rem 0 0;accent-color:var(--primary);inline-size:1.6rem;block-size:1.6rem;}
.ats-filter__sort {display:flex;align-items:center;gap:var(--space-xs);margin-inline-start:auto;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;white-space:nowrap;}
.ats-filter__sort select {inline-size:auto;min-inline-size:12rem;}
.ats-filter__selections,.ats-filter__actions {display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);margin-block-start:var(--space-xs);}
.ats-filter__chip,.ats-filter__actions button {font:inherit;cursor:pointer;border:1px solid currentColor;border-radius:var(--radius-s);padding:.6rem 1rem;background:var(--white);color:inherit;}
.ats-filter__chip {background:var(--base);border-radius:50vw;font-size:var(--text-s);}
.ats-filter[data-ready] button[type=submit] {display:none;}
.ats-filter__status {font-size:var(--text-s);min-block-size:1.5em;margin-block-start:.5rem;}
.ats-filter :focus-visible {outline:2px solid var(--primary);outline-offset:3px;}
.ats-filter [hidden] {display:none;}
.ats-filter__sr {position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
#ats-blog-results[aria-busy=true],#ats-resource-results[aria-busy=true] {opacity:.55;}
.ats-filter-empty {padding-block:var(--space-l);}
@container (max-width: 650px) {
 .ats-filter__search {flex-basis:100%;}
 .ats-filter__group {flex-basis:calc(50% - var(--space-xs));}
 .ats-filter__sort {inline-size:100%;justify-content:space-between;}
 .ats-filter__options {position:relative;inset:auto;max-block-size:22rem;}
}
@container (max-width: 380px) {.ats-filter__group {flex-basis:100%;}}

.ats-filter-active .blog-archive-header__featured {display:none;}

.ats-filter__selections:empty,.ats-filter__status:empty {display:none;}
.ats-filter[data-ready] .ats-filter__actions:has([data-reset][hidden]) {display:none;}
.ats-filter__search input {padding-inline-end:3rem;}
.ats-filter__sort {position:relative;}
.ats-filter__sort select {appearance:none;padding-inline-end:3rem;}
.ats-filter__search::after,.ats-filter__sort::after {content:'';position:absolute;inset-inline-end:1.2rem;inset-block-start:calc(50% - 6px);inline-size:15px;block-size:13px;background:var(--ats-filter-arrow) center / contain no-repeat;transform:rotate(180deg);pointer-events:none;}
.ats-filter summary {white-space:nowrap;}
.ats-filter__sort select {min-inline-size:8rem;}