/* Native filter buttons retain their labels, counts, focus and selected state. */
.gallery-toolbar.has-category-circles{flex-direction:column;align-items:stretch;gap:13px;padding-top:23px}
.filters.category-circles{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:18px 14px;width:100%;align-items:start}
.filters.category-circles .filter[data-filter]{display:grid;justify-items:center;align-content:start;gap:5px;min-width:0;min-height:44px;padding:5px 1px 2px;border:0;border-radius:8px;background:transparent;color:var(--filter-ink,var(--ink));box-shadow:none;position:relative;font:500 11px/1.35 var(--sans);text-align:center;white-space:normal;transition:color .2s}
.filters.category-circles .filter[data-filter]:is(:hover,.active){background:transparent;color:var(--filter-ink,var(--ink));border:0;box-shadow:none}
.filters.category-circles .filter[data-filter].active{font-weight:700}
.filters.category-circles .filter .filter-cover{position:relative;display:block;width:min(100%,84px);aspect-ratio:1;border:2px solid var(--filter-border,var(--line));border-radius:50%;background:var(--filter-bg,var(--warm-panel));padding:0;opacity:1;vertical-align:baseline;box-shadow:0 3px 12px #51402a12;transition:border-color .2s,box-shadow .2s}
.filter-cover img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;object-fit:cover;opacity:0;transition:opacity .55s ease;pointer-events:none}
.filter-cover img.is-current{opacity:1}
.filters.category-circles .filter:hover .filter-cover{border-color:var(--filter-ink);box-shadow:0 3px 15px #51402a25}
.filters.category-circles .filter.active .filter-cover{border-color:var(--filter-ink);box-shadow:0 0 0 2px var(--filter-bg),0 0 0 4px var(--filter-ink)}
.filter.active .filter-cover::after{content:'✓';position:absolute;right:-2px;bottom:0;display:grid;place-items:center;width:21px;height:21px;border:2px solid var(--paper);border-radius:50%;background:var(--filter-ink);color:white;font:700 12px/1 var(--sans)}
.filters.category-circles .filter .filter-label{max-width:100%;min-height:2.7em;display:flex;align-items:center;justify-content:center;padding:0;opacity:1;font:inherit;vertical-align:baseline;text-wrap:balance}
.filters.category-circles .filter [data-count]{min-width:24px;padding:2px 7px;border-radius:12px;background:var(--filter-bg);color:var(--filter-ink);opacity:1;font:500 10px/1.35 var(--sans);font-variant-numeric:tabular-nums;vertical-align:baseline}
.filters.category-circles .filter:focus-visible{outline:2px solid var(--filter-ink);outline-offset:4px}
.category-motion-toggle{display:inline-flex;align-self:center;margin-inline:auto;align-items:center;gap:7px;min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:18px;background:transparent;color:var(--muted);font:11px/1.4 var(--sans);text-align:start;cursor:pointer}
.category-motion-toggle:hover{background:var(--warm-panel,#eee3d5);color:var(--ink)}
.category-motion-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.category-motion-toggle span:first-child{font-size:12px;line-height:1}
@media(max-width:680px){.filters.category-circles{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 10px}.filters.category-circles .filter[data-filter]{font-size:11px}.filters.category-circles .filter .filter-cover{width:min(100%,78px)}.category-motion-toggle{min-height:44px;font-size:11px}.gallery-toolbar.has-category-circles{padding-top:20px;gap:9px}}
@media(max-width:480px){.filters.category-circles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:380px){.filters.category-circles{gap:13px 8px}.filters.category-circles .filter[data-filter]{font-size:10px}.filters.category-circles .filter .filter-cover{width:min(100%,64px)}}
@media(prefers-reduced-motion:reduce){.filter-cover img,.filters.category-circles .filter .filter-cover{transition:none}}

/* Sixteen equally sized collections form complete rows at each breakpoint. */
.filters.category-circles{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px}
@media(min-width:1000px){.filters.category-circles{grid-template-columns:repeat(8,minmax(0,1fr))}}
.filters .filter[data-filter="series:skogarkyrrd"]{--filter-ink:#385b3c;--filter-bg:#e9f0e4;--filter-border:#a8bda1}
.filters .filter[data-filter="series:blomaskeid"]{--filter-ink:#783c5a;--filter-bg:#f6e6ef;--filter-border:#d8acbf}
.filters .filter[data-filter="series:fjadrafok"]{--filter-ink:#4c603a;--filter-bg:#edf1e3;--filter-border:#aebb96}
.filters.category-circles{align-items:stretch}
body .filters.category-circles .filter[data-filter]{height:100%;grid-template-rows:auto minmax(2.7em,1fr) auto}
.filters.category-circles .filter-label{display:flex;align-items:center;justify-content:center;min-height:2.7em;overflow-wrap:anywhere}