:root{--app-frame-header-height: 64px;--app-frame-sidebar-width: 88px;--app-search-bar-height: 64px;--app-main-flex-gap: 2px;--app-content-height-offset: calc( var(--app-frame-header-height) + var(--app-search-bar-height) + var(--app-main-flex-gap) );--app-content-height: calc(100vh - var(--app-content-height-offset));--table-row-height: 60px;--table-card-padding: 24px;--table-scrollbar-track-margin-top: 60px;--table-actions-width: 128px;--table-scrollbar-gutter-width: 0px;--table-max-width: calc( 100vw - (var(--app-frame-sidebar-width) + var(--table-card-padding)) );--card-style-table-max-height: calc( 100vh - var(--app-content-height-offset) - (var(--table-card-padding) * 2) );--product-table-outer-padding-total: calc(var(--table-card-padding) * 2);--product-table-inner-padding-total: calc(var(--table-card-padding) * 2);--product-table-width: calc( 100vw - ( var(--app-frame-sidebar-width) + var(--product-table-outer-padding-total) + var(--product-table-inner-padding-total) ) );--product-table-grid-column-width: calc( (100vw - (var(--app-frame-sidebar-width))) / 4 )}