.filter-status{border:none;margin:0;padding:0}.filter-pill{padding:var(--spacing-8) var(--spacing-16);transition-property:background-color,border-color;transition-duration:var(--transition-duration,.25s);border:var(--form-control-border-width,1px) solid transparent;border-radius:var(--radius-8);background-color:var(--color-neutral-100);color:var(--color-neutral-900);font-weight:var(--font-weight-semibold);cursor:pointer;align-items:center;gap:var(--spacing-8);display:inline-flex;position:relative;&:has(:focus-visible){outline-offset:2px;outline:2px solid light-dark(#4285f4,#8ab4f8)}&:has(:checked){border-color:var(--color-neutral-900)}}.filter-pill-pending{background-color:var(--color-blush-100);color:var(--color-blush-900);&:has(:checked){border-color:var(--color-blush-900)}}.filter-pill-progress,.filter-pill-progress1,.filter-pill-progress2{background-color:var(--color-mandarine-100);color:var(--color-mandarine-900);&:has(:checked){border-color:var(--color-mandarine-900)}}.filter-pill-done,.filter-pill-done1,.filter-pill-done2{background-color:var(--color-kiwi-100);color:var(--color-kiwi-900);&:has(:checked){border-color:var(--color-kiwi-900)}}.filter-pill-count{font-weight:var(--font-weight-regular)}.filter-pill-check{border:2px solid var(--color-white);border-radius:var(--radius-full);background-color:var(--color-neutral-900);width:20px;height:20px;color:var(--color-white);place-items:center;display:none;position:absolute;top:-6px;right:-6px}.filter-pill:has(:checked) .filter-pill-check{display:grid}.table-status{--table-border-width:0;--table-border-collapse:separate;--table-border-spacing:0;--table-row-background:var(--color-white);padding-bottom:var(--spacing-8);padding-inline:var(--spacing-8);& thead{@media (width<64rem){white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}& thead th{font-size:var(--text-md);font-weight:var(--font-weight-regular);background-color:#0000}& tbody{gap:var(--spacing-s);display:grid}& tr:not(.empty){gap:var(--spacing-s);padding:var(--spacing-16) var(--spacing-24);border-left:var(--spacing-8) solid transparent;grid-template-columns:auto;align-items:center;display:grid;@media (width>=64rem){grid-template-columns:10rem 1fr auto;gap:0}}& tr:not(thead tr,.empty){border-radius:var(--radius-8);background-color:var(--table-row-background);box-shadow:var(--shadow-light)}& tr:not(thead tr,.empty),& tr[data-status=pending]{border-left:var(--spacing-8) solid var(--color-neutral-500)}& tr.empty{color:var(--color-error-500)}& tr.empty td{padding:var(--spacing-16) var(--spacing-24);text-align:center;display:block}& tr[data-status=progress1],& tr[data-status=progress2]{border-left:var(--spacing-8) solid var(--color-mandarine-500)}& tr[data-status=done],& tr[data-status=ready]{border-left:var(--spacing-8) solid var(--color-kiwi-500)}& td,& th{padding:0}& td.site{order:2;align-items:center;display:flex}& td.status{order:1}& td.actions{order:3}& strong{font-size:var(--text-2xl)}& .favicon{width:32px;height:32px;margin-left:var(--spacing-8);vertical-align:middle;display:inline-block}}
