.population-filter-group .g-label{letter-spacing:.025em;font-size:11.5px}
.population-filter-group .g-label>svg{color:var(--brand);flex-shrink:0}
.population-filter-group .sel{font-size:10px;font-weight:500;letter-spacing:0}
.population-filter{padding-bottom:16px;min-width:0}
.population-range-values{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:8px;align-items:center}
.population-range-values label{display:flex;min-height:44px;min-width:0;flex-direction:column;gap:5px;cursor:pointer}
.population-range-values label:last-child{text-align:right}
.population-range-values label>span{color:var(--text-muted);font-size:12px}
.population-range-values output{font:600 17px/1.3 var(--mono);color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.population-range-values>svg{color:var(--text-dim);align-self:end;margin-bottom:5px}
.population-slider{position:relative;height:60px;min-width:0;touch-action:none;cursor:pointer;--range-start:0%;--range-end:100%}
.population-slider-rail{position:absolute;top:28px;left:22px;right:22px;height:5px;border-radius:6px;background:var(--line-strong)}
.population-slider-fill{position:absolute;left:var(--range-start);right:calc(100% - var(--range-end));height:100%;border-radius:inherit;background:var(--brand);box-shadow:0 0 12px color-mix(in srgb,var(--brand) 15%,transparent)}
.population-slider-rail i{position:absolute;top:11px;width:1px;height:4px;background:var(--line-strong)}
.population-slider .pop-range{position:absolute;inset:0;width:100%;height:60px;margin:0;padding:0;appearance:none;background:none;border:0;overflow:visible;pointer-events:none;outline:none;container-type:normal;z-index:2;--range-thumb-size:44px}
.population-slider .pop-range::-webkit-slider-runnable-track{height:0;background:none;border:0}
.population-slider .pop-range::-webkit-slider-thumb{box-sizing:border-box;appearance:none;width:44px;height:44px;border:11px solid transparent;border-radius:50%;background-color:var(--brand);background-image:url('/img/icons/user-online.svg');background-size:16px 16px;background-position:center;background-origin:padding-box;background-repeat:no-repeat;background-clip:padding-box;box-shadow:none;pointer-events:auto;cursor:grab;position:relative;inset-block-start:0;transform:translateY(-50%)}
.population-slider .pop-range::-moz-range-track{height:0;background:none;border:0}
.population-slider .pop-range::-moz-range-thumb{box-sizing:border-box;width:44px;height:44px;border:11px solid transparent;border-radius:50%;background-color:var(--brand);background-image:url('/img/icons/user-online.svg');background-size:16px 16px;background-position:center;background-origin:padding-box;background-repeat:no-repeat;background-clip:padding-box;box-shadow:none;pointer-events:auto;cursor:grab}
.population-slider .pop-range:focus{outline:none}
.population-slider .pop-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--brand);outline-offset:-6px}
.population-slider .pop-range:focus-visible::-moz-range-thumb{outline:2px solid var(--brand);outline-offset:-6px}
.population-slider[data-active=min] #online-min,.population-slider[data-active=max] #online-max{z-index:3}
.population-slider.is-dragging .pop-range::-webkit-slider-thumb{cursor:grabbing}
.population-slider.is-dragging .pop-range::-moz-range-thumb{cursor:grabbing}
.population-slider-scale{position:relative;height:14px;margin:0 22px 12px;color:var(--text-dim);font:10.5px/14px var(--mono)}
.population-slider-scale span{position:absolute;top:0;transform:translateX(-50%)}
.population-slider-scale span:nth-child(1){left:0}.population-slider-scale span:nth-child(2){left:45%}.population-slider-scale span:nth-child(3){left:100%;font-size:15px}
.population-filter-hint{font-size:12px;line-height:1.5;color:var(--text-dim);margin:0 0 12px}
.population-filter-error{font-size:12px;line-height:1.5;color:var(--danger);margin:0 0 12px}
.population-filter-error[hidden]{display:none}
.population-filter-actions{display:flex;gap:8px}
.population-filter .pop-btn{flex:1;min-height:44px;height:auto;padding:10px 12px;border-color:var(--line-input);background:var(--bg-panel);color:var(--text);font-size:12px;font-weight:600;border-radius:var(--radius-field);box-shadow:none;transition:background .15s,border-color .15s}
.population-filter .pop-btn:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--bg-panel))}
.population-filter .pop-btn-ghost{flex:0 0 auto;background:transparent;color:var(--text-muted);border-color:transparent}
.population-filter .pop-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.population-filter .pop-btn{transition:none}}