[data-filter-toolbar]{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:4px;padding:12px;position:sticky;top:var(--header-h,50px);z-index:30;align-items:center;min-height:55px;background:linear-gradient(180deg,#292c2f,#191c1f);border-bottom:1px solid #000;box-shadow:inset 0 1px #ffffff0f}[data-filter-toolbar] [hidden]{display:none!important}[data-filter-toolbar] select,[data-filter-toolbar] input[type=text],[data-filter-toolbar] summary{background:#25292d;color:#e6ebef;border:1px solid #0d0f11;border-top-color:#3b4045;box-shadow:inset 0 1px 2px #0006,inset 0 1px #ffffff0d;font:inherit;font-size:12px;height:28px;min-height:28px;box-sizing:border-box;padding:0 8px;border-radius:3px;cursor:pointer;min-width:0;max-width:100%}[data-filter-toolbar] summary{list-style:none;display:flex;position:relative;gap:6px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:24px}[data-filter-toolbar] summary::-webkit-details-marker{display:none}[data-filter-toolbar] details{position:relative}[data-filter-toolbar] .chevron{font-size:10px;color:#8a949c;position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:12px;height:12px;flex:none;pointer-events:none;background:inherit}[data-filter-toolbar] [data-filter-dropdown]:not([open]) .filter-menu{display:none}[data-filter-toolbar] details[open] .filter-menu{position:absolute;left:0;top:calc(100% + 4px);z-index:40;display:flex;flex-direction:column;gap:6px;min-width:220px;max-width:calc(100vw - 16px);max-height:60vh;overflow:auto;background:linear-gradient(180deg,#26292c,#1e2124);border:1px solid #000;box-shadow:0 10px 24px #00000080;padding:10px;border-radius:3px}[data-filter-toolbar] .filter-menu label{display:flex;gap:6px;align-items:center;color:#c9d2d8;font-size:13px}[data-filter-toolbar] .filter-menu input[type=text],[data-filter-toolbar] .filter-menu select{width:100%;height:30px;min-height:30px}[data-filter-toolbar] button,[data-filter-toolbar] a{font:inherit;font-size:12px;height:28px;min-height:28px;box-sizing:border-box;padding:0 8px;border:1px solid #0d0f11;border-top-color:#3b4045;border-radius:3px;text-decoration:none;color:#e6ebef;background:#2b3035;display:inline-flex;align-items:center;gap:6px;cursor:pointer}[data-filter-toolbar] button:hover:not(:disabled),[data-filter-toolbar] a:hover{background:#343a40;color:#fff}[data-filter-toolbar] .filter-apply{background:linear-gradient(180deg,#3a5a10,#2c470c);border-color:#1a2a06;color:#d8ef9a}[data-filter-toolbar] [disabled],[data-filter-toolbar] [data-unavailable]{opacity:.45;cursor:not-allowed}[data-filter-toolbar] button:focus-visible,[data-filter-toolbar] select:focus-visible,[data-filter-toolbar] a:focus-visible,[data-filter-toolbar] summary:focus-visible,[data-filter-toolbar] input:focus-visible{outline:2px solid #addd33;outline-offset:1px}[data-filter-toolbar] .filter-note{color:#98a3ab;font-size:12px;margin:0}[data-filter-toolbar] .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}[data-filter-toolbar] .filter-total{color:#c6ccd2;font-size:12px;margin-left:auto;order:99}[data-filter-toolbar] [data-filter-status]:empty{display:none}[data-filter-toolbar] [data-filter-status]{color:#c6ccd2;font-size:12px;flex-wrap:wrap}[data-filter-toolbar] [data-filter-group-buttons]:not([hidden]){display:inline-flex;flex-wrap:wrap;gap:0}[data-filter-toolbar] label.filter-check{position:relative;display:inline-flex;align-items:center;height:28px;padding:0 8px;font-size:12px;color:#aab4bb;background:#2b3035;border:1px solid #0d0f11;border-top-color:#3b4045;cursor:pointer;user-select:none}[data-filter-toolbar] label.filter-check:first-child{border-radius:3px 0 0 3px}[data-filter-toolbar] label.filter-check:last-child{border-radius:0 3px 3px 0}[data-filter-toolbar] label.filter-check+label.filter-check{border-left:0}[data-filter-toolbar] label.filter-check input[type=checkbox]{position:absolute;width:1px;height:1px;opacity:.01;clip-path:inset(50%);pointer-events:none}[data-filter-toolbar] label.filter-check:has(input:checked){background:#33421a;color:#c8f06a;box-shadow:inset 0 1px 3px #00000080}[data-filter-toolbar] label.filter-check:has(input:focus-visible){outline:2px solid #addd33;outline-offset:1px}[data-filter-toolbar] [data-filter-purity],[data-filter-toolbar] [data-filter-dropdown=color],[data-filter-toolbar] [data-filter-dropdown=period]{display:none!important}[data-filter-toolbar] .filter-purity-group{display:flex;gap:4px}[data-filter-toolbar] .filter-purity-group button[disabled]{opacity:.45;cursor:not-allowed}[data-filter-toolbar] .filter-color-chips{display:grid;grid-template-columns:repeat(6,20px);gap:4px}[data-filter-toolbar] .filter-color-chip{width:20px;height:20px;border:1px solid #0d0f11;border-radius:2px;padding:0;cursor:not-allowed}[data-filter-toolbar] #ft-order{width:32px;min-width:32px;padding:0 4px;text-align:center}[data-filter-toolbar] #ft-perpage{width:48px;min-width:48px;padding:0 4px}html[data-theme=light] [data-filter-toolbar]{background:linear-gradient(180deg,#e7e9eb,#d4d8dc);border-bottom-color:#9aa4aa;box-shadow:inset 0 1px #ffffffd9}html[data-theme=light] [data-filter-toolbar] select,html[data-theme=light] [data-filter-toolbar] input[type=text],html[data-theme=light] [data-filter-toolbar] summary{background:#f5f6f7;color:#24292e;border-color:#9da4aa;border-top-color:#fff;box-shadow:inset 0 1px 2px #0000000f}html[data-theme=light] [data-filter-toolbar] details[open] .filter-menu{background:#f3f4f6;border-color:#9da4aa;box-shadow:0 10px 24px #0000002e}html[data-theme=light] [data-filter-toolbar] .filter-menu label{color:#24292e}html[data-theme=light] [data-filter-toolbar] button,html[data-theme=light] [data-filter-toolbar] a{background:#f5f6f7;color:#24292e;border-color:#9da4aa;border-top-color:#fff}html[data-theme=light] [data-filter-toolbar] .filter-apply{background:#e4efd2;border-color:#9da4aa;color:#45670b}html[data-theme=light] [data-filter-toolbar] label.filter-check{background:#f5f6f7;color:#45515a;border-color:#9da4aa;border-top-color:#fff}html[data-theme=light] [data-filter-toolbar] label.filter-check:has(input:checked){background:#e4efd2;color:#45670b;box-shadow:inset 0 1px 3px #0000001f}html[data-theme=light] [data-filter-toolbar] .filter-total,html[data-theme=light] [data-filter-toolbar] [data-filter-status]{color:#3c454d}html[data-theme=light] [data-filter-toolbar] .filter-note{color:#45515a}html[data-theme=light] [data-filter-toolbar] button:focus-visible,html[data-theme=light] [data-filter-toolbar] select:focus-visible,html[data-theme=light] [data-filter-toolbar] a:focus-visible,html[data-theme=light] [data-filter-toolbar] summary:focus-visible,html[data-theme=light] [data-filter-toolbar] input:focus-visible{outline:2px solid #45670b;outline-offset:1px}html[data-theme=light] [data-filter-toolbar] label.filter-check:has(input:focus-visible){outline:2px solid #45670b;outline-offset:1px}@media(max-width:700px){[data-filter-toolbar] .filter-total{display:none}[data-filter-toolbar] details{position:static}[data-filter-toolbar] details[open] .filter-menu{position:absolute;left:8px;right:8px;top:100%;width:auto;min-width:0;max-width:none}[data-filter-toolbar] details[open] .filter-menu *{min-width:0;max-width:100%}[data-filter-toolbar] select,[data-filter-toolbar] input[type=text],[data-filter-toolbar] summary{height:32px;min-height:32px;font-size:12px}[data-filter-toolbar] button,[data-filter-toolbar] a{height:32px;min-height:32px}[data-filter-toolbar] label.filter-check{height:32px}[data-filter-toolbar] .filter-group-buttons{order:1;flex:1 1 185px;max-width:200px}[data-filter-toolbar] [data-filter-dropdown=resolution]{order:2;flex:0 1 auto;max-width:80px}[data-filter-toolbar] [data-filter-dropdown=ratio]{order:3;flex:0 1 auto;max-width:110px}[data-filter-toolbar] [data-filter-dropdown=tags]{order:4;flex:1 1 52px;min-width:0;max-width:80px}[data-filter-toolbar] [data-filter-dropdown=sort]{order:5;flex:1 1 60px;min-width:0;max-width:110px}[data-filter-toolbar] #ft-order,[data-filter-toolbar] [data-filter-order-toggle]{order:6;flex:0 0 auto;width:32px;min-width:32px}[data-filter-toolbar] #ft-perpage{order:7;flex:0 0 auto;width:46px;min-width:46px}[data-filter-toolbar] .filter-apply{order:8;flex:0 0 auto;padding:0 10px}[data-filter-toolbar] [data-filter-clear]{order:9;flex:0 0 auto;padding:0 8px}[data-filter-toolbar] [data-filter-status]{order:10;flex-basis:100%}[data-filter-toolbar] details[data-filter-dropdown=resolution] summary{white-space:nowrap}}