.tag{color:#334155;cursor:default;background:#f6f8fb;border:1.5px solid #0000;border-radius:999px;align-items:center;padding:6px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.tag--active{color:#fff;background:#0b1b2b}.tag--removable{color:#157abf;background:#ebf4fb;gap:4px;padding:6px 6px 6px 14px}.tag__remove{min-width:24px;min-height:24px;color:inherit;cursor:pointer;border-radius:50%;place-items:center;margin:-3px -6px -3px 0;transition:background .15s;display:grid}.tag__remove:hover{background:#157abf26}.tag__remove:focus-visible{outline-offset:2px;outline:2px solid #157abf}.tag__remove svg{display:block}.tag button.tag{cursor:pointer}.tag button.tag:hover:not(.tag--active){color:#157abf;background:#ebf4fb;border-color:#d2e7f5}.tag button.tag:focus-visible{outline-offset:2px;outline:2px solid #157abf}
.toolbar{background:#fff;border:1px solid #e5ebf2;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.toolbar__left{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.toolbar__count{color:#64748b;white-space:nowrap;font-size:14px;font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.toolbar__right{flex-shrink:0;align-items:center;gap:12px;display:flex}.view-toggle{background:#f6f8fb;border-radius:12px;gap:4px;padding:4px;display:flex}.view-toggle button{color:#94a3b8;border-radius:7px;place-items:center;width:36px;height:36px;transition:background .15s,color .15s,box-shadow .15s;display:grid}.view-toggle button.is-active{color:#157abf;background:#fff;box-shadow:0 1px 2px #0b1b2b0a,0 1px 3px #0b1b2b0a}.view-toggle button:hover:not(.is-active){color:#0b1b2b}.view-toggle button:focus-visible{outline-offset:2px;outline:2px solid #157abf}.view-toggle button svg{display:block}