.cfilter, .cfilter__empty{--cf-ink:#0f1113;--cf-ink-2:#43494f;--cf-ink-3:#5c636b;--cf-green:#006e46;--cf-green-ink:#005c3a;--cf-green-wash:rgba(0, 110, 70, .08);--cf-line:rgba(60, 45, 20, .11);--cf-line-firm:rgba(60, 45, 20, .22);--cf-shadow-sm:0 1px 2px rgba(40, 30, 10, .05), 0 4px 14px -6px rgba(40, 30, 10, .10);--cf-shadow-md:0 1px 2px rgba(40, 30, 10, .04), 0 14px 34px -14px rgba(40, 30, 10, .20);--cf-ease:cubic-bezier(.2, .7, .2, 1)}.cfilter{display:grid;gap:.85rem;margin:0 0 2rem}.cfilter[hidden], .cfilter__empty[hidden]{display:none}.cfilter__searchbox{position:relative}.cfilter__glass{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:var(--cf-ink-3);pointer-events:none}.cfilter__search{width:100%;padding:1rem 1.1rem 1rem 3rem;border:1px solid var(--cf-line);border-radius:14px;background:#ffffff;color:var(--cf-ink);font:inherit;font-size:1rem;box-shadow:var(--cf-shadow-sm);transition:background .2s var(--cf-ease), border-color .2s var(--cf-ease), box-shadow .2s var(--cf-ease)}.cfilter__search::placeholder{color:var(--cf-ink-3);opacity:1}.cfilter__search:hover{border-color:var(--cf-line-firm)}.cfilter__search:focus{background:#ffffff;border-color:var(--cf-green);box-shadow:0 0 0 4px rgba(0, 110, 70, .14);outline:none}.cfilter__fields{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}@media (min-width:760px){.cfilter__fields{grid-template-columns:repeat(3, minmax(0, 1fr))}}.cfilter__field{position:relative;display:grid;gap:.15rem;padding:.8rem 1.3rem .65rem;border:1px solid var(--cf-line);border-radius:14px;background:#ffffff;box-shadow:var(--cf-shadow-sm);font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--cf-ink-3);transition:border-color .2s var(--cf-ease), box-shadow .2s var(--cf-ease)}.cfilter__field:hover{border-color:var(--cf-line-firm)}.cfilter__field:focus-within{border-color:var(--cf-green);box-shadow:0 0 0 4px rgba(0, 110, 70, .14)}.cfilter__field select{-webkit-appearance:none;appearance:none;width:100%;margin:0;padding:.15rem 1.8rem .15rem 0;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230f1113' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right center / 14px no-repeat;color:var(--cf-ink);font-family:var(--sans);font-size:1rem;font-weight:500;letter-spacing:normal;text-transform:none;cursor:pointer}.cfilter__field select:focus{outline:none}@supports (appearance:base-select){.cfilter__field select, .cfilter__field select::picker(select){appearance:base-select}.cfilter__field select::picker-icon{display:none}.cfilter__field select::picker(select){min-width:anchor-size(width);margin-top:.55rem;padding:.4rem;border:1px solid var(--cf-line);border-radius:14px;background:#ffffff;box-shadow:var(--cf-shadow-md)}.cfilter__field option{padding:.65rem 1rem;border-radius:10px;font-family:var(--sans);font-size:.98rem;font-weight:500;line-height:1.35;letter-spacing:normal;text-transform:none;color:var(--cf-ink);cursor:pointer}.cfilter__field option:hover, .cfilter__field option:focus-visible{background:var(--cf-green-wash);outline:none}.cfilter__field option:checked{color:var(--cf-green-ink);font-weight:600}.cfilter__field option::checkmark{order:1;margin-left:auto;color:var(--cf-green)}}.cfilter__count{margin:0;padding:0 .25rem;font-family:var(--mono);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--cf-green-ink)}.cfilter__reset:focus-visible{outline:2px solid var(--link);outline-offset:2px}.cfilter__count{padding:0 1.3rem}@media (min-width:760px){.cfilter__count{padding:0 1.35rem}}.cfilter__empty{display:grid;justify-items:center;gap:.5rem;margin:0;padding:clamp(2.5rem, 6vw, 4rem) 1.5rem;text-align:center;background:#ffffff;border:1px solid var(--cf-line);border-radius:22px;box-shadow:var(--cf-shadow-sm)}.cfilter__icon{display:grid;place-items:center;width:4.25rem;height:4.25rem;margin-bottom:.6rem;border-radius:50%;color:var(--cf-green-ink);background:linear-gradient(150deg, #f1f8f4, #e2f0e8);box-shadow:inset 0 0 0 1px rgba(0, 110, 70, .14), 0 0 0 10px rgba(0, 110, 70, .04)}.cfilter__empty-title{margin:0;font-family:var(--display);font-size:1.35rem;font-weight:600;letter-spacing:-.015em;color:var(--cf-ink)}.cfilter__empty-hint{margin:0 0 1rem;max-width:30rem;color:var(--cf-ink-2)}.cfilter__reset{border-radius:999px;padding:.8rem 1.4rem;background:#ffffff}.cfilter__reset:hover{border-color:var(--cf-green);color:var(--cf-green-ink);background:var(--cf-green-wash)}.cfilter[hidden], .cfilter__fields[hidden]{display:none}.cfilter__top{display:flex;gap:.6rem;align-items:stretch}.cfilter__top .cfilter__searchbox{flex:1;min-width:0}.cfilter__toggle{display:none}.cfilter__field[hidden]{display:none}@media (min-width:760px){.cfilter__fields[data-shown="2"]{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width:619px){.cfilter__toggle:not([hidden]){display:inline-flex;align-items:center;gap:.45rem;padding:0 1.05rem;border:1px solid var(--cf-line);border-radius:14px;background:#ffffff;box-shadow:var(--cf-shadow-sm);font:inherit;font-size:.95rem;font-weight:600;color:var(--cf-ink);cursor:pointer}.cfilter__toggle[aria-expanded="true"]{border-color:var(--cf-green);color:var(--cf-green-ink);background:var(--cf-green-wash)}.cfilter__toggle:focus-visible{outline:2px solid var(--link);outline-offset:2px}.cfilter.has-toggle:not(.is-open) .cfilter__fields{display:none}}
