/*** Data Grid Web Component * https://github.com/lekoala/data-grid ***/
@keyframes dataGridShow{0%{opacity:1}to{opacity:.5}}data-grid{--dg-space-1:4px;--dg-space-2:8px;--dg-space-3:12px;--dg-space-4:16px;--dg-bg:#fff;--dg-color:#1f2328;--dg-muted-color:#6b7280;--dg-border-width:1px;--dg-border-color:#dbdcdd;--dg-accent:#2563eb;--dg-accent-soft:#e9effd;--dg-focus-ring:#2563eb33;--dg-header-bg:#f8fafc;--dg-header-color:var(--dg-muted-color);--dg-filter-bg:var(--dg-bg);--dg-row-stripe-bg:transparent;--dg-row-hover-bg:#f8fafc;--dg-row-selected-bg:#eef3fd;--dg-row-selected-hover-bg:#e5ecfd;--dg-row-border-color:var(--dg-border-color);--dg-control-bg:#fff;--dg-control-color:var(--dg-color);--dg-control-border-color:#dbdcdd;--dg-danger-bg:#fef3f2;--dg-danger-color:#b42318;--dg-danger-border-color:#fecdca;--dg-cell-padding-inline:var(--dg-space-3);--dg-cell-padding-block:var(--dg-space-2);--dg-padding-x:var(--dg-cell-padding-inline);--dg-padding-y:var(--dg-cell-padding-block);--dg-header-padding-y:var(--dg-space-2);--dg-control-padding-inline:var(--dg-space-2);--dg-control-height:32px;--dg-selection-column-width:40px;--dg-actions-column-width:48px;--dg-radius:8px;--dg-icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");--dg-icon-actions:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5' cy='12' r='1.75'/%3E%3Ccircle cx='12' cy='12' r='1.75'/%3E%3Ccircle cx='19' cy='12' r='1.75'/%3E%3C/svg%3E");--dg-icon-disclosure:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 6 6 6-6 6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--dg-icon-details:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");--dg-icon-filter-text:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 2h8v1H9v10h3v1H4v-1h3V3H4z'/%3E%3C/svg%3E");--dg-icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6 6 18' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");--dg-padding-half:calc(var(--dg-padding-y)/2);--dg-icon-scale:1;color:var(--dg-color);font:inherit;line-height:inherit;display:flex;position:relative;flex-direction:column;min-height:6rem}@supports (color: color-mix(in srgb, red 50%, transparent)){data-grid{--dg-row-border-color:color-mix(in srgb,var(--dg-border-color)70%,transparent)}}data-grid .dg-status,data-grid .dg-visually-hidden{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}data-grid[density=compact]{--dg-cell-padding-block:var(--dg-space-1);--dg-cell-padding-inline:var(--dg-space-2);--dg-header-padding-y:var(--dg-space-1);--dg-control-height:28px}data-grid[density=comfortable]{--dg-cell-padding-block:var(--dg-space-3);--dg-cell-padding-inline:var(--dg-space-4);--dg-header-padding-y:var(--dg-space-3);--dg-control-height:36px}data-grid{--dg-scroller-color:0,0%;--dg-scroller-color-lightness:80%;--dg-scroller-hover-factor:.8;--dg-scroller-thumb:hsl(var(--dg-scroller-color),var(--dg-scroller-color-lightness));--dg-scroller-thumb-hover:hsl(var(--dg-scroller-color),calc(var(--dg-scroller-color-lightness)*var(--dg-scroller-hover-factor)));--dg-scroller-background:transparent}data-grid>.dg-frame>.dg-scroll{scrollbar-color:var(--dg-scroller-thumb)var(--dg-scroller-background);scrollbar-width:thin}data-grid .dg-scroll::-webkit-scrollbar{width:8px;height:8px}data-grid .dg-scroll::-webkit-scrollbar-track{background:0 0}data-grid .dg-scroll::-webkit-scrollbar-thumb{background:var(--dg-scroller-thumb)}data-grid .dg-scroll::-webkit-scrollbar-thumb:hover{background:var(--dg-scroller-thumb-hover)}data-grid>.dg-frame>.dg-scroll>table tr.dg-head-columns:-webkit-any(:empty,:has(>:first-child:not([scope=col]))){display:none}data-grid>.dg-frame>.dg-scroll>table tr.dg-head-columns:-moz-any(:empty,:has(>:first-child:not([scope=col]))){display:none}data-grid>.dg-frame>.dg-scroll>table tr.dg-head-columns:is(:empty,:has(>:first-child:not([scope=col]))){display:none}data-grid img{vertical-align:middle;border:none;max-width:100%;height:auto}data-grid [hidden]{display:none}data-grid>.dg-frame{display:flex;overflow:hidden;background:var(--dg-bg);border:var(--dg-border-width)solid var(--dg-border-color);border-radius:var(--dg-radius);flex-direction:column;flex:auto;min-width:280px;min-height:0}data-grid>.dg-frame>.dg-scroll{overflow:auto;background:var(--dg-bg);border:0;border-radius:0;flex:auto;min-height:0}data-grid>.dg-frame>.dg-scroll:focus-visible{outline:2px solid var(--dg-accent);outline-offset:2px}data-grid.dg-snap-columns .dg-scroll{scroll-padding-inline-start:var(--dg-frozen-start-width,0px);scroll-padding-inline-end:var(--dg-frozen-end-width,0px);scroll-snap-type:inline proximity}data-grid.dg-snap-columns .dg-head-columns>th:not([hidden]){scroll-snap-align:start}data-grid .dg-scroll>table{display:table;table-layout:fixed;white-space:normal;background:var(--dg-bg);border-collapse:separate;border-spacing:0;border:0;border-radius:0;width:100%;max-width:100%}data-grid caption{caption-side:top;color:var(--dg-muted-color);padding:var(--dg-space-1)var(--dg-padding-x);text-align:start;font-size:.875em;font-weight:600}data-grid thead,data-grid .dg-footer{background-color:var(--dg-header-bg);color:var(--dg-header-color)}data-grid[data-loading]:not(.dg-initialized) thead,data-grid[data-loading]:not(.dg-initialized) .dg-footer{background:0 0}data-grid[data-loading] tbody{animation-name:dataGridShow;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-duration:.3s;pointer-events:none}data-grid[data-loading]:not(:has(th)) .dg-footer{display:none}data-grid tr{position:relative}data-grid th,data-grid td{box-sizing:border-box;empty-cells:show;padding:var(--dg-padding-y)var(--dg-padding-x);text-align:start;vertical-align:middle}data-grid th[tabindex],data-grid td[tabindex]{outline:none;word-break:normal}data-grid th{color:var(--dg-header-color);letter-spacing:.01em;padding:var(--dg-header-padding-y)var(--dg-padding-x);font-size:.875em;font-weight:600}data-grid th,data-grid td{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}data-grid th.dg-wrap,data-grid td.dg-wrap{white-space:normal;overflow-wrap:anywhere}data-grid th[data-align=start],data-grid td[data-align=start]{text-align:start}data-grid th[data-align=center],data-grid td[data-align=center]{text-align:center}data-grid th[data-align=end],data-grid td[data-align=end]{text-align:end}data-grid .dg-selectable{inline-size:var(--dg-selection-column-width);min-inline-size:var(--dg-selection-column-width);max-inline-size:var(--dg-selection-column-width);text-align:center;padding-left:0;padding-right:0;font-size:1em}data-grid>.dg-frame>.dg-topbar{display:flex;padding:var(--dg-space-2)var(--dg-padding-x);border-bottom:var(--dg-border-width)solid var(--dg-border-color);flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.5rem}data-grid .dg-topbar-start,data-grid .dg-topbar-end{display:flex;flex-wrap:wrap;align-items: center;gap:.5rem}data-grid .dg-topbar-start:empty,data-grid .dg-topbar-end:empty{display:none}data-grid .dg-topbar-end{flex:auto;justify-content:flex-end;margin-left:auto}data-grid .dg-search-field{display:inline-flex;position:relative;flex:18rem;max-inline-size:24rem}data-grid .dg-search-field>.dg-search{inline-size:100%;min-inline-size:0;max-inline-size:100%}data-grid .dg-search-icon{color:var(--dg-muted-color);display:block;left:var(--dg-control-padding-inline);-webkit-mask:var(--dg-icon-search)center/contain no-repeat;mask:var(--dg-icon-search)center/contain no-repeat;pointer-events:none;position:absolute;z-index:1;background-color:currentColor;block-size:16px;inline-size:16px;top:50%;transform:translateY(-50%)}data-grid .dg-bulk-actions{display:flex;flex-wrap:wrap;align-items: center;gap:.5rem}data-grid .dg-selection-count{border:var(--dg-border-width)solid var(--dg-control-border-color);background-color:var(--dg-control-bg);color:var(--dg-color);font-variant-numeric:tabular-nums;font-size:.875em;font-weight:600;line-height:calc(var(--dg-control-height) - 2*var(--dg-border-width));text-align:center;border-radius:999px;min-inline-size:2.25rem;margin-right:.5rem;padding-left:.5rem;padding-right:.5rem}data-grid .dg-selectable label{display:flex;justify-content:center;align-items: center;margin:0}data-grid .dg-select-all,data-grid .dg-selectable input[type=checkbox],data-grid .dg-selectable input[type=radio],data-grid input.dg-editable[type=checkbox]{accent-color:var(--dg-accent);width:16px;height:16px}data-grid .dg-clickable-cell{position:absolute;cursor:pointer;display:flex;justify-content:center;align-items: center;width:100%;height:100%;margin:0;top:0;left:0}data-grid button:where(.dg-skin,.dg-filter-control,.dg-editable){font:inherit}data-grid input:where(.dg-skin,.dg-filter-control,.dg-editable){font:inherit}data-grid select:where(.dg-skin,.dg-filter-control,.dg-editable){font:inherit}data-grid .dg-scroll>table>thead{z-index:2;position:sticky;border:0;margin:0;top:0}data-grid .dg-nav-icon,data-grid .dg-skip-icon{box-sizing:border-box;position:absolute;display:block;transform:translate(-50%,-50%)scale(var(--dg-icon-scale,1));width:1.125em;height:1.125em;top:50%;left:50%}data-grid .dg-nav-icon:before,data-grid .dg-nav-icon:after,data-grid .dg-skip-icon:before,data-grid .dg-skip-icon:after{content:"";display:block;box-sizing:border-box;position:absolute}data-grid .dg-nav-icon:before{border-top:.25em solid #0000;border-bottom:.25em solid #0000;border-left:.3125em solid;width:0;height:.5em;top:.3125em;left:.4375em}data-grid .dg-skip-icon:before{background:currentColor;width:.125em;height:.5em;top:.3125em;left:.75em}data-grid .dg-skip-icon:after{border-top:.25em solid #0000;border-bottom:.25em solid #0000;border-left:.3125em solid;width:0;height:.5em;top:.3125em;left:.3125em}data-grid .dg-rotate{transform:rotate(-180deg)}data-grid button:where(.dg-skin,.dg-filter-control,.dg-editable){background-color:var(--dg-control-bg);border:solid var(--dg-border-width)var(--dg-control-border-color);border-radius:var(--dg-radius);color:var(--dg-control-color);cursor:pointer;display:inline-flex;justify-content:center;align-items: center;gap:var(--dg-space-1);height:var(--dg-control-height);padding:0 var(--dg-control-padding-inline);pointer-events:all;text-align:center;margin:0;transition:background-color .12s,border-color .12s,box-shadow .12s,color .12s}data-grid button:where(.dg-skin,.dg-filter-control,.dg-editable):hover{background-color:var(--dg-row-hover-bg)}data-grid button:where(.dg-skin,.dg-filter-control,.dg-editable):disabled:hover{background-color:var(--dg-control-bg);border-color:var(--dg-control-border-color)}data-grid .dg-load-more[aria-disabled=true]{cursor:wait;opacity:.45}data-grid input:where(.dg-skin,.dg-filter-control,.dg-editable)[type=checkbox]{margin:0;padding:0}data-grid :where(input:where(.dg-skin,.dg-filter-control,.dg-editable):not(:-webkit-any([type=checkbox],[type=radio])),select:where(.dg-skin,.dg-filter-control,.dg-editable)){background-color:var(--dg-control-bg);color:currentColor;box-sizing:border-box;border:var(--dg-border-width)solid var(--dg-control-border-color);border-radius:var(--dg-radius);height:var(--dg-control-height);padding:0 var(--dg-control-padding-inline);max-width:none;margin:0;transition:background-color .12s,border-color .12s,box-shadow .12s}data-grid :where(input:where(.dg-skin,.dg-filter-control,.dg-editable):not(:-moz-any([type=checkbox],[type=radio])),select:where(.dg-skin,.dg-filter-control,.dg-editable)){background-color:var(--dg-control-bg);color:currentColor;box-sizing:border-box;border:var(--dg-border-width)solid var(--dg-control-border-color);border-radius:var(--dg-radius);height:var(--dg-control-height);padding:0 var(--dg-control-padding-inline);max-width:none;margin:0;transition:background-color .12s,border-color .12s,box-shadow .12s}data-grid :where(input:where(.dg-skin,.dg-filter-control,.dg-editable):not(:is([type=checkbox],[type=radio])),select:where(.dg-skin,.dg-filter-control,.dg-editable)){background-color:var(--dg-control-bg);color:currentColor;box-sizing:border-box;border:var(--dg-border-width)solid var(--dg-control-border-color);border-radius:var(--dg-radius);height:var(--dg-control-height);padding:0 var(--dg-control-padding-inline);max-width:none;margin:0;transition:background-color .12s,border-color .12s,box-shadow .12s}data-grid select:where(.dg-skin,.dg-filter-control,.dg-editable){appearance:none;padding-right:32px}data-grid .dg-select-field{display:inline-flex;position:relative;max-inline-size:100%}data-grid :-webkit-any(.dg-select-field:not(.dg-host-select),.dg-multiselect-trigger,.dg-caret):after{content:"";opacity:.65;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:rotate(45deg)}data-grid :-moz-any(.dg-select-field:not(.dg-host-select),.dg-multiselect-trigger,.dg-caret):after{content:"";opacity:.65;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:rotate(45deg)}data-grid :is(.dg-select-field:not(.dg-host-select),.dg-multiselect-trigger,.dg-caret):after{content:"";opacity:.65;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:rotate(45deg)}data-grid :-webkit-any(.dg-select-field:not(.dg-host-select),.dg-caret):after{position:absolute;pointer-events:none;top:50%;right:12px;transform:translateY(-70%)rotate(45deg)}data-grid :-moz-any(.dg-select-field:not(.dg-host-select),.dg-caret):after{position:absolute;pointer-events:none;top:50%;right:12px;transform:translateY(-70%)rotate(45deg)}data-grid :is(.dg-select-field:not(.dg-host-select),.dg-caret):after{position:absolute;pointer-events:none;top:50%;right:12px;transform:translateY(-70%)rotate(45deg)}data-grid input:where(.dg-skin,.dg-filter-control,.dg-editable).dg-search{padding-left:calc(var(--dg-control-padding-inline) + 20px)}data-grid input:where(.dg-skin,.dg-filter-control,.dg-editable):not([type=checkbox]):focus-visible{border-color:var(--dg-accent);box-shadow:0 0 0 3px var(--dg-focus-ring);outline:0}data-grid select:where(.dg-skin,.dg-filter-control,.dg-editable):focus-visible{border-color:var(--dg-accent);box-shadow:0 0 0 3px var(--dg-focus-ring);outline:0}data-grid input:where(.dg-skin,.dg-filter-control,.dg-editable).dg-search:focus-visible{box-shadow:none;outline:2px solid var(--dg-accent);outline-offset:-2px}data-grid button:where(.dg-skin,.dg-filter-control,.dg-editable):focus-visible{border-color:var(--dg-accent);outline:0}data-grid .dg-actions button:where(.dg-skin,.dg-filter-control,.dg-editable):focus-visible{outline:2px solid var(--dg-accent);outline-offset:-2px;box-shadow:none}data-grid .dg-pagination button:where(.dg-skin,.dg-filter-control,.dg-editable):focus-visible{outline:2px solid var(--dg-accent);outline-offset:-2px;box-shadow:none}data-grid .dg-disclosure:focus-visible{outline:2px solid var(--dg-accent);outline-offset:-2px;box-shadow:none}data-grid input:where(.dg-skin,.dg-filter-control,.dg-editable):not(:-webkit-any([type=checkbox],[type=radio]))::placeholder{color:var(--dg-muted-color);opacity:1}data-grid input:where(.dg-skin,.dg-filter-control,.dg-editable):not(:-moz-any([type=checkbox],[type=radio]))::placeholder{color:var(--dg-muted-color);opacity:1}data-grid input:where(.dg-skin,.dg-filter-control,.dg-editable):not(:is([type=checkbox],[type=radio]))::placeholder{color:var(--dg-muted-color);opacity:1}data-grid input:where(.dg-skin,.dg-filter-control,.dg-editable):not([type=checkbox])[disabled]{cursor:default;opacity:.45;pointer-events:none}data-grid input:where(.dg-skin,.dg-filter-control,.dg-editable):not([type=checkbox]):disabled{cursor:default;opacity:.45;pointer-events:none}data-grid select:where(.dg-skin,.dg-filter-control,.dg-editable)[disabled]{cursor:default;opacity:.45;pointer-events:none}data-grid select:where(.dg-skin,.dg-filter-control,.dg-editable):disabled{cursor:default;opacity:.45;pointer-events:none}data-grid button:where(.dg-skin,.dg-filter-control,.dg-editable)[disabled]{cursor:default;opacity:.45;pointer-events:none}data-grid button:where(.dg-skin,.dg-filter-control,.dg-editable):disabled{cursor:default;opacity:.45;pointer-events:none}data-grid thead tr.dg-head-columns th{background-color:var(--dg-header-bg);border-bottom:var(--dg-border-width)solid var(--dg-border-color)}data-grid thead tr.dg-head-filters{background-color:var(--dg-filter-bg)}data-grid thead tr.dg-head-filters th{padding:var(--dg-space-1)var(--dg-padding-x)var(--dg-space-2);background-color:var(--dg-filter-bg);border-bottom:var(--dg-border-width)solid var(--dg-border-color)}data-grid thead tr.dg-head-filters th>*{width:100%;margin:0}data-grid thead tr.dg-head-filters th.dg-filter-cell{padding:0}data-grid thead tr.dg-head-filters .dg-filter-control{box-sizing:border-box;box-shadow:none;color:var(--dg-color);display:block;font:inherit;min-height:var(--dg-control-height);outline:0;padding:4px var(--dg-padding-x);text-align:inherit;background-color:#0000;border:0;border-radius:0;width:100%;height:auto;margin:0}data-grid thead tr.dg-head-filters .dg-filter-control[data-align=start]{text-align:start}data-grid thead tr.dg-head-filters .dg-filter-control::placeholder{color:var(--dg-muted-color);opacity:1}data-grid .dg-text-field{display:inline-flex;position:relative;max-inline-size:100%}@supports selector(:has(*)){data-grid thead tr.dg-head-filters .dg-text-field:has(>input.dg-filter-control[placeholder=""]:not(:focus):placeholder-shown):after{content:"";color:var(--dg-muted-color);opacity:.65;-webkit-mask:var(--dg-icon-filter-text)center/contain no-repeat;mask:var(--dg-icon-filter-text)center/contain no-repeat;pointer-events:none;position:absolute;background-color:currentColor;width:10px;height:14px;top:50%;right:12px;transform:translateY(-50%)}}data-grid thead tr.dg-head-filters .dg-filter-control:hover{background-color:var(--dg-row-hover-bg)}data-grid thead tr.dg-head-filters .dg-filter-control:focus-visible{outline:2px solid var(--dg-accent);outline-offset:-2px;box-shadow:none}@media (forced-colors:active){data-grid select:where(.dg-skin,.dg-filter-control,.dg-editable){appearance:auto;padding-right:var(--dg-control-padding-inline)}data-grid[dir=rtl] select:where(.dg-skin,.dg-filter-control,.dg-editable){padding-right:var(--dg-control-padding-inline);padding-left:var(--dg-control-padding-inline)}data-grid .dg-select-field:after,data-grid thead .dg-text-field:after{display:none}}data-grid thead tr.dg-head-filters th.dg-selectable,data-grid thead tr.dg-head-filters th.dg-actions{padding-left:var(--dg-space-2);padding-right:var(--dg-space-2)}data-grid tbody td.dg-editable-col{min-block-size:var(--dg-control-height);padding:0}data-grid tbody td input.dg-editable{box-shadow:none;padding:0 var(--dg-padding-x);background:0 0;border:0;border-radius:0;width:100%;height:100%;margin:0}data-grid tbody td input.dg-editable:not([type=checkbox]){position:absolute;width:auto;height:auto;inset:0}data-grid tbody td input.dg-editable:not([type=checkbox]):hover{box-shadow:inset 0 -1px 0 var(--dg-control-border-color)}data-grid tbody td input.dg-editable:not([type=checkbox]):focus{box-shadow:inset 0 0 0 2px var(--dg-accent)}data-grid tbody td input.dg-editable[type=checkbox]:focus-visible{outline:2px solid var(--dg-accent);outline-offset:2px}data-grid tbody td select.dg-editable:focus-visible{box-shadow:inset 0 0 0 2px var(--dg-accent)}data-grid tbody td.dg-editable-col[data-invalid] input.dg-editable{background-color:var(--dg-danger-bg);box-shadow:inset 0 0 0 1px var(--dg-danger-color)}data-grid .dg-empty-row td,data-grid .dg-error-row td{color:var(--dg-muted-color);padding:var(--dg-space-4);text-align:center;white-space:normal;min-height:4.5rem;font-size:.9375em;line-height:1.5}data-grid .dg-error-row td{color:var(--dg-danger-color)}data-grid[data-error] table{color:var(--dg-color);background-color:var(--dg-bg);border-color:var(--dg-border-color)}data-grid tbody tr{--dg-row-current-bg:var(--dg-bg);background-color:var(--dg-row-current-bg);transition:background-color .12s}data-grid .dg-scroll>table>tbody>tr>td{border-bottom:var(--dg-border-width)solid var(--dg-row-border-color)}data-grid .dg-scroll>table>tbody>tr:last-child>td{border-bottom:0}data-grid tbody tr:nth-child(2n){--dg-row-current-bg:var(--dg-row-stripe-bg)}data-grid tbody tr:hover{--dg-row-current-bg:var(--dg-row-hover-bg)}data-grid tbody tr:focus-within{--dg-row-current-bg:var(--dg-row-hover-bg);outline:none}data-grid tbody tr[data-selected]{--dg-row-current-bg:var(--dg-row-selected-bg)}data-grid tbody tr[data-selected]:hover,data-grid tbody tr[data-selected]:focus-within{--dg-row-current-bg:var(--dg-row-selected-hover-bg)}data-grid [data-frozen=start]{position:sticky;left:var(--dg-frozen-offset,0px);z-index:1}data-grid [data-frozen=end]{position:sticky;right:var(--dg-frozen-offset,0px);z-index:1}data-grid tbody [data-frozen=start],data-grid tbody [data-frozen=end]{background-color:var(--dg-bg);background-image:linear-gradient(var(--dg-row-current-bg),var(--dg-row-current-bg))}data-grid thead [data-frozen=start],data-grid thead [data-frozen=end]{z-index:4}data-grid [data-frozen=start][data-frozen-edge]{border-right:var(--dg-border-width)solid var(--dg-border-color)}data-grid [data-frozen=end][data-frozen-edge]{border-left:var(--dg-border-width)solid var(--dg-border-color)}data-grid .dg-footer{display:flex;align-items: center;gap:var(--dg-space-3);border-top:var(--dg-border-width)solid var(--dg-border-color);padding:var(--dg-space-2)var(--dg-padding-x);flex-flow:wrap;flex:none;justify-content:flex-end;min-width:0}data-grid .dg-footer .dg-page-nav{display:flex;align-items: center;gap:var(--dg-space-2)}data-grid .dg-footer .dg-input-page.dg-skin{text-align:center;width:4.5rem}data-grid .dg-footer .dg-select-per-page.dg-skin,data-grid .dg-footer .dg-input-page.dg-skin{block-size:2em}data-grid .dg-footer .dg-footer-controls{display:flex;align-items: center;gap:1em}data-grid .dg-footer .dg-pagination{display:flex;text-align:center;align-items: center;gap:.25em}data-grid .dg-footer .dg-pagination>button.dg-skin{background-color:var(--dg-control-bg);border:var(--dg-border-width)solid var(--dg-control-border-color);border-radius:var(--dg-radius);color:var(--dg-muted-color);display:inline-grid;position:relative;place-items: center;width:2em;min-width:0;height:2em;padding:0;line-height:1}data-grid .dg-footer .dg-pagination>button.dg-skin:hover:not(:disabled){background-color:var(--dg-bg);border-color:var(--dg-accent);color:var(--dg-color)}data-grid .dg-footer .dg-pagination>button.dg-skin:disabled{opacity:.4}data-grid .dg-footer .dg-meta{color:var(--dg-muted-color);font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap;order:-1;margin-right:auto;font-size:.875em}data-grid .dg-footer.dg-footer-compact .dg-meta,data-grid .dg-footer.dg-footer-compact .dg-input-page,data-grid.dg-pager-more .dg-footer .dg-pagination,data-grid.dg-pager-more .dg-footer .dg-page-nav{display:none}data-grid th.dg-sortable{cursor:pointer;padding:0}data-grid th.dg-sortable>.dg-sort,data-grid th.dg-sortable>.dg-sort:hover,data-grid th.dg-sortable>.dg-sort:active,data-grid th.dg-sortable>.dg-sort:focus{appearance:none;box-shadow:none;color:var(--dg-header-color);display:flex;font:inherit;align-items: center;gap:var(--dg-space-1);line-height:inherit;padding:var(--dg-cell-padding-block)var(--dg-cell-padding-inline);text-align:inherit;text-decoration:none;background:0 0;border:0;border-radius:0;justify-content:flex-start;width:100%;height:auto;min-height:0;margin:0}data-grid th[data-align=center]>.dg-sort,data-grid th[data-align=center]>.dg-sort:hover,data-grid th[data-align=center]>.dg-sort:active,data-grid th[data-align=center]>.dg-sort:focus{justify-content:center}data-grid th[data-align=end]>.dg-sort,data-grid th[data-align=end]>.dg-sort:hover,data-grid th[data-align=end]>.dg-sort:active,data-grid th[data-align=end]>.dg-sort:focus{justify-content:flex-end}data-grid th.dg-sortable:focus-within{box-shadow:inset 0 -2px 0 var(--dg-accent)}data-grid .dg-sort-indicator{color:var(--dg-muted-color);position:relative;flex:none;block-size:12px;inline-size:12px}data-grid .dg-sort-indicator:before,data-grid .dg-sort-indicator:after{box-sizing:border-box;content:"";position:absolute;border-top:1.5px solid;border-left:1.5px solid;width:6px;height:6px;margin-left:-3px;left:50%}data-grid th:not([data-sort]) .dg-sort-indicator:before{top:1px;transform:rotate(45deg)}data-grid th:not([data-sort]) .dg-sort-indicator:after{bottom:1px;transform:rotate(225deg)}data-grid th[data-sort=asc] .dg-sort-indicator:before{top:3px;transform:rotate(45deg)}data-grid th[data-sort=asc] .dg-sort-indicator:after{display:none}data-grid th[data-sort=desc] .dg-sort-indicator:before{top:3px;transform:rotate(225deg)}data-grid th[data-sort=desc] .dg-sort-indicator:after{display:none}data-grid th[aria-sort] .dg-sort-indicator{color:var(--dg-accent)}data-grid .dg-boolean{--dg-boolean-size:1em;--dg-boolean-stroke:.12em;position:relative;display:inline-block;inline-size:var(--dg-boolean-size);block-size:var(--dg-boolean-size);vertical-align:-.125em;color:currentColor}data-grid .dg-boolean:after{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%}data-grid .dg-boolean[data-value=true]:after{inline-size:calc(var(--dg-boolean-size)*.55);block-size:calc(var(--dg-boolean-size)*.3);border-left:var(--dg-boolean-stroke)solid currentColor;border-bottom:var(--dg-boolean-stroke)solid currentColor;transform:translate(-50%,-65%)rotate(-45deg)}data-grid .dg-boolean[data-value=false]:after{inline-size:calc(var(--dg-boolean-size)*.55);border-block-start:var(--dg-boolean-stroke)solid currentColor;transform:translate(-50%,-50%)}data-grid .dg-search-field.dg-host-input .dg-search-icon{display:none}data-grid .dg-pagination>button{display:inline-grid;position:relative;place-items: center}data-grid[dir=rtl] .dg-footer .dg-meta{text-align:right;margin-left:auto;margin-right:0}data-grid[dir=rtl] .dg-resizer{left:-4px;right:auto}@media (pointer:coarse){data-grid[dir=rtl] .dg-resizer{left:-8px;right:auto}}data-grid[dir=rtl] .dg-topbar-end{margin-left:0;margin-right:auto}data-grid[dir=rtl] .dg-search-icon{left:auto;right:var(--dg-control-padding-inline)}data-grid[dir=rtl] .dg-selection-count{margin-left:.5rem;margin-right:0}data-grid[dir=rtl] select:where(.dg-skin,.dg-filter-control,.dg-editable){padding-right:var(--dg-control-padding-inline);padding-left:32px}data-grid[dir=rtl] .dg-select-field:after,data-grid[dir=rtl] .dg-caret:after{left:12px;right:auto}@supports selector(:has(*)){data-grid[dir=rtl] thead tr.dg-head-filters .dg-text-field:has(>input.dg-filter-control[placeholder=""]:not(:focus):placeholder-shown):after{left:12px;right:auto}}data-grid[dir=rtl] .dg-multiselect-trigger{text-align:right}data-grid[dir=rtl] input.dg-search.dg-skin{padding-left:var(--dg-control-padding-inline);padding-right:calc(var(--dg-control-padding-inline) + 20px)}data-grid[dir=rtl] [data-frozen=start]{left:auto;right:var(--dg-frozen-offset,0px)}data-grid[dir=rtl] [data-frozen=end]{right:auto;left:var(--dg-frozen-offset,0px)}data-grid[dir=rtl] [data-frozen=start][data-frozen-edge]{border-right:0;border-left:var(--dg-border-width)solid var(--dg-border-color)}data-grid[dir=rtl] [data-frozen=end][data-frozen-edge]{border-left:0;border-right:var(--dg-border-width)solid var(--dg-border-color)}data-grid[dir=rtl] .dg-details-close{left:var(--dg-space-2);right:auto}data-grid[dir=rtl] .dg-details-title{padding-left:2.5rem;padding-right:0}data-grid .dg-menu{position:absolute;z-index:3;background:var(--dg-bg);border:var(--dg-border-width)solid var(--dg-border-color);color:var(--dg-color);list-style:none;padding:var(--dg-space-2);border-radius:var(--dg-radius);min-width:180px;max-width:220px;margin:0;box-shadow:0 .5rem 1.5rem #0f172a1f}data-grid .dg-menu li{margin:0;padding:0}data-grid .dg-menu label{display:flex;border-radius:var(--dg-space-1);align-items: center;gap:var(--dg-space-2);padding:var(--dg-space-1);margin:0}data-grid .dg-menu label:hover{background-color:var(--dg-row-hover-bg)}data-grid .dg-menu input{margin:0}data-grid .dg-context-menu{position:fixed;max-block-size:min(20rem,var(--available-height,20rem));overflow-y:auto;margin:0;inset:auto}data-grid .dg-multiselect-trigger{cursor:pointer;display:flex;font:inherit;align-items: center;gap:var(--dg-space-2);min-height:calc(var(--dg-control-height) - var(--dg-space-2));text-align:left;background:0 0;border:0;justify-content:space-between;width:100%;height:auto;margin:0;padding:0}data-grid .dg-multiselect-trigger:focus-visible{outline:0}data-grid thead tr.dg-head-filters .dg-multiselect:has(>.dg-multiselect-trigger:focus-visible){outline:2px solid var(--dg-accent);outline-offset:-2px;box-shadow:none}data-grid .dg-multiselect-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:auto}data-grid .dg-multiselect-trigger:after{flex-shrink:0;margin-top:-3px}data-grid .dg-multiselect-summary.dg-multiselect-empty{color:var(--dg-muted-color)}data-grid .dg-multiselect-panel{position:fixed;max-block-size:min(17.5rem,var(--available-height,17.5rem));overflow-y:auto;width:max-content;max-width:260px;margin:0}data-grid .dg-actions{box-sizing:border-box;text-overflow:initial;overflow:visible;inline-size:var(--dg-actions-effective-width,var(--dg-actions-column-width));min-inline-size:var(--dg-actions-effective-width,var(--dg-actions-column-width));max-inline-size:var(--dg-actions-effective-width,var(--dg-actions-column-width));padding-left:var(--dg-space-2);padding-right:var(--dg-space-2);white-space:nowrap!important}data-grid .dg-actions button,data-grid .dg-actions a{margin:0}data-grid .dg-actions button.dg-skin,data-grid .dg-actions a.dg-skin{box-sizing:border-box;display:inline-flex;padding:0 var(--dg-space-2);background-color:var(--dg-control-bg);border:solid var(--dg-border-width)var(--dg-control-border-color);border-radius:var(--dg-space-1);color:inherit;text-decoration:none;justify-content:center;align-items: center;min-width:28px;height:28px}data-grid .dg-actions button.dg-skin:hover,data-grid .dg-actions a.dg-skin:hover{background-color:var(--dg-row-hover-bg);opacity:1}data-grid .dg-actions button+button,data-grid .dg-actions button+a,data-grid .dg-actions a+button,data-grid .dg-actions a+a{margin-left:var(--dg-space-1)}data-grid .dg-actions .dg-actions-toggle.dg-skin{color:var(--dg-muted-color);width:28px;min-width:28px;height:28px;padding:0;font-size:1.125em;font-weight:600;line-height:1}data-grid .dg-actions-toggle:before{content:"";display:block;-webkit-mask:var(--dg-icon-actions)center/contain no-repeat;mask:var(--dg-icon-actions)center/contain no-repeat;background-color:currentColor;block-size:1.125em;inline-size:1.125em}data-grid .dg-actions.dg-actions-2 button.dg-skin,data-grid .dg-actions.dg-actions-2 a.dg-skin{min-width:32px}data-grid .dg-actions.dg-actions-more button,data-grid .dg-actions.dg-actions-more a{display:none}data-grid .dg-actions-menu{max-block-size:min(20rem,var(--available-height,20rem));position:fixed;width:max-content;max-width:240px;margin:0}data-grid .dg-actions-menu li{margin:0;padding:0}data-grid .dg-actions-menu li+li{margin-top:var(--dg-space-1)}data-grid .dg-actions-menu button.dg-skin,data-grid .dg-actions-menu a.dg-skin{box-sizing:border-box;display:flex;justify-content:flex-start;align-items: center;gap:var(--dg-space-2);padding:0 var(--dg-space-2);border:var(--dg-border-width)solid transparent;border-radius:var(--dg-space-1);color:var(--dg-color);text-decoration:none;background-color:#0000;width:100%;height:auto;min-height:36px}data-grid .dg-actions-menu button.dg-skin:hover,data-grid .dg-actions-menu a.dg-skin:hover{background-color:var(--dg-row-hover-bg)}data-grid .dg-action-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}data-grid .dg-actions-menu button.dg-skin[data-intent=primary],data-grid .dg-actions-menu a.dg-skin[data-intent=primary]{color:var(--dg-accent);background-color:#0000;border-color:#0000}data-grid .dg-actions-menu button.dg-skin[data-intent=danger],data-grid .dg-actions-menu a.dg-skin[data-intent=danger]{color:var(--dg-danger-color);background-color:#0000;border-color:#0000}data-grid button.dg-skin[data-intent=danger],data-grid a.dg-skin[data-intent=danger]{background-color:var(--dg-danger-bg);border-color:var(--dg-danger-border-color);color:var(--dg-danger-color)}data-grid button.dg-skin[data-intent=primary],data-grid a.dg-skin[data-intent=primary]{background-color:var(--dg-accent-soft);color:var(--dg-accent);border-color:#0000}data-grid button.dg-skin[data-intent=primary]:hover,data-grid a.dg-skin[data-intent=primary]:hover,data-grid .dg-actions-menu button.dg-skin[data-intent=primary]:hover,data-grid .dg-actions-menu a.dg-skin[data-intent=primary]:hover{background-color:var(--dg-accent-soft);border-color:var(--dg-accent)}data-grid button.dg-skin[data-intent=danger]:hover,data-grid a.dg-skin[data-intent=danger]:hover,data-grid .dg-actions-menu button.dg-skin[data-intent=danger]:hover,data-grid .dg-actions-menu a.dg-skin[data-intent=danger]:hover{background-color:var(--dg-danger-bg);border-color:var(--dg-danger-color)}@supports (color: color-mix(in srgb, black, white)){data-grid button.dg-skin[data-intent=primary]:hover,data-grid a.dg-skin[data-intent=primary]:hover,data-grid .dg-actions-menu button.dg-skin[data-intent=primary]:hover,data-grid .dg-actions-menu a.dg-skin[data-intent=primary]:hover{background-color:color-mix(in srgb,var(--dg-accent-soft),var(--dg-accent)12%)}data-grid button.dg-skin[data-intent=danger]:hover,data-grid a.dg-skin[data-intent=danger]:hover,data-grid .dg-actions-menu button.dg-skin[data-intent=danger]:hover,data-grid .dg-actions-menu a.dg-skin[data-intent=danger]:hover{background-color:color-mix(in srgb,var(--dg-danger-bg),var(--dg-danger-color)10%)}}data-grid .dg-actions-menu button.dg-skin:focus-visible{background-color:var(--dg-row-hover-bg);outline:2px solid var(--dg-accent);outline-offset:-2px;border-color:#0000}data-grid .dg-actions-menu a.dg-skin:focus-visible{background-color:var(--dg-row-hover-bg);outline:2px solid var(--dg-accent);outline-offset:-2px;border-color:#0000}data-grid tr.dg-clickable-row{cursor:pointer}data-grid .dg-actions button.dg-actions-toggle{display:none}data-grid .dg-actions.dg-actions-more button.dg-actions-toggle{display:inline-flex}data-grid .dg-actions-menu>li>:-webkit-any(button,a){box-sizing:border-box;display:flex;justify-content:flex-start;align-items: center;gap:var(--dg-space-2);width:100%}data-grid .dg-actions-menu>li>:-moz-any(button,a){box-sizing:border-box;display:flex;justify-content:flex-start;align-items: center;gap:var(--dg-space-2);width:100%}data-grid .dg-actions-menu>li>:is(button,a){box-sizing:border-box;display:flex;justify-content:flex-start;align-items: center;gap:var(--dg-space-2);width:100%}data-grid .dg-resizer{position:absolute;z-index:2;cursor:col-resize;touch-action:none;user-select:none;width:8px;height:100%;top:0;right:-4px}data-grid .dg-resizer:before{content:"";display:block;position:absolute;background:var(--dg-border-color);opacity:0;width:1px;height:16px;transition:background-color .12s,height .12s,opacity .12s,width .12s;top:50%;left:50%;transform:translate(-50%,-50%)}data-grid th:hover>.dg-resizer:before,data-grid .dg-resizer:hover:before{opacity:.7}data-grid .dg-resizer.dg-resizer-active{border-right:0}data-grid .dg-resizer.dg-resizer-active:before{background:var(--dg-accent);height:calc(100% - var(--dg-space-2));opacity:1;width:2px}@media (pointer:coarse){data-grid .dg-resizer{width:16px;right:-8px}}data-grid .dg-disclosure-cell{text-align:center;padding:0}data-grid .dg-disclosure{appearance:none;border-radius:var(--dg-radius);color:var(--dg-muted-color);user-select:none;vertical-align:middle;background-color:#0000;border:0;block-size:2rem;inline-size:2rem;min-inline-size:2rem;padding:0}data-grid .dg-disclosure:before{content:"";display:block;-webkit-mask:var(--dg-icon-disclosure)center/contain no-repeat;mask:var(--dg-icon-disclosure)center/contain no-repeat;background-color:currentColor;block-size:1.5rem;inline-size:1.5rem;transition:transform .16s}data-grid .dg-disclosure:hover{color:var(--dg-color);background-color:#1f232814}@supports (color: color-mix(in srgb, red 50%, transparent)){data-grid .dg-disclosure:hover{background-color:color-mix(in srgb,var(--dg-color)8%,transparent)}}data-grid .dg-disclosure[aria-expanded=true]:before{transform:rotate(90deg)}data-grid .dg-responsive-child-row>td{padding:0}data-grid .dg-responsive-table{table-layout:auto;border:0;width:100%}data-grid .dg-responsive-table td,data-grid .dg-responsive-table th{white-space:normal}data-grid .dg-responsive-table th{text-align:start;color:var(--dg-muted-color);max-width:40%;font-weight:600}data-grid .dg-row-details-row>td{background:var(--dg-bg);padding:var(--dg-space-3)var(--dg-padding-x);white-space:normal}data-grid .dg-row-details-toggle-control-dialog:before{-webkit-mask:var(--dg-icon-details)center/contain no-repeat;mask:var(--dg-icon-details)center/contain no-repeat}data-grid .dg-details-dialog{--details-pad:var(--dg-space-4);background:var(--dg-bg);border:var(--dg-border-width)solid var(--dg-border-color);border-radius:var(--dg-radius);color:var(--dg-color);overflow:hidden;max-block-size:calc(100vh - 2rem);inline-size:min(32rem,100vw - 2rem);max-inline-size:calc(100vw - 2rem);padding:0;box-shadow:0 24px 48px -12px #00000040}@supports (height: 100svh){data-grid .dg-details-dialog{max-block-size:calc(100svh - 2rem)}}data-grid .dg-details-dialog[open]{display:flex;flex-direction:column}data-grid .dg-details-dialog::backdrop{background:#0006}data-grid .dg-details-panel{display:flex;padding:var(--details-pad);flex-direction:column;flex:auto;min-block-size:0;min-inline-size:0}data-grid .dg-details-header{background:var(--dg-header-bg);border-bottom:var(--dg-border-width)solid var(--dg-border-color);margin:calc(-1*var(--details-pad))calc(-1*var(--details-pad))var(--dg-space-3);padding:var(--dg-space-3)var(--details-pad);flex:none;inline-size:auto;min-inline-size:0}data-grid .dg-details-title{overflow-wrap:anywhere;margin:0;padding-right:2.5rem;font-size:1.125em}data-grid .dg-details-body{overflow:auto;flex:auto;min-block-size:0}data-grid .dg-details-close{appearance:none;border-radius:var(--dg-radius);color:var(--dg-muted-color);position:absolute;right:var(--dg-space-2);top:var(--dg-space-2);z-index:1;background-color:#0000;border:0;block-size:2rem;inline-size:2rem;padding:0}data-grid .dg-details-close:before{content:"";display:block;-webkit-mask:var(--dg-icon-close)center/contain no-repeat;mask:var(--dg-icon-close)center/contain no-repeat;background-color:currentColor;block-size:1.25rem;inline-size:1.25rem;margin:auto}data-grid .dg-details-close:hover{color:var(--dg-color);background-color:#1f232814}data-grid .dg-details-close:focus-visible{box-shadow:none;outline:2px solid var(--dg-accent);outline-offset:-2px}data-grid .dg-details-list{display:grid;gap:var(--dg-space-2)var(--dg-space-4);grid-template-columns:minmax(6rem,max-content)1fr;margin:0 0 var(--dg-space-3);text-align:start}data-grid .dg-details-list dt{color:var(--dg-muted-color);font-weight:600}data-grid .dg-details-list dd{overflow-wrap:anywhere;min-inline-size:0;margin:0}data-grid .dg-details-list+.dg-details-app{border-top:var(--dg-border-width)solid var(--dg-border-color);padding-top:var(--dg-space-3)}@media (max-width:30rem){data-grid .dg-details-list{grid-template-columns:1fr;gap:0}data-grid .dg-details-list dt{margin-top:var(--dg-space-2)}data-grid .dg-details-list dt:first-of-type{margin-top:0}data-grid .dg-details-list dd{margin-bottom:var(--dg-space-1)}}@media (forced-colors:active){data-grid .dg-details-dialog{border:1px solid canvastext}}