@layer m3-components{.m3-table-host{width:100%;min-width:0;container:m3-table/inline-size}.m3-table-root{--_row-h:var(--md-sys-size-table-row);--_px:var(--md-sys-pad-control-x);--_check-w:calc(8px + max(var(--md-sys-size-touch), var(--md-sys-size-state-layer)));--_base:var(--md-sys-color-surface-container-low);--_rest:var(--_base);--_tile:var(--md-sys-color-surface-container-low);--_tile-bw:0px;--_div:color-mix(in srgb, var(--md-sys-color-outline-variant) 50%, transparent);--_div-in:var(--_px);--_gap:2px;--_pill-h:24px;--_r:var(--md-sys-shape-corner-large);--_p:var(--md-sys-space-2);--_rr:var(--m3-ir,var(--md-sys-shape-corner-small));box-sizing:border-box;width:100%;min-width:0;padding:var(--_p);border-radius:var(--_r);background:var(--_base);position:relative;overflow:hidden}.m3-table-root[data-density=dense]{--_row-h:var(--md-sys-size-table-row-dense)}.m3-table-root[data-look=lined]{--_base:transparent;--_r:var(--md-sys-shape-corner-small);--_p:0px;--_div-in:0px;--_tile:transparent;--_tile-bw:var(--md-sys-border-thin);--_div:color-mix(in srgb, var(--md-sys-color-outline-variant) 90%, transparent);background:0 0}.m3-table-root[data-look=cards]{--_base:transparent;--_rest:var(--md-sys-color-surface-container-low);--_p:0px;--_div:transparent;--_gap:var(--md-sys-space-2);background:0 0}.m3-table-root[data-look=lined][data-pinned]{--_base:var(--md-sys-color-surface)}.m3-table-root[data-look=cards][data-pinned]{--_head-bg:var(--md-sys-color-surface)}.m3-table-wrap{isolation:isolate;border-radius:var(--_rr);overscroll-behavior-x:contain;position:relative;overflow:auto}.m3-table-wrap:focus-visible{outline-offset:calc(-1 * var(--md-sys-focus-width))}.m3-table{width:100%;min-width:var(--_min-w,640px);border-collapse:separate;border-spacing:0 var(--_gap);margin-block:calc(-1 * var(--_gap));font-family:var(--md-ref-typeface-plain)}.m3-table :where(thead,tbody)>tr>:where(th,td){background-image:linear-gradient(var(--_div),var(--_div));background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px}.m3-table :where(tr>:first-child){background-size:calc(100% - var(--_div-in)) 1px;background-position:100% 100%}.m3-table :where(tr>:last-child){background-size:calc(100% - var(--_div-in)) 1px;background-position:0 100%}.m3-table tbody :is(tr:last-child,tr[data-selected],tr:has(+tr[data-selected]))>:is(th,td){background-image:none}@media (hover:hover){.m3-table tbody :is(tr:hover,tr:has(+tr:hover))>:is(th,td){background-image:none}}.m3-table thead th{z-index:calc(1 + var(--md-sys-z-raised));height:var(--_row-h);padding:0 var(--_px);text-align:start;white-space:nowrap;background-color:var(--_head-bg,var(--_base));color:var(--md-sys-color-on-surface-variant);font:500 12px/16px var(--md-ref-typeface-brand);letter-spacing:.5px;position:sticky;top:0}.m3-table-root[data-look=lined] .m3-table thead th{font:500 14px/20px var(--md-ref-typeface-brand);letter-spacing:.1px}.m3-table [data-align=end]{text-align:end}.m3-table [data-align=center]{text-align:center}.m3-table [data-type=date],.m3-table [data-type=number]{font-variant-numeric:tabular-nums}.m3-table__sort{height:var(--md-sys-size-btn-xs);margin:0 calc(-1 * var(--_px));padding:0 var(--_px);border-radius:var(--md-sys-shape-corner-small);color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;--m3-icon-size:18px;background:0 0;border:0;align-items:center;gap:4px;display:inline-flex;position:relative}.m3-table [data-align=end] .m3-table__sort{flex-direction:row-reverse}.m3-table__sort:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--md-sys-motion-t-state);pointer-events:none;background:currentColor;position:absolute;inset:0}@media (hover:hover){.m3-table__sort:hover:before{opacity:var(--md-sys-state-hover-opacity)}}.m3-table__sort:focus-visible{outline-offset:calc(-1 * var(--md-sys-focus-width))}.m3-table__sort:active:before{opacity:var(--md-sys-state-pressed-opacity);transition-duration:0s}@container m3-table (width>=600px){.m3-table thead th[data-sortable]{padding-inline:2px}.m3-table thead th[data-sortable] .m3-table__sort{width:100%;height:calc(-8px + var(--_row-h));padding-inline:calc(-2px + var(--_px));border-radius:var(--md-sys-shape-corner-medium);justify-content:flex-start;margin:0;display:flex}.m3-table thead th[data-sortable][data-align=end] .m3-table__sort{justify-content:flex-start}}.m3-table__sort .m3-icon{opacity:0;transition:opacity var(--md-sys-motion-t-fx-micro)}.m3-table__sort:focus-visible .m3-icon{opacity:.6}@media (hover:hover){.m3-table__sort:hover .m3-icon{opacity:.6}}.m3-table th[data-sorted]{color:var(--md-sys-color-on-surface)}.m3-table th[data-sorted] .m3-icon,.m3-table th[data-sorted] .m3-table__sort:focus-visible .m3-icon{opacity:1}.m3-table tbody :is(td,th){height:var(--_row-h);padding:0 var(--_px);vertical-align:middle;text-align:start;font:400 14px/20px var(--md-ref-typeface-plain);letter-spacing:.25px;background-color:var(--_row-bg,var(--_rest));transition:background-color var(--md-sys-motion-t-state);position:relative}.m3-table tbody :where(tr>:first-child){border-start-start-radius:var(--_rr);border-end-start-radius:var(--_rr)}.m3-table tbody :where(tr>:last-child){border-start-end-radius:var(--_rr);border-end-end-radius:var(--_rr)}.m3-table tbody th[scope=row]{font-weight:500}.m3-table__text{text-overflow:ellipsis;white-space:nowrap;max-width:36ch;display:block;overflow:hidden}.m3-table [data-align=end] .m3-table__text{margin-inline-start:auto}.m3-table :is(th,td)[style*=width] .m3-table__text{max-width:none}.m3-table tbody tr{--_row-bg:var(--_rest)}@media (hover:hover){.m3-table th[data-sorted] .m3-table__sort:hover .m3-icon{opacity:1}.m3-table tbody tr:hover{--_row-bg:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-hover-opacity) * 100%), var(--_rest))}}.m3-table tbody tr[data-selected]{--_row-bg:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.m3-table tbody tr[data-selected] :is(td,th):first-child:after,.m3-table tbody tr[data-selected]:after{opacity:1;transition:opacity var(--md-sys-motion-t-fx-micro),scale var(--md-sys-motion-t-micro);scale:1}.m3-table tbody :is(td,th):first-child:after,.m3-table tbody tr:after{content:"";border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);opacity:0;width:3px;scale:1 calc(1 - var(--md-sys-motion-travel));transition:opacity var(--md-sys-motion-t-fx-micro),scale var(--md-sys-motion-t-micro-out);position:absolute;inset-block:26%;inset-inline-start:3px}.m3-table tbody tr:after{display:none}.m3-table tbody tr[data-selected] .m3-status:is([data-tone=secondary],[data-tone=neutral]){--_bg:color-mix(in srgb, var(--md-sys-color-surface) 72%, var(--md-sys-color-secondary-container))}.m3-table tbody :is(td,th):first-child:after{display:none}.m3-table-root[data-clickable] tbody tr{cursor:pointer}.m3-table-root[data-clickable] tbody tr:focus-visible{outline-offset:calc(-1 * var(--md-sys-focus-width));border-radius:var(--_rr)}.m3-table__check{width:var(--_check-w);min-width:var(--_check-w);text-align:center;padding:0 0 0 4px!important}.m3-table__check .m3-cb{margin-inline:auto;display:flex}.m3-table__actions{white-space:nowrap;width:1%;padding-inline:4px var(--_px)!important}.m3-table__actions-in{justify-content:flex-end;align-items:center;gap:var(--md-sys-space-1);opacity:0;transition:opacity var(--md-sys-motion-t-fx-micro);display:flex}.m3-table tbody tr:focus-within .m3-table__actions-in{opacity:1}@media (hover:hover){.m3-table tbody tr[data-selected]:hover{--_row-bg:color-mix(in srgb, var(--md-sys-color-on-secondary-container) calc(var(--md-sys-state-hover-opacity) * 100%), var(--md-sys-color-secondary-container))}.m3-table tbody tr:hover .m3-table__actions-in{opacity:1}.m3-table__empty-row:hover,.m3-table__skeleton:hover{--_row-bg:var(--_rest)}}@media (hover:none){.m3-table__actions-in{opacity:1}}.m3-table__empty{height:auto!important;padding:var(--md-sys-space-8) var(--md-sys-space-4)!important;text-align:center!important}.m3-table-root[data-sticky-col] .m3-table tbody :is(td,th):is(.m3-table__check,[data-first]){z-index:var(--md-sys-z-raised);position:sticky}.m3-table-root[data-sticky-col] .m3-table thead :is(.m3-table__check,[data-first]){z-index:calc(2 + var(--md-sys-z-raised))}.m3-table-root[data-sticky-col] .m3-table .m3-table__check,.m3-table-root[data-sticky-col] .m3-table [data-first]{left:0}.m3-table-root[data-sticky-col][data-selectable] .m3-table [data-first]{left:var(--_check-w)}.m3-table-root[data-sticky-col] .m3-table-wrap[data-scrolled-x] .m3-table :is(th,td)[data-first]{box-shadow:1px 0 0 var(--md-sys-color-outline-variant)}.m3-table-wrap[data-scrolled-y] .m3-table thead th{box-shadow:0 1px 3px 0 color-mix(in srgb,var(--md-sys-color-on-surface) 14%,transparent)}.m3-table__sk{--_loop:1.6s;background:var(--md-sys-color-surface-container-highest);border-radius:6px;max-width:100%;height:12px;display:block;position:relative;overflow:hidden}.m3-table [data-align=end] .m3-table__sk{margin-inline-start:auto}.m3-table__sk--box{border-radius:3px;width:18px;height:18px;margin-inline:auto}.m3-table__sk[data-pill]{height:var(--_pill-h);border-radius:var(--md-sys-shape-corner-full)}.m3-table__sk:after{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--md-sys-color-surface) 55%,transparent),transparent);animation:m3-table-shimmer var(--_loop) linear infinite;position:absolute;inset:0;translate:-100%}@keyframes m3-table-shimmer{to{translate:100%}}@keyframes m3-table-pulse{0%{opacity:.5}to{opacity:1}}:root[data-motion=reduce] .m3-table__sk:after{background:0 0;animation:none;translate:0}:root[data-motion=reduce] .m3-table__sk{animation:m3-table-pulse var(--_loop) ease-in-out infinite alternate}@media (prefers-reduced-motion:reduce){:root:not([data-motion=expressive]) .m3-table__sk:after{background:0 0;animation:none;translate:0}:root:not([data-motion=expressive]) .m3-table__sk{animation:m3-table-pulse var(--_loop) ease-in-out infinite alternate}}@media (forced-colors:active){.m3-table tbody tr[data-selected] :is(td,th){outline-offset:-2px;outline:2px solid highlight}}.m3-table__cl{display:none}@container m3-table (width<=599px){.m3-table-root[data-narrow=scroll]{--_px:var(--md-sys-space-3);--_p:var(--md-sys-space-1)}.m3-table-root[data-narrow=scroll][data-look=lined]{--_base:var(--md-sys-color-surface)}.m3-table-root[data-narrow=scroll][data-look=cards]{--_head-bg:var(--md-sys-color-surface)}.m3-table-root[data-narrow=scroll] .m3-table{min-width:max-content}.m3-table-root[data-narrow=scroll] .m3-table [data-first] .m3-table__text{max-width:44cqi}.m3-table-root[data-narrow=scroll] .m3-table :is(thead th,tbody td,tbody th):is(.m3-table__check,[data-first]){z-index:var(--md-sys-z-raised);position:sticky}.m3-table-root[data-narrow=scroll] .m3-table thead :is(.m3-table__check,[data-first]){z-index:calc(2 + var(--md-sys-z-raised))}.m3-table-root[data-narrow=scroll] .m3-table .m3-table__check,.m3-table-root[data-narrow=scroll] .m3-table [data-first]{left:0}.m3-table-root[data-narrow=scroll][data-selectable] .m3-table [data-first]{left:var(--_check-w)}.m3-table-root[data-narrow=scroll] .m3-table-wrap[data-scrolled-x] .m3-table :is(th,td)[data-first]{box-shadow:1px 0 0 var(--md-sys-color-outline-variant)}.m3-table-root[data-narrow=scroll] .m3-table-wrap[data-more-x]{-webkit-mask-image:linear-gradient(to left,transparent,#000 var(--md-sys-space-8));-webkit-mask-image:linear-gradient(to left,transparent,#000 var(--md-sys-space-8));mask-image:linear-gradient(to left,transparent,#000 var(--md-sys-space-8))}.m3-table-root[data-narrow=cards]{background:0 0;border-radius:0;padding:0;overflow:visible}[data-narrow=cards] .m3-table-wrap{border-radius:0;overflow:visible;max-height:none!important}[data-narrow=cards] :is(.m3-table,.m3-table tbody){min-width:0;margin-block:0;display:block}[data-narrow=cards] .m3-table thead{display:block}[data-narrow=cards] .m3-table thead tr{align-items:center;gap:var(--md-sys-space-2);padding:var(--md-sys-space-1) 0 var(--md-sys-space-3);overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;display:flex;overflow-x:auto}[data-narrow=cards] .m3-table thead tr::-webkit-scrollbar{display:none}[data-narrow=cards] .m3-table thead tr>*{flex:none}[data-narrow=cards] .m3-table thead th{background:0 0;border:0;height:auto;padding:0;display:none;position:static;box-shadow:none!important;width:auto!important}[data-narrow=cards] .m3-table thead :is(th.m3-table__check,th[data-sortable]){display:block}[data-narrow=cards] .m3-table thead th.m3-table__check{min-width:0;width:auto!important;padding:0!important}[data-narrow=cards] .m3-table__sort{height:var(--md-sys-size-btn-xs);padding:0 var(--md-sys-space-3);border-radius:var(--md-sys-shape-corner-full);box-shadow:inset 0 0 0 var(--md-sys-border-thin) var(--md-sys-color-outline-variant);margin:0}[data-narrow=cards] .m3-table [data-align=end] .m3-table__sort{flex-direction:row}[data-narrow=cards] .m3-table th[data-sorted] .m3-table__sort{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);box-shadow:none;padding-inline-end:var(--md-sys-space-2)}[data-narrow=cards] .m3-table .m3-table__sort .m3-icon{display:none}[data-narrow=cards] .m3-table th[data-sorted] .m3-table__sort .m3-icon{opacity:1;display:inline-grid}[data-narrow=cards] .m3-table tbody{gap:var(--md-sys-space-2);display:grid}[data-narrow=cards] .m3-table tbody tr{--_row-bg:var(--_tile);--_lead:var(--md-sys-space-4);align-items:center;gap:2px var(--md-sys-space-2);box-sizing:border-box;min-height:56px;padding:var(--md-sys-space-3) var(--md-sys-space-4) var(--md-sys-space-3) var(--_lead);border:var(--_tile-bw) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--_row-bg);transition:background-color var(--md-sys-motion-t-state);flex-wrap:wrap;display:flex;position:relative;overflow:hidden}[data-narrow=cards][data-selectable] .m3-table tbody tr{--_lead:calc(var(--md-sys-size-touch) + var(--md-sys-space-1))}@media (hover:hover){[data-narrow=cards] .m3-table tbody tr:hover{--_row-bg:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-hover-opacity) * 100%), var(--_tile))}}[data-narrow=cards] .m3-table tbody tr[data-selected]{--_row-bg:var(--md-sys-color-secondary-container)}@media (hover:hover){[data-narrow=cards] .m3-table tbody tr[data-selected]:hover{--_row-bg:color-mix(in srgb, var(--md-sys-color-on-secondary-container) calc(var(--md-sys-state-hover-opacity) * 100%), var(--md-sys-color-secondary-container))}}[data-narrow=cards] .m3-table tbody tr:before{content:"";flex-basis:100%;order:4;height:0}[data-narrow=cards] .m3-table tbody :is(td,th){height:auto;min-height:0;font:400 13px/18px var(--md-ref-typeface-plain);letter-spacing:.25px;color:var(--md-sys-color-on-surface-variant);background:0 0;border:0;border-radius:0;padding:0;display:block;text-align:start!important}[data-narrow=cards] .m3-table__text{text-align:start;max-width:none}[data-narrow=cards] .m3-table [data-align=end] .m3-table__text{margin-inline-start:0}[data-narrow=cards] .m3-table tbody [data-card=title]{min-width:0;font:500 16px/22px var(--md-ref-typeface-brand);letter-spacing:.15px;color:var(--md-sys-color-on-surface);flex:1 1 0;order:1}[data-narrow=cards] .m3-table tbody [data-card=badge]{flex:none;order:5;margin-block:2px;display:flex}[data-narrow=cards] .m3-table tbody [data-card=meta]{min-width:0;white-space:nowrap;flex:0 auto;order:6;align-items:baseline;gap:4px;margin-inline-end:var(--md-sys-space-1);display:flex}[data-narrow=cards] .m3-table tbody [data-card=meta] .m3-table__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--md-sys-color-on-surface);overflow:hidden}[data-narrow=cards] .m3-table tbody [data-card=meta] .m3-table__cl{display:inline}[data-narrow=cards] .m3-table tbody [data-card=line]{color:var(--md-sys-color-on-surface);flex-basis:100%;order:7;gap:4px;font-size:14px;line-height:20px;display:flex}[data-narrow=cards] .m3-table tbody [data-card=line] .m3-table__text{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}[data-narrow=cards] .m3-table tbody [data-card=line] .m3-table__cl{color:var(--md-sys-color-on-surface-variant);flex:none;display:inline}[data-narrow=cards] .m3-table tbody [data-card=hidden]{display:none}[data-narrow=cards] .m3-table tbody tr[data-selected] :is(td,th){color:var(--md-sys-color-on-secondary-container)}[data-narrow=cards] .m3-table tbody td.m3-table__check{align-items:center;width:auto;min-width:0;display:flex;position:absolute;inset-block:0;inset-inline-start:2px;padding:0!important}[data-narrow=cards] .m3-table tbody td.m3-table__actions{width:auto;flex:none;order:3;margin-block:-10px;margin-inline-end:calc(-1 * var(--md-sys-space-2));padding:0!important}[data-narrow=cards] .m3-table tbody td.m3-table__actions .m3-table__actions-in{opacity:1}[data-narrow=cards] .m3-table tbody tr>:first-child:after{display:none}[data-narrow=cards] .m3-table tbody tr:after{inset-block:var(--md-sys-space-3);display:block}[data-narrow=cards] .m3-table__skeleton:after{display:none}[data-narrow=cards] .m3-table__skeleton [data-card=title] .m3-table__sk{height:14px}[data-narrow=cards] .m3-table__skeleton [data-card=meta] .m3-table__sk{width:56px!important}[data-narrow=cards] .m3-table__skeleton [data-card=badge] .m3-table__sk{width:72px!important}[data-narrow=cards] .m3-table__empty-row{background:var(--_tile)!important;padding:0!important;display:block!important}[data-narrow=cards] .m3-table__empty-row:before{content:none!important}[data-narrow=cards] .m3-table tbody td.m3-table__empty{display:block;text-align:center!important}.m3-table-root[data-narrow=cards][data-sticky-col] .m3-table :is(thead th,tbody td,tbody th):is(.m3-table__check,[data-first]){position:static;box-shadow:none!important}}}@layer m3-density{:root[data-density=compact] .m3-table-root{--_pill-h:22px}:root[data-density=compact] .m3-table-root[data-look=cards]{--_gap:var(--md-sys-space-1)}:root[data-density=compact] .m3-table-root[data-look=lined] .m3-table thead th{letter-spacing:.1px;font-size:13px;line-height:18px}:root[data-density=compact] .m3-table tbody :is(td,th){font-size:13px;line-height:18px}}
