.atb{gap:.75rem;min-inline-size:0;display:grid}.atb-sr{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.atb :focus-visible{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent);outline:none}.atb-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.atb-search{flex:14rem;align-items:center;min-inline-size:0;max-inline-size:22rem;display:flex;position:relative}.atb-search i{color:var(--color-muted);pointer-events:none;position:absolute;inset-inline-start:.75rem}.atb-search input{border:1px solid var(--color-line);background:var(--color-bg);min-block-size:2.5rem;inline-size:100%;color:var(--color-text);font:inherit;border-radius:.625rem;padding-inline:2.25rem .75rem}.atb-chips{flex-wrap:wrap;gap:.375rem;display:flex}.atb-chip{border:1px solid var(--color-line);min-block-size:2.25rem;color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.375rem;padding-inline:.75rem;font-size:.875rem;display:inline-flex}.atb-chip[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-surface-2);color:var(--color-text)}.atb-chip-n{color:var(--color-muted);font-size:.75rem}.atb-count{margin:0;color:var(--color-muted);margin-inline-start:auto;font-size:.8125rem}.atb-act{border:1px solid var(--color-line);background:var(--color-surface-2);min-block-size:2.25rem;color:var(--color-text);font:inherit;white-space:nowrap;cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding-inline:.75rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.atb-act:hover{border-color:var(--color-accent)}.atb-act[data-primary]{background:var(--color-accent-fill);color:var(--color-on-accent);border-color:#0000}.atb-act[data-danger]{color:var(--yapp-danger-text)}.atb-act:disabled{opacity:.55;cursor:not-allowed}.atb-bulk,.atb-confirm{border:1px solid var(--color-line);background:var(--color-surface);border-radius:.625rem;flex-wrap:wrap;align-items:center;gap:.5rem;padding-block:.625rem;padding-inline:.875rem;display:flex}.atb-confirm{border-color:color-mix(in srgb, var(--yapp-danger) 55%, var(--color-line))}.atb-confirm p{flex:16rem;margin:0}.atb-scroll{border:1px solid var(--color-line);background:var(--color-surface);border-radius:.75rem;min-inline-size:0}.atb-table{border-collapse:collapse;inline-size:100%;font-size:.9375rem}.atb-table th,.atb-table td{border-block-end:1px solid var(--color-line);text-align:start;vertical-align:middle;padding-block:.75rem;padding-inline:.875rem}.yscr[data-density=compact] .atb-table th,.yscr[data-density=compact] .atb-table td{padding-block:.375rem}.atb-table thead th{z-index:1;background:var(--color-surface-2);color:var(--color-muted);font-size:.8125rem;font-weight:700;position:sticky;inset-block-start:var(--yapp-top-h,0)}.atb-table [data-align=end]{text-align:end}.atb-table [data-align=center]{text-align:center}.atb-table tbody tr:last-child td{border-block-end:0}.atb-table tbody tr[data-selected] td{background:color-mix(in srgb, var(--color-accent) 9%, transparent)}.atb-check{inline-size:2.5rem}.atb-check input{block-size:1.125rem;inline-size:1.125rem;accent-color:var(--color-accent)}.atb-sort{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.375rem;padding:0;display:inline-flex}.atb-actions-h{inline-size:1%}.atb-cell{overflow-wrap:anywhere;min-inline-size:0}.atb-inline{flex-wrap:wrap;gap:.375rem;margin-block-start:.5rem;display:flex}.atb-table .atb-actions-h,.atb-table .atb-actions{display:none}.atb-table [data-align=end] .atb-cell{white-space:nowrap}.atb-sortselect{color:var(--color-muted);align-items:center;gap:.5rem;font-size:.875rem;display:none}.atb-sortselect select{border:1px solid var(--color-line);background:var(--color-bg);min-block-size:2.25rem;color:var(--color-text);font:inherit;border-radius:.5rem;padding-inline:.5rem}@media (hover:hover){.atb-inline .atb-act:not([data-primary]){opacity:0}.atb-table tbody tr:hover .atb-inline .atb-act,.atb-table tbody tr:focus-within .atb-inline .atb-act{opacity:1}}.atb-menu{display:none}.atb-none{text-align:center;color:var(--color-muted);padding-block:2rem}.atb-none p{margin-block:0 .75rem}.atb-none .atb-empty-title{color:var(--color-text);font-size:1.05rem;font-weight:700}.atb-edit-row td{background:var(--color-surface-2)}.atb-edit{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.atb-edit-title{flex-basis:100%;font-size:.875rem}.atb-edit label{color:var(--color-muted);flex:16rem;gap:.25rem;font-size:.8125rem;display:grid}.atb-edit input{border:1px solid var(--color-line);background:var(--color-bg);min-block-size:2.5rem;color:var(--color-text);font:inherit;border-radius:.5rem;padding-inline:.75rem}.atb-edit-actions{gap:.5rem;display:flex}.atb-edit-err{color:var(--yapp-danger-text);flex-basis:100%;margin:0}.atb-pager{color:var(--color-muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.atb-toast:empty{display:none}.atb-toast{border:1px solid var(--color-line);background:var(--color-surface);border-radius:.75rem;justify-self:center;align-items:center;gap:.75rem;max-inline-size:100%;padding-block:.625rem;padding-inline:1rem;display:flex;box-shadow:0 12px 32px #0006}.atb-options{flex-wrap:wrap;gap:1rem 2rem;margin-block-start:1rem;display:flex}.atb-options fieldset{border:0;flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:0;display:flex}.atb-pagesize{align-items:center;gap:.5rem;display:inline-flex}.atb-pagesize select{border:1px solid var(--color-line);background:var(--color-bg);min-block-size:2.25rem;color:var(--color-text);font:inherit;border-radius:.5rem;padding-inline:.5rem}@media not (min-width:768px){.atb-count{flex-basis:100%;margin-inline-start:0}.atb-scroll{background:0 0;border:0}.atb-table,.atb-table tbody,.atb-table tr,.atb-table td{inline-size:100%;display:block}.atb-table thead tr{border:0;align-items:center;gap:.5rem;display:flex}.atb-table thead th{background:0 0;display:none;position:static}.atb-table thead th.atb-check{border:0;display:block}.atb-table tbody tr{border:1px solid var(--color-line);background:var(--color-surface);border-radius:.75rem;margin-block-end:.75rem;padding-block:.5rem;padding-inline:.75rem;position:relative}.atb-table tbody td{text-align:start;border:0;justify-content:space-between;gap:.75rem;padding-block:.375rem;padding-inline:0;display:flex}.atb-table tbody td:before{content:attr(data-label);color:var(--color-muted);flex:none;font-size:.8125rem}.atb-table tbody td[data-main]{padding-inline-end:3rem;font-weight:700}.atb-table tbody td[data-main]:before,.atb-table tbody td.atb-check:before,.atb-table tbody td.atb-actions:before,.atb-table tbody td.atb-none:before{content:none}.atb-table tbody td.atb-check{inline-size:auto;position:absolute;inset-block-start:.5rem;inset-inline-end:.75rem}.atb-table tbody td.atb-actions{justify-content:flex-start;display:flex}.atb-inline{display:none}.atb-menu{display:block;position:relative}.atb-menu summary{border:1px solid var(--color-line);cursor:pointer;border-radius:.5rem;place-items:center;block-size:2.5rem;inline-size:2.5rem;font-size:1.25rem;list-style:none;display:inline-grid}.atb-menu summary::-webkit-details-marker{display:none}.atb-menu-list{white-space:normal;gap:.375rem;margin-block-start:.375rem;display:grid}.atb-sortselect{display:inline-flex}.atb-table tbody td>.atb-cell{text-align:end}.atb-edit-row td{display:block}.atb-pager{justify-content:center}}
