@layer equip{.eq-filter-builder{--_h:var(--eq-h-m);--_pad:var(--eq-space-3);--_radius:var(--eq-radius-m);--_font:var(--eq-text-m);box-sizing:border-box;gap:var(--eq-space-2);width:100%;min-width:0;color:var(--eq-ink);font:var(--eq-weight) var(--_font) / 1.3 var(--eq-font);display:grid;position:relative;container-type:inline-size}.eq-filter-builder[data-size=s]{--_h:var(--eq-h-s);--_pad:var(--eq-space-2);--_radius:var(--eq-radius-s);--_font:var(--eq-text-s)}.eq-filter-builder-list{gap:var(--eq-space-2);margin:0;padding:0;list-style:none;display:grid}.eq-filter-builder-row{grid-template-columns:4.25em minmax(0, 1fr) minmax(0, 1fr) var(--_h);align-items:center;gap:var(--eq-space-1);transition:opacity var(--eq-dur) var(--eq-ease), translate var(--eq-dur-move) var(--eq-spring);grid-template-areas:"lead field operator remove"".value value.";display:grid}@starting-style{.eq-filter-builder-row{opacity:0;translate:0 -4px}}.eq-filter-builder-row:has(>.eq-filter-builder-value[data-shape=none]){grid-template-areas:"lead field operator remove"}@container (min-width:520px){:is(.eq-filter-builder-row,.eq-filter-builder-row:has(>.eq-filter-builder-value[data-shape=none])){grid-template-columns:4.5em minmax(7em, 1fr) minmax(8em, 1fr) minmax(10em, 1.6fr) var(--_h);gap:var(--eq-space-2);grid-template-areas:"lead field operator value remove"}}.eq-filter-builder-lead{min-width:0;color:var(--eq-ink-2);font-size:var(--eq-text-s);grid-area:lead}.eq-filter-builder-field{grid-area:field}.eq-filter-builder-operator{grid-area:operator}.eq-filter-builder-value{align-items:center;gap:var(--eq-space-1);flex-wrap:wrap;grid-area:value;min-width:0;display:flex}.eq-filter-builder-value[data-shape=none]{display:none}.eq-filter-builder-value>.eq-filter-builder-input{flex:6em}.eq-filter-builder-value[data-shape=range]>.eq-filter-builder-input{flex-basis:3.5em}.eq-filter-builder-value[data-shape=range]>.eq-filter-builder-input[type=date]{flex-basis:7.5em}.eq-filter-builder-control{appearance:none;box-sizing:border-box;width:100%;min-width:0;height:var(--_h);padding-inline:var(--_pad);border:1px solid var(--eq-line-strong);border-radius:var(--_radius);background:var(--eq-raised);color:var(--eq-ink);font:inherit;font-variant-numeric:tabular-nums;text-overflow:ellipsis;transition:border-color var(--eq-dur) var(--eq-ease);margin:0}select.eq-filter-builder-control{background:linear-gradient(45deg, transparent 50%, var(--eq-ink-2) 50%) right calc(var(--_pad) / 2 + 9px) center / 4px 4px no-repeat, linear-gradient(-45deg, transparent 50%, var(--eq-ink-2) 50%) right calc(var(--_pad) / 2 + 5px) center / 4px 4px no-repeat, var(--eq-raised);cursor:pointer;padding-inline-end:calc(var(--_pad) + 12px)}select.eq-filter-builder-control:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){background-position:left calc(var(--_pad) / 2 + 5px) center, left calc(var(--_pad) / 2 + 9px) center, 0 0}.eq-filter-builder-control option{background:var(--eq-raised);color:var(--eq-ink)}select.eq-filter-builder-combinator{padding-inline:var(--eq-space-1) calc(var(--eq-space-1) + 14px);color:var(--eq-ink-2);font-size:var(--eq-text-s);background-position:right 10px center,right 6px center,0 0}.eq-filter-builder-input::placeholder{color:var(--eq-ink-3)}.eq-filter-builder-input[type=date]{padding-inline-end:var(--eq-space-1)}.eq-filter-builder-and{color:var(--eq-ink-2);font-size:var(--eq-text-s)}.eq-filter-builder-choices{gap:var(--eq-space-1);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.eq-filter-builder-legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eq-filter-builder-choice{align-items:center;gap:var(--eq-space-1);box-sizing:border-box;height:var(--_h);padding-inline:var(--eq-space-2);border:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-full);background:var(--eq-raised);font-size:var(--eq-text-s);cursor:pointer;transition:background-color var(--eq-dur) var(--eq-ease), border-color var(--eq-dur) var(--eq-ease);display:inline-flex}.eq-filter-builder-choice:has(:checked){border-color:var(--eq-solid);background:var(--eq-tint-strong)}.eq-filter-builder-choice>input{width:14px;height:14px;accent-color:var(--eq-solid);cursor:pointer;margin:0}.eq-filter-builder-remove,.eq-filter-builder-add,.eq-filter-builder-clear{justify-content:center;align-items:center;gap:var(--eq-space-1);box-sizing:border-box;height:var(--_h);border-radius:var(--_radius);color:var(--eq-ink-2);font:inherit;font-size:var(--eq-text-s);cursor:pointer;transition:background-color var(--eq-dur) var(--eq-ease), color var(--eq-dur) var(--eq-ease), scale var(--eq-dur) var(--eq-ease);background:0 0;border:0;margin:0;display:inline-flex}.eq-filter-builder-remove{width:var(--_h);grid-area:remove;padding:0}.eq-filter-builder-add,.eq-filter-builder-clear{padding-inline:var(--eq-space-2)}.eq-filter-builder-add{color:var(--eq-ink);font-weight:var(--eq-weight-strong)}:is(.eq-filter-builder-remove,.eq-filter-builder-add) svg{flex:none;width:16px;height:16px}:is(.eq-filter-builder-remove,.eq-filter-builder-add,.eq-filter-builder-clear):active{scale:var(--eq-press)}.eq-filter-builder-add:disabled{opacity:.45;cursor:not-allowed}@media (hover:hover){.eq-filter-builder-control:hover{border-color:var(--eq-ink-3)}:is(.eq-filter-builder-remove,.eq-filter-builder-add:enabled,.eq-filter-builder-clear):hover{background:var(--eq-tint);color:var(--eq-ink)}.eq-filter-builder-remove:hover{color:var(--eq-danger)}}:is(.eq-filter-builder-control,.eq-filter-builder-remove,.eq-filter-builder-add,.eq-filter-builder-clear):focus-visible,.eq-filter-builder-input[type=date]:focus-within{outline:2px solid var(--eq-focus);outline-offset:1px}.eq-filter-builder-choice:has(:focus-visible){outline:2px solid var(--eq-focus);outline-offset:1px}.eq-filter-builder-choice>input:focus-visible{outline:none}.eq-filter-builder-footer{align-items:center;gap:var(--eq-space-1);flex-wrap:wrap;display:flex}.eq-filter-builder-empty{color:var(--eq-ink-2);font-size:var(--eq-text-s);margin:0}.eq-filter-builder-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (forced-colors:active){.eq-filter-builder-choice:has(:checked){border-width:2px}}}
