New Research: Supply Chain Attack on Axios Pulls Malicious Dependency from npm.Details →
Socket
Book a DemoSign in
Socket

@atawi/react-datatable

Package Overview
Dependencies
Maintainers
1
Versions
12
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@atawi/react-datatable - npm Package Compare versions

Comparing version
1.0.9
to
1.1.0
+1
-1
dist/style.css

@@ -1,1 +0,1 @@

.datatable-container.use-css,.datatable-container:not(.use-tailwind){width:100%;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e5e7eb;display:flex;flex-direction:column;height:calc(100vh - 2rem);position:relative}.datatable-container.use-css .datatable-toolbar,.datatable-container:not(.use-tailwind) .datatable-toolbar{padding:1rem;border-bottom:1px solid #e5e7eb;background-color:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;min-height:4rem}.datatable-container.use-css .datatable-header-wrapper,.datatable-container:not(.use-tailwind) .datatable-header-wrapper{background:#fff;z-index:30}.datatable-container.use-css .datatable-header-wrapper.sticky,.datatable-container:not(.use-tailwind) .datatable-header-wrapper.sticky{position:sticky;top:0}.datatable-container.use-css .datatable-header-wrapper.sticky.with-toolbar,.datatable-container:not(.use-tailwind) .datatable-header-wrapper.sticky.with-toolbar{top:4rem}.datatable-container.use-css .datatable-body,.datatable-container:not(.use-tailwind) .datatable-body{flex:1;position:relative;overflow:hidden;min-height:200px}.datatable-container.use-css .datatable-body .virtual-row,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row{transition:background-color .15s ease;border-bottom:1px solid #e5e7eb}.datatable-container.use-css .datatable-body .virtual-row.selected,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row.selected{background-color:#eff6ff}.datatable-container.use-css .datatable-body .virtual-row:hover,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row:hover{background-color:#f9fafb}.datatable-container.use-css .datatable-body .virtual-row:hover.selected,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row:hover.selected{background-color:#dbeafe}.datatable-container.use-css .datatable-body .virtual-row .row-main,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .row-main{display:flex;align-items:center;width:100%;height:48px}.datatable-container.use-css .datatable-body .virtual-row .virtual-cell,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .virtual-cell{font-size:.875rem;color:#374151;padding:.75rem 1.5rem;display:flex;align-items:center;height:48px;border-right:1px solid rgba(229,231,235,.5)}.datatable-container.use-css .datatable-body .virtual-row .virtual-cell:last-child,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .virtual-cell:last-child{border-right:none}.datatable-container.use-css .datatable-body .virtual-row .virtual-cell .cell-content,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .virtual-cell .cell-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.datatable-container.use-css .datatable-body .virtual-row .checkbox-cell,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .checkbox-cell{width:4rem;padding:0 1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;height:48px;border-right:1px solid rgba(229,231,235,.5)}.datatable-container.use-css .datatable-body .virtual-row .checkbox-cell input[type=checkbox],.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .checkbox-cell input[type=checkbox]{border-radius:.25rem;border:1px solid #d1d5db;color:#2563eb;box-shadow:0 1px 2px #0000000d;cursor:pointer}.datatable-container.use-css .datatable-body .virtual-row .checkbox-cell input[type=checkbox]:focus,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .checkbox-cell input[type=checkbox]:focus{border-color:#93c5fd;outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 3px #3b82f61a}.datatable-container.use-css .datatable-body .virtual-row .expand-cell,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .expand-cell{width:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;height:48px;border-right:1px solid rgba(229,231,235,.5)}.datatable-container.use-css .datatable-body .virtual-row .expand-cell .expand-icon,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .expand-cell .expand-icon{transition:transform .3s ease;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;color:#6b7280}.datatable-container.use-css .datatable-body .virtual-row .expand-cell .expand-icon.expanded,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .expand-cell .expand-icon.expanded{transform:rotate(90deg)}.datatable-container.use-css .datatable-body .virtual-row .expanded-content,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .expanded-content{border-top:1px solid #e5e7eb;background-color:#f9fafb}.datatable-container.use-css .loading-overlay,.datatable-container:not(.use-tailwind) .loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffffbf;display:flex;align-items:center;justify-content:center;z-index:50}.datatable-container.use-css .empty-message,.datatable-container:not(.use-tailwind) .empty-message{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;font-size:.875rem}.datatable-container.use-css .datatable-footer,.datatable-container:not(.use-tailwind) .datatable-footer{position:sticky;bottom:0;z-index:30;background:#fff;border-top:1px solid #e5e7eb}@media (max-width: 640px){.datatable-container .datatable-toolbar{padding:.75rem;min-height:3.5rem}.datatable-container .virtual-cell{padding:.5rem .75rem}.datatable-container .datatable-header-wrapper.sticky.with-toolbar{top:3.5rem}}.datatable-search.use-css,.datatable-search:not(.use-tailwind){display:flex;align-items:center;justify-content:space-between;padding:0 .5rem}.datatable-search.use-css .search-wrapper,.datatable-search:not(.use-tailwind) .search-wrapper{position:relative;flex:1;max-width:28rem}.datatable-search.use-css .search-wrapper .search-icon,.datatable-search:not(.use-tailwind) .search-wrapper .search-icon{position:absolute;left:.75rem;top:.75rem;color:#9ca3af;pointer-events:none;height:18px;width:18px;display:flex;align-items:center;justify-content:center;z-index:1}.datatable-search.use-css .search-wrapper .search-input,.datatable-search:not(.use-tailwind) .search-wrapper .search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem;border-radius:.5rem;border:1px solid #e5e7eb;background-color:#f9fafb;transition:all .15s ease;line-height:1.5;height:2.5rem}.datatable-search.use-css .search-wrapper .search-input::-moz-placeholder,.datatable-search:not(.use-tailwind) .search-wrapper .search-input::-moz-placeholder{color:#9ca3af}.datatable-search.use-css .search-wrapper .search-input::placeholder,.datatable-search:not(.use-tailwind) .search-wrapper .search-input::placeholder{color:#9ca3af}.datatable-search.use-css .search-wrapper .search-input:hover,.datatable-search:not(.use-tailwind) .search-wrapper .search-input:hover{border-color:#d1d5db;background-color:#fff}.datatable-search.use-css .search-wrapper .search-input:focus,.datatable-search:not(.use-tailwind) .search-wrapper .search-input:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}@supports (color: #3b82f6){.datatable-search{display:flex;align-items:center;justify-content:space-between;padding-left:.5rem;padding-right:.5rem}.datatable-search .search-wrapper{position:relative;max-width:28rem;flex:1 1 0%}.datatable-search .search-wrapper .search-icon{pointer-events:none;position:absolute;left:.75rem;top:.75rem;z-index:10;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.datatable-search .search-wrapper .search-input{height:2.5rem;width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem;line-height:1.5rem}.datatable-search .search-wrapper .search-input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.datatable-search .search-wrapper .search-input::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.datatable-search .search-wrapper .search-input{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.datatable-search .search-wrapper .search-input:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.datatable-search .search-wrapper .search-input:focus{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}}.export-menu-container.use-css,.export-menu-container:not(.use-tailwind){position:relative;display:inline-block}.export-menu-container.use-css .export-button,.export-menu-container:not(.use-tailwind) .export-button{display:inline-flex;align-items:center;padding:.5rem 1rem;border:1px solid #d1d5db;box-shadow:0 1px 2px #0000000d;font-size:.875rem;font-weight:500;border-radius:.375rem;color:#374151;background-color:#fff;transition:background-color .15s ease;cursor:pointer}.export-menu-container.use-css .export-button:hover,.export-menu-container:not(.use-tailwind) .export-button:hover{background-color:#f9fafb}.export-menu-container.use-css .export-button:focus,.export-menu-container:not(.use-tailwind) .export-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #3b82f61a}.export-menu-container.use-css .export-button .arrow-icon,.export-menu-container:not(.use-tailwind) .export-button .arrow-icon{margin-left:.5rem;transition:transform .15s ease}.export-menu-container.use-css .export-button .arrow-icon.open,.export-menu-container:not(.use-tailwind) .export-button .arrow-icon.open{transform:rotate(180deg)}.export-menu-container.use-css .export-menu-overlay,.export-menu-container:not(.use-tailwind) .export-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.export-menu-container.use-css .export-menu,.export-menu-container:not(.use-tailwind) .export-menu{position:absolute;right:0;margin-top:.5rem;width:12rem;border-radius:.375rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 4px 6px -2px #0000000d;background-color:#fff;border:1px solid #e5e7eb;z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.export-menu-container.use-css .export-menu .export-option,.export-menu-container:not(.use-tailwind) .export-menu .export-option{display:block;width:100%;text-align:left;padding:.5rem 1rem;font-size:.875rem;color:#374151;background:none;border:none;cursor:pointer;transition:background-color .15s ease;position:relative}.export-menu-container.use-css .export-menu .export-option:hover,.export-menu-container:not(.use-tailwind) .export-menu .export-option:hover{background-color:#f3f4f6}.export-menu-container.use-css .export-menu .export-option:focus,.export-menu-container:not(.use-tailwind) .export-menu .export-option:focus{outline:none;background-color:#f3f4f6}.export-menu-container.use-css .export-menu .export-option:first-child,.export-menu-container:not(.use-tailwind) .export-menu .export-option:first-child{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.export-menu-container.use-css .export-menu .export-option:last-child,.export-menu-container:not(.use-tailwind) .export-menu .export-option:last-child{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}@supports (color: #3b82f6){.export-menu-container{position:relative;display:inline-block}.export-menu-container .export-button{display:inline-flex;align-items:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.export-menu-container .export-button:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.export-menu-container .export-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.export-menu-container .export-button .arrow-icon{margin-left:.5rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.export-menu-container .export-button .arrow-icon.open{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.export-menu-container .export-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.export-menu-container .export-menu{position:absolute;right:0;z-index:40;margin-top:.5rem;width:12rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 4px 6px -2px #0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.export-menu-container .export-menu .export-option{position:relative;display:block;width:100%;padding:.5rem 1rem;text-align:left;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.export-menu-container .export-menu .export-option:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.export-menu-container .export-menu .export-option:focus{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));outline:2px solid transparent;outline-offset:2px}.export-menu-container .export-menu .export-option:first-child{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.export-menu-container .export-menu .export-option:last-child{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}}.datatable-pagination.use-css,.datatable-pagination:not(.use-tailwind){display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#fff;border-top:1px solid #e5e7eb}.datatable-pagination.use-css .pagination-info,.datatable-pagination:not(.use-tailwind) .pagination-info{flex:1;font-size:.875rem;color:#374151;font-weight:500}.datatable-pagination.use-css .pagination-controls,.datatable-pagination:not(.use-tailwind) .pagination-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.datatable-pagination.use-css .pagination-controls .pagination-button,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#6b7280;background-color:#fff;border:1px solid #d1d5db;cursor:pointer;transition:all .15s ease}.datatable-pagination.use-css .pagination-controls .pagination-button:hover:not(:disabled),.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button:hover:not(:disabled){background-color:#f9fafb}.datatable-pagination.use-css .pagination-controls .pagination-button:focus,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #3b82f61a}.datatable-pagination.use-css .pagination-controls .pagination-button:disabled,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button:disabled{opacity:.5;cursor:not-allowed}.datatable-pagination.use-css .pagination-controls .pagination-button:disabled:hover,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button:disabled:hover{background-color:#fff}.datatable-pagination.use-css .pagination-controls .pagination-button.page-number,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button.page-number{min-width:2.5rem;display:none}.datatable-pagination.use-css .pagination-controls .pagination-button.page-number.active,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button.page-number.active{background-color:#eff6ff;color:#2563eb;border-color:#3b82f6}.datatable-pagination.use-css .pagination-controls .pagination-button.page-number.active:hover,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button.page-number.active:hover{background-color:#dbeafe}.datatable-pagination.use-css .pagination-controls .pagination-button svg,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button svg{height:1rem;width:1rem}.datatable-pagination.use-css .pagination-controls .pagination-pages,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-pages{display:none;align-items:center;gap:.5rem}@media (min-width: 640px){.datatable-pagination .pagination-controls .pagination-button.page-number{display:inline-flex}.datatable-pagination .pagination-controls .pagination-pages{display:flex}}@supports (color: #3b82f6){.datatable-pagination{display:flex;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem 1rem}.datatable-pagination .pagination-info{flex:1 1 0%;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.datatable-pagination .pagination-controls{display:flex;align-items:center;justify-content:flex-end}.datatable-pagination .pagination-controls>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.datatable-pagination .pagination-controls .pagination-button{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.datatable-pagination .pagination-controls .pagination-button:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.datatable-pagination .pagination-controls .pagination-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.datatable-pagination .pagination-controls .pagination-button:disabled{cursor:not-allowed;opacity:.5}.datatable-pagination .pagination-controls .pagination-button:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.datatable-pagination .pagination-controls .pagination-button.page-number{display:none;min-width:2.5rem}@media (min-width: 640px){.datatable-pagination .pagination-controls .pagination-button.page-number{display:inline-flex}}.datatable-pagination .pagination-controls .pagination-button.page-number.active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.datatable-pagination .pagination-controls .pagination-button.page-number.active:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.datatable-pagination .pagination-controls .pagination-button svg{height:1rem;width:1rem}.datatable-pagination .pagination-controls .pagination-pages{display:none}@media (min-width: 640px){.datatable-pagination .pagination-controls .pagination-pages{display:flex;align-items:center}.datatable-pagination .pagination-controls .pagination-pages>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}}}.datatable-header.use-css,.datatable-header:not(.use-tailwind){background-color:#f9fafb;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.datatable-header.use-css .header-row,.datatable-header:not(.use-tailwind) .header-row{display:flex;align-items:stretch;min-width:100%}.datatable-header.use-css .header-cell,.datatable-header:not(.use-tailwind) .header-cell{padding:.75rem 1.5rem;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;height:48px;border-right:1px solid rgba(229,231,235,.5)}.datatable-header.use-css .header-cell:last-child,.datatable-header:not(.use-tailwind) .header-cell:last-child{border-right:none}.datatable-header.use-css .header-cell.sortable .header-text-wrapper,.datatable-header:not(.use-tailwind) .header-cell.sortable .header-text-wrapper{cursor:pointer;transition:color .15s ease}.datatable-header.use-css .header-cell.sortable .header-text-wrapper:hover,.datatable-header:not(.use-tailwind) .header-cell.sortable .header-text-wrapper:hover{color:#111827}.datatable-header.use-css .header-cell.checkbox-cell,.datatable-header:not(.use-tailwind) .header-cell.checkbox-cell{width:4rem;padding:0 1rem;justify-content:center;flex-shrink:0;border-right:1px solid rgba(229,231,235,.5)}.datatable-header.use-css .header-cell.checkbox-cell .checkbox,.datatable-header:not(.use-tailwind) .header-cell.checkbox-cell .checkbox{border-radius:.25rem;border:1px solid #d1d5db;color:#2563eb;box-shadow:0 1px 2px #0000000d;cursor:pointer}.datatable-header.use-css .header-cell.checkbox-cell .checkbox:focus,.datatable-header:not(.use-tailwind) .header-cell.checkbox-cell .checkbox:focus{border-color:#93c5fd;outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 3px #3b82f61a}.datatable-header.use-css .header-cell .header-content,.datatable-header:not(.use-tailwind) .header-cell .header-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.datatable-header.use-css .header-cell .header-content .header-text-wrapper,.datatable-header:not(.use-tailwind) .header-cell .header-content .header-text-wrapper{display:flex;align-items:center;flex-grow:1;gap:.5rem}.datatable-header.use-css .header-cell .header-content .header-text,.datatable-header:not(.use-tailwind) .header-cell .header-content .header-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.datatable-header.use-css .header-cell .header-content .sort-icons,.datatable-header:not(.use-tailwind) .header-cell .header-content .sort-icons{flex-shrink:0;color:#9ca3af;transition:color .15s ease}.datatable-header.use-css .header-cell .header-content .sort-icons svg,.datatable-header:not(.use-tailwind) .header-cell .header-content .sort-icons svg{transition:transform .15s ease}.datatable-header.use-css .header-cell .header-content .sort-icons svg.active,.datatable-header:not(.use-tailwind) .header-cell .header-content .sort-icons svg.active{color:#3b82f6}@supports (color: #3b82f6){.datatable-header{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px rgba(0,0,0,.05);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.datatable-header .header-row{display:flex;min-width:100%;align-items:stretch}.datatable-header .header-cell{display:flex;height:3rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;border-right-width:1px;border-style:solid;border-right-color:#e5e7eb80;padding:.75rem 1.5rem;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.datatable-header .header-cell:last-child{border-right-color:none}.datatable-header .header-cell.sortable .header-text-wrapper{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.datatable-header .header-cell.sortable .header-text-wrapper:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.datatable-header .header-cell.checkbox-cell{width:4rem;flex-shrink:0;justify-content:center;border-right-width:1px;border-style:solid;border-right-color:#e5e7eb80;padding-left:1rem;padding-right:1rem}.datatable-header .header-cell.checkbox-cell .checkbox{cursor:pointer;border-radius:.25rem;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.datatable-header .header-cell.checkbox-cell .checkbox:focus{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5}.datatable-header .header-cell .header-content{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem}.datatable-header .header-cell .header-content .header-text-wrapper{display:flex;flex-grow:1;align-items:center;gap:.5rem}.datatable-header .header-cell .header-content .header-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datatable-header .header-cell .header-content .sort-icons{flex-shrink:0;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.datatable-header .header-cell .header-content .sort-icons svg{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.datatable-header .header-cell .header-content .sort-icons svg.active{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}}.column-filter.use-css,.column-filter:not(.use-tailwind){position:relative;display:inline-block;margin-left:.5rem}.column-filter.use-css .filter-button,.column-filter:not(.use-tailwind) .filter-button{padding:.25rem;border-radius:.375rem;transition:all .15s ease;border:none;background:none;cursor:pointer}.column-filter.use-css .filter-button:hover,.column-filter:not(.use-tailwind) .filter-button:hover{background-color:#f3f4f6}.column-filter.use-css .filter-button:focus,.column-filter:not(.use-tailwind) .filter-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #3b82f61a}.column-filter.use-css .filter-button.active,.column-filter:not(.use-tailwind) .filter-button.active{background-color:#eff6ff;color:#2563eb}.column-filter.use-css .filter-button .filter-icon,.column-filter:not(.use-tailwind) .filter-button .filter-icon{transition:color .15s ease}.column-filter.use-css .filter-button .filter-icon.active,.column-filter:not(.use-tailwind) .filter-button .filter-icon.active{color:#2563eb}.column-filter.use-css .filter-overlay,.column-filter:not(.use-tailwind) .filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.column-filter.use-css .filter-dropdown,.column-filter:not(.use-tailwind) .filter-dropdown{position:absolute;right:0;margin-top:.5rem;width:16rem;border-radius:.375rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 4px 6px -2px #0000000d;background-color:#fff;border:1px solid #e5e7eb;z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.column-filter.use-css .filter-dropdown .filter-content,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.column-filter.use-css .filter-dropdown .filter-content .operator-select,.column-filter.use-css .filter-dropdown .filter-content .filter-select,.column-filter.use-css .filter-dropdown .filter-content .filter-input,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .operator-select,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-select,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-input{display:block;width:100%;border-radius:.375rem;border:1px solid #d1d5db;box-shadow:0 1px 2px #0000000d;font-size:.875rem;padding:.5rem .75rem}.column-filter.use-css .filter-dropdown .filter-content .operator-select:focus,.column-filter.use-css .filter-dropdown .filter-content .filter-select:focus,.column-filter.use-css .filter-dropdown .filter-content .filter-input:focus,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .operator-select:focus,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-select:focus,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-input:focus{border-color:#93c5fd;outline:none;box-shadow:0 0 0 3px #3b82f61a}.column-filter.use-css .filter-dropdown .filter-content .filter-actions,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.5rem}.column-filter.use-css .filter-dropdown .filter-content .filter-actions button,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions button{padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.column-filter.use-css .filter-dropdown .filter-content .filter-actions button:focus,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions button:focus{outline:none;box-shadow:0 0 0 2px transparent,0 0 0 4px #3b82f61a}.column-filter.use-css .filter-dropdown .filter-content .filter-actions .apply-button,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions .apply-button{background-color:#2563eb;color:#fff;border:1px solid #2563eb}.column-filter.use-css .filter-dropdown .filter-content .filter-actions .apply-button:hover,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions .apply-button:hover{background-color:#1d4ed8}.column-filter.use-css .filter-dropdown .filter-content .filter-actions .apply-button:focus,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions .apply-button:focus{box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #3b82f61a}.column-filter.use-css .filter-dropdown .filter-content .filter-actions .clear-button,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions .clear-button{background-color:#fff;color:#374151;border:1px solid #d1d5db}.column-filter.use-css .filter-dropdown .filter-content .filter-actions .clear-button:hover,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions .clear-button:hover{background-color:#f9fafb}.column-filter.use-css .filter-dropdown .filter-content .filter-actions .clear-button:focus,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions .clear-button:focus{box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #3b82f61a}@supports (color: #3b82f6){.column-filter{position:relative;margin-left:.5rem;display:inline-block}.column-filter .filter-button{border-radius:.375rem;padding:.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.column-filter .filter-button:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.column-filter .filter-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5}.column-filter .filter-button.active{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.column-filter .filter-button .filter-icon{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.column-filter .filter-button .filter-icon.active{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.column-filter .filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.column-filter .filter-dropdown{position:absolute;right:0;z-index:40;margin-top:.5rem;width:16rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 4px 6px -2px #0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.column-filter .filter-dropdown .filter-content{display:flex;flex-direction:column;gap:.75rem}.column-filter .filter-dropdown .filter-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.column-filter .filter-dropdown .filter-content{padding:1rem}.column-filter .filter-dropdown .filter-content .operator-select,.column-filter .filter-dropdown .filter-content .filter-select,.column-filter .filter-dropdown .filter-content .filter-input{display:block;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.column-filter .filter-dropdown .filter-content .operator-select:focus,.column-filter .filter-dropdown .filter-content .filter-select:focus,.column-filter .filter-dropdown .filter-content .filter-input:focus{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5}.column-filter .filter-dropdown .filter-content .filter-actions{display:flex;justify-content:flex-end}.column-filter .filter-dropdown .filter-content .filter-actions>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.column-filter .filter-dropdown .filter-content .filter-actions{padding-top:.5rem}.column-filter .filter-dropdown .filter-content .filter-actions button{border-radius:.375rem;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.column-filter .filter-dropdown .filter-content .filter-actions button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px}.column-filter .filter-dropdown .filter-content .filter-actions .apply-button{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.column-filter .filter-dropdown .filter-content .filter-actions .apply-button:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.column-filter .filter-dropdown .filter-content .filter-actions .apply-button:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.column-filter .filter-dropdown .filter-content .filter-actions .clear-button{border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.column-filter .filter-dropdown .filter-content .filter-actions .clear-button:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.column-filter .filter-dropdown .filter-content .filter-actions .clear-button:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}}.loading-spinner.use-css,.loading-spinner:not(.use-tailwind){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner.use-css .spinner,.loading-spinner:not(.use-tailwind) .spinner{position:relative;width:3rem;height:3rem;animation:spin 1s linear infinite}.loading-spinner.use-css .spinner:before,.loading-spinner.use-css .spinner:after,.loading-spinner:not(.use-tailwind) .spinner:before,.loading-spinner:not(.use-tailwind) .spinner:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid transparent;content:""}.loading-spinner.use-css .spinner:before,.loading-spinner:not(.use-tailwind) .spinner:before{border-top-color:#3b82f6;border-right-color:#3b82f6}.loading-spinner.use-css .spinner:after,.loading-spinner:not(.use-tailwind) .spinner:after{border-bottom-color:#93c5fd;border-left-color:#93c5fd}.loading-spinner.use-css .loading-text,.loading-spinner:not(.use-tailwind) .loading-text{color:#4b5563;font-size:.875rem;font-weight:500}.loading-spinner.use-css .sr-only,.loading-spinner:not(.use-tailwind) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@supports (color: #3b82f6){.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner .spinner{position:relative;height:3rem;width:3rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner .spinner{animation:spin 1s linear infinite}.loading-spinner .spinner:before{border-top-color:rgb(59 130 246 / var(--tw-border-opacity, 1));content:var(--tw-content);--tw-border-opacity: 1;border-right-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.loading-spinner .spinner:after{border-bottom-color:rgb(147 197 253 / var(--tw-border-opacity, 1));content:var(--tw-content);--tw-border-opacity: 1;border-left-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.loading-spinner .spinner:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border-width:4px;border-style:solid;border-color:transparent;border-top-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-right-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-content: "";content:var(--tw-content)}.loading-spinner .spinner:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border-width:4px;border-style:solid;border-color:transparent;border-bottom-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-left-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-content: "";content:var(--tw-content)}.loading-spinner .loading-text{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.loading-spinner .sr-only{position:absolute;margin:-1px;height:1px;width:1px;overflow:hidden;white-space:nowrap;border-width:0px;padding:0;clip:rect(0,0,0,0)}}.datatable-container.use-tailwind{position:relative;display:flex;width:100%;flex-direction:column;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);height:calc(100vh - 2rem)}.datatable-container.use-tailwind .datatable-toolbar{top:0;z-index:40;display:flex;min-height:4rem;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;position:sticky}.datatable-container.use-tailwind .datatable-header-wrapper{z-index:30;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.datatable-container.use-tailwind .datatable-header-wrapper.sticky{top:0;position:sticky}.datatable-container.use-tailwind .datatable-header-wrapper.sticky.with-toolbar{top:4rem}.datatable-container.use-tailwind .datatable-body{position:relative;flex:1 1 0%;overflow:hidden;min-height:200px}.datatable-container.use-tailwind .datatable-body .virtual-row{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.datatable-container.use-tailwind .datatable-body .virtual-row.selected{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.datatable-container.use-tailwind .datatable-body .virtual-row:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.datatable-container.use-tailwind .datatable-body .virtual-row:hover.selected{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.datatable-container.use-tailwind .datatable-body .virtual-row .row-main{display:flex;height:3rem;width:100%;align-items:center}.datatable-container.use-tailwind .datatable-body .virtual-row .virtual-cell{display:flex;height:3rem;align-items:center;border-right-width:1px;border-color:#e5e7eb80;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.datatable-container.use-tailwind .datatable-body .virtual-row .virtual-cell:last-child{border-right-width:0px}.datatable-container.use-tailwind .datatable-body .virtual-row .virtual-cell .cell-content{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datatable-container.use-tailwind .datatable-body .virtual-row .checkbox-cell{display:flex;height:3rem;width:4rem;flex-shrink:0;align-items:center;justify-content:center;border-right-width:1px;border-color:#e5e7eb80;padding-left:1rem;padding-right:1rem}.datatable-container.use-tailwind .datatable-body .virtual-row .checkbox-cell input[type=checkbox]{cursor:pointer;border-radius:.25rem;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.datatable-container.use-tailwind .datatable-body .virtual-row .checkbox-cell input[type=checkbox]:focus{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5}.datatable-container.use-tailwind .datatable-body .virtual-row .expand-cell{display:flex;height:3rem;width:2.5rem;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-right-width:1px;border-color:#e5e7eb80}.datatable-container.use-tailwind .datatable-body .virtual-row .expand-cell .expand-icon{display:flex;height:1rem;width:1rem;align-items:center;justify-content:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.datatable-container.use-tailwind .datatable-body .virtual-row .expand-cell .expand-icon.expanded{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.datatable-container.use-tailwind .datatable-body .virtual-row .expanded-content{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.datatable-container.use-tailwind .loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .75}.datatable-container.use-tailwind .empty-message{display:flex;height:100%;align-items:center;justify-content:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.datatable-container.use-tailwind .datatable-footer{bottom:0;z-index:30;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));position:sticky}@media (min-width: 640px){.datatable-container.use-tailwind .datatable-toolbar{min-height:4rem;padding:1rem}.datatable-container.use-tailwind .virtual-cell{padding:.75rem 1.5rem}.datatable-container.use-tailwind .datatable-header-wrapper.sticky.with-toolbar{top:4rem}}
.datatable-container.use-css,.datatable-container:not(.use-tailwind){width:100%;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e5e7eb;display:flex;flex-direction:column;height:calc(100vh - 2rem);position:relative}.datatable-container.use-css .datatable-toolbar,.datatable-container:not(.use-tailwind) .datatable-toolbar{padding:1rem;border-bottom:1px solid #e5e7eb;background-color:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;min-height:4rem}.datatable-container.use-css .datatable-header-wrapper,.datatable-container:not(.use-tailwind) .datatable-header-wrapper{background:#fff;z-index:30}.datatable-container.use-css .datatable-header-wrapper.sticky,.datatable-container:not(.use-tailwind) .datatable-header-wrapper.sticky{position:sticky;top:0}.datatable-container.use-css .datatable-header-wrapper.sticky.with-toolbar,.datatable-container:not(.use-tailwind) .datatable-header-wrapper.sticky.with-toolbar{top:4rem}.datatable-container.use-css .datatable-body,.datatable-container:not(.use-tailwind) .datatable-body{flex:1;position:relative;overflow:hidden;min-height:200px}.datatable-container.use-css .datatable-body .virtual-row,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row{transition:background-color .15s ease;border-bottom:1px solid #e5e7eb}.datatable-container.use-css .datatable-body .virtual-row.selected,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row.selected{background-color:#eff6ff}.datatable-container.use-css .datatable-body .virtual-row:hover,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row:hover{background-color:#f9fafb}.datatable-container.use-css .datatable-body .virtual-row:hover.selected,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row:hover.selected{background-color:#dbeafe}.datatable-container.use-css .datatable-body .virtual-row .row-main,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .row-main{display:flex;align-items:center;width:100%;height:48px}.datatable-container.use-css .datatable-body .virtual-row .virtual-cell,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .virtual-cell{font-size:.875rem;color:#374151;padding:.75rem 1.5rem;display:flex;align-items:center;height:48px;border-right:1px solid rgba(229,231,235,.5)}.datatable-container.use-css .datatable-body .virtual-row .virtual-cell:last-child,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .virtual-cell:last-child{border-right:none}.datatable-container.use-css .datatable-body .virtual-row .virtual-cell .cell-content,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .virtual-cell .cell-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.datatable-container.use-css .datatable-body .virtual-row .checkbox-cell,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .checkbox-cell{width:4rem;padding:0 1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;height:48px;border-right:1px solid rgba(229,231,235,.5)}.datatable-container.use-css .datatable-body .virtual-row .checkbox-cell input[type=checkbox],.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .checkbox-cell input[type=checkbox]{border-radius:.25rem;border:1px solid #d1d5db;color:#2563eb;box-shadow:0 1px 2px #0000000d;cursor:pointer}.datatable-container.use-css .datatable-body .virtual-row .checkbox-cell input[type=checkbox]:focus,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .checkbox-cell input[type=checkbox]:focus{border-color:#93c5fd;outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 3px #3b82f61a}.datatable-container.use-css .datatable-body .virtual-row .expand-cell,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .expand-cell{width:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;height:48px;border-right:1px solid rgba(229,231,235,.5)}.datatable-container.use-css .datatable-body .virtual-row .expand-cell .expand-icon,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .expand-cell .expand-icon{transition:transform .3s ease;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;color:#6b7280}.datatable-container.use-css .datatable-body .virtual-row .expand-cell .expand-icon.expanded,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .expand-cell .expand-icon.expanded{transform:rotate(90deg)}.datatable-container.use-css .datatable-body .virtual-row .expanded-content,.datatable-container:not(.use-tailwind) .datatable-body .virtual-row .expanded-content{border-top:1px solid #e5e7eb;background-color:#f9fafb}.datatable-container.use-css .loading-overlay,.datatable-container:not(.use-tailwind) .loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffffbf;display:flex;align-items:center;justify-content:center;z-index:50}.datatable-container.use-css .empty-message,.datatable-container:not(.use-tailwind) .empty-message{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;font-size:.875rem}.datatable-container.use-css .datatable-footer,.datatable-container:not(.use-tailwind) .datatable-footer{position:sticky;bottom:0;z-index:30;background:#fff;border-top:1px solid #e5e7eb}@media (max-width: 640px){.datatable-container .datatable-toolbar{padding:.75rem;min-height:3.5rem}.datatable-container .virtual-cell{padding:.5rem .75rem}.datatable-container .datatable-header-wrapper.sticky.with-toolbar{top:3.5rem}}.datatable-search.use-css,.datatable-search:not(.use-tailwind){display:flex;align-items:center;justify-content:space-between;padding:0 .5rem}.datatable-search.use-css .search-wrapper,.datatable-search:not(.use-tailwind) .search-wrapper{position:relative;flex:1;max-width:28rem}.datatable-search.use-css .search-wrapper .search-icon,.datatable-search:not(.use-tailwind) .search-wrapper .search-icon{position:absolute;left:.75rem;top:.75rem;color:#9ca3af;pointer-events:none;height:18px;width:18px;display:flex;align-items:center;justify-content:center;z-index:1}.datatable-search.use-css .search-wrapper .search-input,.datatable-search:not(.use-tailwind) .search-wrapper .search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem;border-radius:.5rem;border:1px solid #e5e7eb;background-color:#f9fafb;transition:all .15s ease;line-height:1.5;min-height:1.6rem}.datatable-search.use-css .search-wrapper .search-input::-moz-placeholder,.datatable-search:not(.use-tailwind) .search-wrapper .search-input::-moz-placeholder{color:#9ca3af}.datatable-search.use-css .search-wrapper .search-input::placeholder,.datatable-search:not(.use-tailwind) .search-wrapper .search-input::placeholder{color:#9ca3af}.datatable-search.use-css .search-wrapper .search-input:hover,.datatable-search:not(.use-tailwind) .search-wrapper .search-input:hover{border-color:#d1d5db;background-color:#fff}.datatable-search.use-css .search-wrapper .search-input:focus,.datatable-search:not(.use-tailwind) .search-wrapper .search-input:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}@supports (color: #3b82f6){.datatable-search.use-tailwind,.datatable-search:not(.use-css){display:flex;align-items:center;justify-content:space-between;padding-left:.5rem;padding-right:.5rem}.datatable-search.use-tailwind .search-wrapper,.datatable-search:not(.use-css) .search-wrapper{position:relative;max-width:28rem;flex:1 1 0%}.datatable-search.use-tailwind .search-wrapper .search-icon,.datatable-search:not(.use-css) .search-wrapper .search-icon{pointer-events:none;position:absolute;left:.75rem;top:.75rem;z-index:10;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.datatable-search.use-tailwind .search-wrapper .search-input,.datatable-search:not(.use-css) .search-wrapper .search-input{height:2.5rem;width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem;line-height:1.5rem}.datatable-search.use-tailwind .search-wrapper .search-input::-moz-placeholder,.datatable-search:not(.use-css) .search-wrapper .search-input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.datatable-search.use-tailwind .search-wrapper .search-input::placeholder,.datatable-search:not(.use-css) .search-wrapper .search-input::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.datatable-search.use-tailwind .search-wrapper .search-input,.datatable-search:not(.use-css) .search-wrapper .search-input{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.datatable-search.use-tailwind .search-wrapper .search-input:hover,.datatable-search:not(.use-css) .search-wrapper .search-input:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.datatable-search.use-tailwind .search-wrapper .search-input:focus,.datatable-search:not(.use-css) .search-wrapper .search-input:focus{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}}.export-menu-container.use-css,.export-menu-container:not(.use-tailwind){position:relative;display:inline-block}.export-menu-container.use-css .export-button,.export-menu-container:not(.use-tailwind) .export-button{display:inline-flex;align-items:center;padding:.5rem 1rem;border:1px solid #d1d5db;box-shadow:0 1px 2px #0000000d;font-size:.875rem;font-weight:500;border-radius:.375rem;color:#374151;background-color:#fff;transition:background-color .15s ease;cursor:pointer}.export-menu-container.use-css .export-button:hover,.export-menu-container:not(.use-tailwind) .export-button:hover{background-color:#f9fafb}.export-menu-container.use-css .export-button:focus,.export-menu-container:not(.use-tailwind) .export-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #3b82f61a}.export-menu-container.use-css .export-button .arrow-icon,.export-menu-container:not(.use-tailwind) .export-button .arrow-icon{margin-left:.5rem;transition:transform .15s ease}.export-menu-container.use-css .export-button .arrow-icon.open,.export-menu-container:not(.use-tailwind) .export-button .arrow-icon.open{transform:rotate(180deg)}.export-menu-container.use-css .export-menu-overlay,.export-menu-container:not(.use-tailwind) .export-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.export-menu-container.use-css .export-menu,.export-menu-container:not(.use-tailwind) .export-menu{position:absolute;right:0;margin-top:.5rem;width:12rem;border-radius:.375rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 4px 6px -2px #0000000d;background-color:#fff;border:1px solid #e5e7eb;z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.export-menu-container.use-css .export-menu .export-option,.export-menu-container:not(.use-tailwind) .export-menu .export-option{display:block;width:100%;text-align:left;padding:.5rem 1rem;font-size:.875rem;color:#374151;background:none;border:none;cursor:pointer;transition:background-color .15s ease;position:relative}.export-menu-container.use-css .export-menu .export-option:hover,.export-menu-container:not(.use-tailwind) .export-menu .export-option:hover{background-color:#f3f4f6}.export-menu-container.use-css .export-menu .export-option:focus,.export-menu-container:not(.use-tailwind) .export-menu .export-option:focus{outline:none;background-color:#f3f4f6}.export-menu-container.use-css .export-menu .export-option:first-child,.export-menu-container:not(.use-tailwind) .export-menu .export-option:first-child{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.export-menu-container.use-css .export-menu .export-option:last-child,.export-menu-container:not(.use-tailwind) .export-menu .export-option:last-child{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}@supports (color: #3b82f6){.export-menu-container.use-tailwind,.export-menu-container:not(.use-css){position:relative;display:inline-block}.export-menu-container.use-tailwind .export-button,.export-menu-container:not(.use-css) .export-button{display:inline-flex;align-items:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.export-menu-container.use-tailwind .export-button:hover,.export-menu-container:not(.use-css) .export-button:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.export-menu-container.use-tailwind .export-button:focus,.export-menu-container:not(.use-css) .export-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.export-menu-container.use-tailwind .export-button .arrow-icon,.export-menu-container:not(.use-css) .export-button .arrow-icon{margin-left:.5rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.export-menu-container.use-tailwind .export-button .arrow-icon.open,.export-menu-container:not(.use-css) .export-button .arrow-icon.open{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.export-menu-container.use-tailwind .export-menu-overlay,.export-menu-container:not(.use-css) .export-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.export-menu-container.use-tailwind .export-menu,.export-menu-container:not(.use-css) .export-menu{position:absolute;right:0;z-index:40;margin-top:.5rem;width:12rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 4px 6px -2px #0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.export-menu-container.use-tailwind .export-menu .export-option,.export-menu-container:not(.use-css) .export-menu .export-option{position:relative;display:block;width:100%;padding:.5rem 1rem;text-align:left;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.export-menu-container.use-tailwind .export-menu .export-option:hover,.export-menu-container:not(.use-css) .export-menu .export-option:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.export-menu-container.use-tailwind .export-menu .export-option:focus,.export-menu-container:not(.use-css) .export-menu .export-option:focus{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));outline:2px solid transparent;outline-offset:2px}.export-menu-container.use-tailwind .export-menu .export-option:first-child,.export-menu-container:not(.use-css) .export-menu .export-option:first-child{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.export-menu-container.use-tailwind .export-menu .export-option:last-child,.export-menu-container:not(.use-css) .export-menu .export-option:last-child{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}}.datatable-pagination.use-css,.datatable-pagination:not(.use-tailwind){display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#fff;border-top:1px solid #e5e7eb}.datatable-pagination.use-css .pagination-info,.datatable-pagination:not(.use-tailwind) .pagination-info{flex:1;font-size:.875rem;color:#374151;font-weight:500}.datatable-pagination.use-css .pagination-controls,.datatable-pagination:not(.use-tailwind) .pagination-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.datatable-pagination.use-css .pagination-controls .pagination-button,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#6b7280;background-color:#fff;border:1px solid #d1d5db;cursor:pointer;transition:all .15s ease}.datatable-pagination.use-css .pagination-controls .pagination-button:hover:not(:disabled),.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button:hover:not(:disabled){background-color:#f9fafb}.datatable-pagination.use-css .pagination-controls .pagination-button:focus,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #3b82f61a}.datatable-pagination.use-css .pagination-controls .pagination-button:disabled,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button:disabled{opacity:.5;cursor:not-allowed}.datatable-pagination.use-css .pagination-controls .pagination-button:disabled:hover,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button:disabled:hover{background-color:#fff}.datatable-pagination.use-css .pagination-controls .pagination-button.page-number,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button.page-number{min-width:2.5rem;display:none}.datatable-pagination.use-css .pagination-controls .pagination-button.page-number.active,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button.page-number.active{background-color:#eff6ff;color:#2563eb;border-color:#3b82f6}.datatable-pagination.use-css .pagination-controls .pagination-button.page-number.active:hover,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button.page-number.active:hover{background-color:#dbeafe}.datatable-pagination.use-css .pagination-controls .pagination-button svg,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-button svg{height:1rem;width:1rem}.datatable-pagination.use-css .pagination-controls .pagination-pages,.datatable-pagination:not(.use-tailwind) .pagination-controls .pagination-pages{display:none;align-items:center;gap:.5rem}@media (min-width: 640px){.datatable-pagination .pagination-controls .pagination-button.page-number{display:inline-flex}.datatable-pagination .pagination-controls .pagination-pages{display:flex}}@supports (color: #3b82f6){.datatable-pagination.use-tailwind,.datatable-pagination:not(.use-css){display:flex;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem 1rem}.datatable-pagination.use-tailwind .pagination-info,.datatable-pagination:not(.use-css) .pagination-info{flex:1 1 0%;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.datatable-pagination.use-tailwind .pagination-controls,.datatable-pagination:not(.use-css) .pagination-controls{display:flex;align-items:center;justify-content:flex-end}.datatable-pagination.use-tailwind .pagination-controls>:not([hidden])~:not([hidden]),.datatable-pagination:not(.use-css) .pagination-controls>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.datatable-pagination.use-tailwind .pagination-controls .pagination-button,.datatable-pagination:not(.use-css) .pagination-controls .pagination-button{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.datatable-pagination.use-tailwind .pagination-controls .pagination-button:hover,.datatable-pagination:not(.use-css) .pagination-controls .pagination-button:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.datatable-pagination.use-tailwind .pagination-controls .pagination-button:focus,.datatable-pagination:not(.use-css) .pagination-controls .pagination-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.datatable-pagination.use-tailwind .pagination-controls .pagination-button:disabled,.datatable-pagination:not(.use-css) .pagination-controls .pagination-button:disabled{cursor:not-allowed;opacity:.5}.datatable-pagination.use-tailwind .pagination-controls .pagination-button:hover:disabled,.datatable-pagination:not(.use-css) .pagination-controls .pagination-button:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.datatable-pagination.use-tailwind .pagination-controls .pagination-button.page-number,.datatable-pagination:not(.use-css) .pagination-controls .pagination-button.page-number{display:none;min-width:2.5rem}@media (min-width: 640px){.datatable-pagination.use-tailwind .pagination-controls .pagination-button.page-number,.datatable-pagination:not(.use-css) .pagination-controls .pagination-button.page-number{display:inline-flex}}.datatable-pagination.use-tailwind .pagination-controls .pagination-button.page-number.active,.datatable-pagination:not(.use-css) .pagination-controls .pagination-button.page-number.active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.datatable-pagination.use-tailwind .pagination-controls .pagination-button.page-number.active:hover,.datatable-pagination:not(.use-css) .pagination-controls .pagination-button.page-number.active:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.datatable-pagination.use-tailwind .pagination-controls .pagination-button svg,.datatable-pagination:not(.use-css) .pagination-controls .pagination-button svg{height:1rem;width:1rem}.datatable-pagination.use-tailwind .pagination-controls .pagination-pages,.datatable-pagination:not(.use-css) .pagination-controls .pagination-pages{display:none}@media (min-width: 640px){.datatable-pagination.use-tailwind .pagination-controls .pagination-pages,.datatable-pagination:not(.use-css) .pagination-controls .pagination-pages{display:flex;align-items:center}.datatable-pagination.use-tailwind .pagination-controls .pagination-pages>:not([hidden])~:not([hidden]),.datatable-pagination:not(.use-css) .pagination-controls .pagination-pages>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}}}.datatable-header.use-css,.datatable-header:not(.use-tailwind){background-color:#f9fafb;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.datatable-header.use-css .header-row,.datatable-header:not(.use-tailwind) .header-row{display:flex;align-items:stretch;min-width:100%}.datatable-header.use-css .header-cell,.datatable-header:not(.use-tailwind) .header-cell{padding:.75rem 1.5rem;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;border-right:1px solid rgba(229,231,235,.5)}.datatable-header.use-css .header-cell:last-child,.datatable-header:not(.use-tailwind) .header-cell:last-child{border-right:none}.datatable-header.use-css .header-cell.sortable .header-text-wrapper,.datatable-header:not(.use-tailwind) .header-cell.sortable .header-text-wrapper{cursor:pointer;transition:color .15s ease}.datatable-header.use-css .header-cell.sortable .header-text-wrapper:hover,.datatable-header:not(.use-tailwind) .header-cell.sortable .header-text-wrapper:hover{color:#111827}.datatable-header.use-css .header-cell.checkbox-cell,.datatable-header:not(.use-tailwind) .header-cell.checkbox-cell{width:4rem;padding:0 1rem;justify-content:center;flex-shrink:0;border-right:1px solid rgba(229,231,235,.5)}.datatable-header.use-css .header-cell.checkbox-cell .checkbox,.datatable-header:not(.use-tailwind) .header-cell.checkbox-cell .checkbox{border-radius:.25rem;border:1px solid #d1d5db;color:#2563eb;box-shadow:0 1px 2px #0000000d;cursor:pointer}.datatable-header.use-css .header-cell.checkbox-cell .checkbox:focus,.datatable-header:not(.use-tailwind) .header-cell.checkbox-cell .checkbox:focus{border-color:#93c5fd;outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 3px #3b82f61a}.datatable-header.use-css .header-cell .header-content,.datatable-header:not(.use-tailwind) .header-cell .header-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.datatable-header.use-css .header-cell .header-content .header-text-wrapper,.datatable-header:not(.use-tailwind) .header-cell .header-content .header-text-wrapper{display:flex;align-items:center;flex-grow:1;gap:.5rem}.datatable-header.use-css .header-cell .header-content .header-text,.datatable-header:not(.use-tailwind) .header-cell .header-content .header-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.datatable-header.use-css .header-cell .header-content .sort-icons,.datatable-header:not(.use-tailwind) .header-cell .header-content .sort-icons{flex-shrink:0;color:#9ca3af;transition:color .15s ease}.datatable-header.use-css .header-cell .header-content .sort-icons svg,.datatable-header:not(.use-tailwind) .header-cell .header-content .sort-icons svg{transition:transform .15s ease}.datatable-header.use-css .header-cell .header-content .sort-icons svg.active,.datatable-header:not(.use-tailwind) .header-cell .header-content .sort-icons svg.active{color:#3b82f6}@supports (color: #3b82f6){.datatable-header.use-tailwind,.datatable-header:not(.use-css){border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px rgba(0,0,0,.05);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.datatable-header.use-tailwind .header-row,.datatable-header:not(.use-css) .header-row{display:flex;min-width:100%;align-items:stretch}.datatable-header.use-tailwind .header-cell,.datatable-header:not(.use-css) .header-cell{display:flex;height:3rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;border-right-width:1px;border-style:solid;border-right-color:#e5e7eb80;padding:.75rem 1.5rem;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.datatable-header.use-tailwind .header-cell:last-child,.datatable-header:not(.use-css) .header-cell:last-child{border-right-color:none}.datatable-header.use-tailwind .header-cell.sortable .header-text-wrapper,.datatable-header:not(.use-css) .header-cell.sortable .header-text-wrapper{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.datatable-header.use-tailwind .header-cell.sortable .header-text-wrapper:hover,.datatable-header:not(.use-css) .header-cell.sortable .header-text-wrapper:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.datatable-header.use-tailwind .header-cell.checkbox-cell,.datatable-header:not(.use-css) .header-cell.checkbox-cell{width:4rem;flex-shrink:0;justify-content:center;border-right-width:1px;border-style:solid;border-right-color:#e5e7eb80;padding-left:1rem;padding-right:1rem}.datatable-header.use-tailwind .header-cell.checkbox-cell .checkbox,.datatable-header:not(.use-css) .header-cell.checkbox-cell .checkbox{cursor:pointer;border-radius:.25rem;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.datatable-header.use-tailwind .header-cell.checkbox-cell .checkbox:focus,.datatable-header:not(.use-css) .header-cell.checkbox-cell .checkbox:focus{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5}.datatable-header.use-tailwind .header-cell .header-content,.datatable-header:not(.use-css) .header-cell .header-content{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem}.datatable-header.use-tailwind .header-cell .header-content .header-text-wrapper,.datatable-header:not(.use-css) .header-cell .header-content .header-text-wrapper{display:flex;flex-grow:1;align-items:center;gap:.5rem}.datatable-header.use-tailwind .header-cell .header-content .header-text,.datatable-header:not(.use-css) .header-cell .header-content .header-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datatable-header.use-tailwind .header-cell .header-content .sort-icons,.datatable-header:not(.use-css) .header-cell .header-content .sort-icons{flex-shrink:0;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.datatable-header.use-tailwind .header-cell .header-content .sort-icons svg,.datatable-header:not(.use-css) .header-cell .header-content .sort-icons svg{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.datatable-header.use-tailwind .header-cell .header-content .sort-icons svg.active,.datatable-header:not(.use-css) .header-cell .header-content .sort-icons svg.active{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}}.column-filter.use-css,.column-filter:not(.use-tailwind){position:relative;display:inline-block;margin-left:.5rem}.column-filter.use-css .filter-button,.column-filter:not(.use-tailwind) .filter-button{padding:.25rem;border-radius:.375rem;transition:all .15s ease;border:none;background:none;cursor:pointer}.column-filter.use-css .filter-button:hover,.column-filter:not(.use-tailwind) .filter-button:hover{background-color:#f3f4f6}.column-filter.use-css .filter-button:focus,.column-filter:not(.use-tailwind) .filter-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #3b82f61a}.column-filter.use-css .filter-button.active,.column-filter:not(.use-tailwind) .filter-button.active{background-color:#eff6ff;color:#2563eb}.column-filter.use-css .filter-button .filter-icon,.column-filter:not(.use-tailwind) .filter-button .filter-icon{transition:color .15s ease}.column-filter.use-css .filter-button .filter-icon.active,.column-filter:not(.use-tailwind) .filter-button .filter-icon.active{color:#2563eb}.column-filter.use-css .filter-overlay,.column-filter:not(.use-tailwind) .filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.column-filter.use-css .filter-dropdown,.column-filter:not(.use-tailwind) .filter-dropdown{position:absolute;right:0;margin-top:.5rem;width:16rem;border-radius:.375rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 4px 6px -2px #0000000d;background-color:#fff;border:1px solid #e5e7eb;z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.column-filter.use-css .filter-dropdown .filter-content,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content{padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.column-filter.use-css .filter-dropdown .filter-content .operator-select,.column-filter.use-css .filter-dropdown .filter-content .filter-select,.column-filter.use-css .filter-dropdown .filter-content .filter-input,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .operator-select,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-select,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-input{display:block;border-radius:.375rem;border:1px solid #d1d5db;box-shadow:0 1px 2px #0000000d;font-size:.875rem;padding:.5rem .75rem}.column-filter.use-css .filter-dropdown .filter-content .operator-select:focus,.column-filter.use-css .filter-dropdown .filter-content .filter-select:focus,.column-filter.use-css .filter-dropdown .filter-content .filter-input:focus,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .operator-select:focus,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-select:focus,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-input:focus{border-color:#93c5fd;outline:none;box-shadow:0 0 0 3px #3b82f61a}.column-filter.use-css .filter-dropdown .filter-content .filter-actions,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.5rem}.column-filter.use-css .filter-dropdown .filter-content .filter-actions button,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions button{padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.column-filter.use-css .filter-dropdown .filter-content .filter-actions button:focus,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions button:focus{outline:none;box-shadow:0 0 0 2px transparent,0 0 0 4px #3b82f61a}.column-filter.use-css .filter-dropdown .filter-content .filter-actions .apply-button,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions .apply-button{background-color:#2563eb;color:#fff;border:1px solid #2563eb}.column-filter.use-css .filter-dropdown .filter-content .filter-actions .apply-button:hover,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions .apply-button:hover{background-color:#1d4ed8}.column-filter.use-css .filter-dropdown .filter-content .filter-actions .apply-button:focus,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions .apply-button:focus{box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #3b82f61a}.column-filter.use-css .filter-dropdown .filter-content .filter-actions .clear-button,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions .clear-button{background-color:#fff;color:#374151;border:1px solid #d1d5db}.column-filter.use-css .filter-dropdown .filter-content .filter-actions .clear-button:hover,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions .clear-button:hover{background-color:#f9fafb}.column-filter.use-css .filter-dropdown .filter-content .filter-actions .clear-button:focus,.column-filter:not(.use-tailwind) .filter-dropdown .filter-content .filter-actions .clear-button:focus{box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #3b82f61a}@supports (color: #3b82f6){.column-filter.use-tailwind,.column-filter:not(.use-css){position:relative;margin-left:.5rem;display:inline-block}.column-filter.use-tailwind .filter-button,.column-filter:not(.use-css) .filter-button{border-radius:.375rem;padding:.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.column-filter.use-tailwind .filter-button:hover,.column-filter:not(.use-css) .filter-button:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.column-filter.use-tailwind .filter-button:focus,.column-filter:not(.use-css) .filter-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5}.column-filter.use-tailwind .filter-button.active,.column-filter:not(.use-css) .filter-button.active{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.column-filter.use-tailwind .filter-button .filter-icon,.column-filter:not(.use-css) .filter-button .filter-icon{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.column-filter.use-tailwind .filter-button .filter-icon.active,.column-filter:not(.use-css) .filter-button .filter-icon.active{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.column-filter.use-tailwind .filter-overlay,.column-filter:not(.use-css) .filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.column-filter.use-tailwind .filter-dropdown,.column-filter:not(.use-css) .filter-dropdown{position:absolute;right:0;z-index:40;margin-top:.5rem;width:16rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 4px 6px -2px #0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.column-filter.use-tailwind .filter-dropdown .filter-content,.column-filter:not(.use-css) .filter-dropdown .filter-content{display:flex;flex-direction:column;gap:.75rem}.column-filter.use-tailwind .filter-dropdown .filter-content>:not([hidden])~:not([hidden]),.column-filter:not(.use-css) .filter-dropdown .filter-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.column-filter.use-tailwind .filter-dropdown .filter-content,.column-filter:not(.use-css) .filter-dropdown .filter-content{padding:1rem}.column-filter.use-tailwind .filter-dropdown .filter-content .operator-select,.column-filter.use-tailwind .filter-dropdown .filter-content .filter-select,.column-filter.use-tailwind .filter-dropdown .filter-content .filter-input,.column-filter:not(.use-css) .filter-dropdown .filter-content .operator-select,.column-filter:not(.use-css) .filter-dropdown .filter-content .filter-select,.column-filter:not(.use-css) .filter-dropdown .filter-content .filter-input{display:block;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.column-filter.use-tailwind .filter-dropdown .filter-content .operator-select:focus,.column-filter.use-tailwind .filter-dropdown .filter-content .filter-select:focus,.column-filter.use-tailwind .filter-dropdown .filter-content .filter-input:focus,.column-filter:not(.use-css) .filter-dropdown .filter-content .operator-select:focus,.column-filter:not(.use-css) .filter-dropdown .filter-content .filter-select:focus,.column-filter:not(.use-css) .filter-dropdown .filter-content .filter-input:focus{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5}.column-filter.use-tailwind .filter-dropdown .filter-content .filter-actions,.column-filter:not(.use-css) .filter-dropdown .filter-content .filter-actions{display:flex;justify-content:flex-end}.column-filter.use-tailwind .filter-dropdown .filter-content .filter-actions>:not([hidden])~:not([hidden]),.column-filter:not(.use-css) .filter-dropdown .filter-content .filter-actions>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.column-filter.use-tailwind .filter-dropdown .filter-content .filter-actions,.column-filter:not(.use-css) .filter-dropdown .filter-content .filter-actions{padding-top:.5rem}.column-filter.use-tailwind .filter-dropdown .filter-content .filter-actions button,.column-filter:not(.use-css) .filter-dropdown .filter-content .filter-actions button{border-radius:.375rem;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.column-filter.use-tailwind .filter-dropdown .filter-content .filter-actions button:focus,.column-filter:not(.use-css) .filter-dropdown .filter-content .filter-actions button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px}.column-filter.use-tailwind .filter-dropdown .filter-content .filter-actions .apply-button,.column-filter:not(.use-css) .filter-dropdown .filter-content .filter-actions .apply-button{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.column-filter.use-tailwind .filter-dropdown .filter-content .filter-actions .apply-button:hover,.column-filter:not(.use-css) .filter-dropdown .filter-content .filter-actions .apply-button:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.column-filter.use-tailwind .filter-dropdown .filter-content .filter-actions .apply-button:focus,.column-filter:not(.use-css) .filter-dropdown .filter-content .filter-actions .apply-button:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.column-filter.use-tailwind .filter-dropdown .filter-content .filter-actions .clear-button,.column-filter:not(.use-css) .filter-dropdown .filter-content .filter-actions .clear-button{border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.column-filter.use-tailwind .filter-dropdown .filter-content .filter-actions .clear-button:hover,.column-filter:not(.use-css) .filter-dropdown .filter-content .filter-actions .clear-button:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.column-filter.use-tailwind .filter-dropdown .filter-content .filter-actions .clear-button:focus,.column-filter:not(.use-css) .filter-dropdown .filter-content .filter-actions .clear-button:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}}.loading-spinner.use-css,.loading-spinner:not(.use-tailwind){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner.use-css .spinner,.loading-spinner:not(.use-tailwind) .spinner{position:relative;width:3rem;height:3rem;animation:spin 1s linear infinite}.loading-spinner.use-css .spinner:before,.loading-spinner.use-css .spinner:after,.loading-spinner:not(.use-tailwind) .spinner:before,.loading-spinner:not(.use-tailwind) .spinner:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid transparent;content:""}.loading-spinner.use-css .spinner:before,.loading-spinner:not(.use-tailwind) .spinner:before{border-top-color:#3b82f6;border-right-color:#3b82f6}.loading-spinner.use-css .spinner:after,.loading-spinner:not(.use-tailwind) .spinner:after{border-bottom-color:#93c5fd;border-left-color:#93c5fd}.loading-spinner.use-css .loading-text,.loading-spinner:not(.use-tailwind) .loading-text{color:#4b5563;font-size:.875rem;font-weight:500}.loading-spinner.use-css .sr-only,.loading-spinner:not(.use-tailwind) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@supports (color: #3b82f6){.loading-spinner.use-tailwind,.loading-spinner:not(.use-css){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner.use-tailwind .spinner,.loading-spinner:not(.use-css) .spinner{position:relative;height:3rem;width:3rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner.use-tailwind .spinner,.loading-spinner:not(.use-css) .spinner{animation:spin 1s linear infinite}.loading-spinner.use-tailwind .spinner:before,.loading-spinner:not(.use-css) .spinner:before{border-top-color:rgb(59 130 246 / var(--tw-border-opacity, 1));content:var(--tw-content);--tw-border-opacity: 1;border-right-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.loading-spinner.use-tailwind .spinner:after,.loading-spinner:not(.use-css) .spinner:after{border-bottom-color:rgb(147 197 253 / var(--tw-border-opacity, 1));content:var(--tw-content);--tw-border-opacity: 1;border-left-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.loading-spinner.use-tailwind .spinner:before,.loading-spinner:not(.use-css) .spinner:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border-width:4px;border-style:solid;border-color:transparent;border-top-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-right-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-content: "";content:var(--tw-content)}.loading-spinner.use-tailwind .spinner:after,.loading-spinner:not(.use-css) .spinner:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border-width:4px;border-style:solid;border-color:transparent;border-bottom-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-left-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-content: "";content:var(--tw-content)}.loading-spinner.use-tailwind .loading-text,.loading-spinner:not(.use-css) .loading-text{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.loading-spinner.use-tailwind .sr-only,.loading-spinner:not(.use-css) .sr-only{position:absolute;margin:-1px;height:1px;width:1px;overflow:hidden;white-space:nowrap;border-width:0px;padding:0;clip:rect(0,0,0,0)}}.datatable-container.use-tailwind,.datatable-container:not(.use-css){position:relative;display:flex;width:100%;flex-direction:column;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);height:calc(100vh - 2rem)}.datatable-container.use-tailwind .datatable-toolbar,.datatable-container:not(.use-css) .datatable-toolbar{top:0;z-index:40;display:flex;min-height:4rem;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;position:sticky}.datatable-container.use-tailwind .datatable-header-wrapper,.datatable-container:not(.use-css) .datatable-header-wrapper{z-index:30;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.datatable-container.use-tailwind .datatable-header-wrapper.sticky,.datatable-container:not(.use-css) .datatable-header-wrapper.sticky{top:0;position:sticky}.datatable-container.use-tailwind .datatable-header-wrapper.sticky.with-toolbar,.datatable-container:not(.use-css) .datatable-header-wrapper.sticky.with-toolbar{top:4rem}.datatable-container.use-tailwind .datatable-body,.datatable-container:not(.use-css) .datatable-body{position:relative;flex:1 1 0%;overflow:hidden;min-height:200px}.datatable-container.use-tailwind .datatable-body .virtual-row,.datatable-container:not(.use-css) .datatable-body .virtual-row{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.datatable-container.use-tailwind .datatable-body .virtual-row.selected,.datatable-container:not(.use-css) .datatable-body .virtual-row.selected{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.datatable-container.use-tailwind .datatable-body .virtual-row:hover,.datatable-container:not(.use-css) .datatable-body .virtual-row:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.datatable-container.use-tailwind .datatable-body .virtual-row:hover.selected,.datatable-container:not(.use-css) .datatable-body .virtual-row:hover.selected{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.datatable-container.use-tailwind .datatable-body .virtual-row .row-main,.datatable-container:not(.use-css) .datatable-body .virtual-row .row-main{display:flex;height:3rem;width:100%;align-items:center}.datatable-container.use-tailwind .datatable-body .virtual-row .virtual-cell,.datatable-container:not(.use-css) .datatable-body .virtual-row .virtual-cell{display:flex;height:3rem;align-items:center;border-right-width:1px;border-color:#e5e7eb80;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.datatable-container.use-tailwind .datatable-body .virtual-row .virtual-cell:last-child,.datatable-container:not(.use-css) .datatable-body .virtual-row .virtual-cell:last-child{border-right-width:0px}.datatable-container.use-tailwind .datatable-body .virtual-row .virtual-cell .cell-content,.datatable-container:not(.use-css) .datatable-body .virtual-row .virtual-cell .cell-content{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datatable-container.use-tailwind .datatable-body .virtual-row .checkbox-cell,.datatable-container:not(.use-css) .datatable-body .virtual-row .checkbox-cell{display:flex;height:3rem;width:4rem;flex-shrink:0;align-items:center;justify-content:center;border-right-width:1px;border-color:#e5e7eb80;padding-left:1rem;padding-right:1rem}.datatable-container.use-tailwind .datatable-body .virtual-row .checkbox-cell input[type=checkbox],.datatable-container:not(.use-css) .datatable-body .virtual-row .checkbox-cell input[type=checkbox]{cursor:pointer;border-radius:.25rem;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.datatable-container.use-tailwind .datatable-body .virtual-row .checkbox-cell input[type=checkbox]:focus,.datatable-container:not(.use-css) .datatable-body .virtual-row .checkbox-cell input[type=checkbox]:focus{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5}.datatable-container.use-tailwind .datatable-body .virtual-row .expand-cell,.datatable-container:not(.use-css) .datatable-body .virtual-row .expand-cell{display:flex;height:3rem;width:2.5rem;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-right-width:1px;border-color:#e5e7eb80}.datatable-container.use-tailwind .datatable-body .virtual-row .expand-cell .expand-icon,.datatable-container:not(.use-css) .datatable-body .virtual-row .expand-cell .expand-icon{display:flex;height:1rem;width:1rem;align-items:center;justify-content:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.datatable-container.use-tailwind .datatable-body .virtual-row .expand-cell .expand-icon.expanded,.datatable-container:not(.use-css) .datatable-body .virtual-row .expand-cell .expand-icon.expanded{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.datatable-container.use-tailwind .datatable-body .virtual-row .expanded-content,.datatable-container:not(.use-css) .datatable-body .virtual-row .expanded-content{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.datatable-container.use-tailwind .loading-overlay,.datatable-container:not(.use-css) .loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .75}.datatable-container.use-tailwind .empty-message,.datatable-container:not(.use-css) .empty-message{display:flex;height:100%;align-items:center;justify-content:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.datatable-container.use-tailwind .datatable-footer,.datatable-container:not(.use-css) .datatable-footer{bottom:0;z-index:30;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));position:sticky}@media (min-width: 640px){.datatable-container.use-tailwind .datatable-toolbar{min-height:4rem;padding:1rem}.datatable-container.use-tailwind .virtual-cell{padding:.75rem 1.5rem}.datatable-container.use-tailwind .datatable-header-wrapper.sticky.with-toolbar{top:4rem}}
{
"name": "@atawi/react-datatable",
"private": false,
"version": "1.0.9",
"version": "1.1.0",
"type": "module",

@@ -6,0 +6,0 @@ "main": "./dist/index.js",