.data-view{background-color:var(--dataView-background,var(--dataView-background));border:var(--dataView-border-width,var(--dataView-border-width)) solid var(--dataView-border-color,var(--dataView-border-color));border-radius:var(--dataView-radius,var(--dataView-radius));overflow:hidden}.data-view__header{align-items:center;background-color:var(--dataView-header-background,var(--dataView-header-background));border-bottom:var(--dataView-border-width,var(--dataView-border-width)) solid var(--dataView-header-borderColor,var(--dataView-header-borderColor));display:flex;gap:var(--inset-m,var(--inset-m));justify-content:space-between;padding:var(--dataView-header-padding,var(--dataView-header-padding))}.data-view__header-content{flex:1}.data-view__layout-switcher{display:flex;gap:var(--dataView-layoutSwitcher-gap,var(--dataView-layoutSwitcher-gap))}.data-view__layout-btn{align-items:center;background-color:var(--dataView-layoutSwitcher-button-background-default,var(--dataView-layoutSwitcher-button-background-default));border:none;border-radius:var(--dataView-layoutSwitcher-button-radius,var(--dataView-layoutSwitcher-button-radius));cursor:pointer;display:inline-flex;height:var(--dataView-layoutSwitcher-button-size,var(--dataView-layoutSwitcher-button-size));justify-content:center;padding:0;transition:background-color var(--dataView-transition-duration,var(--dataView-transition-duration)) ease,color var(--dataView-transition-duration,var(--dataView-transition-duration)) ease;width:var(--dataView-layoutSwitcher-button-size,var(--dataView-layoutSwitcher-button-size))}.data-view__layout-btn svg{color:var(--dataView-layoutSwitcher-button-color-default,var(--dataView-layoutSwitcher-button-color-default));height:16px;width:16px}.data-view__layout-btn:hover,.data-view__layout-btn[data-state~=hover]{background-color:var(--dataView-layoutSwitcher-button-background-hover,var(--dataView-layoutSwitcher-button-background-hover))}.data-view__layout-btn--state-active{background-color:var(--dataView-layoutSwitcher-button-background-active,var(--dataView-layoutSwitcher-button-background-active))}.data-view__layout-btn--state-active svg{color:var(--dataView-layoutSwitcher-button-color-active,var(--dataView-layoutSwitcher-button-color-active))}.data-view__content{padding:var(--dataView-content-padding,var(--dataView-content-padding))}.data-view__content--list{display:flex;flex-direction:column;gap:var(--dataView-list-gap,var(--dataView-list-gap))}.data-view__content--grid{display:grid;gap:var(--dataView-grid-gap,var(--dataView-grid-gap));grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.data-view--layout-list .data-view__item{background-color:var(--dataView-list-item-background-default,var(--dataView-list-item-background-default));border:1px solid var(--dataView-list-item-borderColor,var(--dataView-list-item-borderColor));border-radius:var(--dataView-list-item-radius,var(--dataView-list-item-radius));padding:var(--dataView-list-item-padding,var(--dataView-list-item-padding));transition:background-color var(--dataView-transition-duration,var(--dataView-transition-duration)) ease}.data-view--layout-list .data-view__item:hover,.data-view--layout-list .data-view__item[data-state~=hover]{background-color:var(--dataView-list-item-background-hover,var(--dataView-list-item-background-hover))}.data-view__empty{color:var(--dataView-empty-color,var(--dataView-empty-color));padding:var(--dataView-empty-padding,var(--dataView-empty-padding));text-align:center}.data-view__pagination{align-items:center;border-top:var(--dataView-border-width,var(--dataView-border-width)) solid var(--dataView-pagination-borderColor,var(--dataView-pagination-borderColor));display:flex;gap:var(--inset-xs,var(--inset-xs));justify-content:center;padding:var(--dataView-pagination-padding,var(--dataView-pagination-padding))}.data-view__page-btn{align-items:center;background:transparent;border:none;border-radius:var(--dataView-layoutSwitcher-button-radius,var(--dataView-layoutSwitcher-button-radius));cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:background-color var(--dataView-transition-duration,var(--dataView-transition-duration)) ease;width:32px}.data-view__page-btn svg{color:var(--text-default,var(--text-default));height:16px;width:16px}.data-view__page-btn:hover:not(:disabled),.data-view__page-btn[data-state~=hover]:not(:disabled){background-color:var(--dataView-list-item-background-hover,var(--dataView-list-item-background-hover))}.data-view__page-btn:disabled{cursor:not-allowed;opacity:.4}.data-view__page-info{color:var(--text-default,var(--text-default));font-size:14px}.data-view__footer{background-color:var(--dataView-header-background,var(--dataView-header-background));border-top:var(--dataView-border-width,var(--dataView-border-width)) solid var(--dataView-header-borderColor,var(--dataView-header-borderColor));padding:var(--dataView-header-padding,var(--dataView-header-padding))}