.flyout-circle-button {
  font-weight: normal;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  padding: 0;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

body.xaf-size-s app:has(div[data-item-name=Sample2DashboardViewItem]) {
  --core-normal-height: calc(100dvh - 210px - 34px);
  --core-expand-height: calc(100dvh - 168px - 34px);
}
body.xaf-size-s app:has(div[data-item-name=Sample2DashboardViewItem]):has(.layout-large):has(.panel-expand) {
  --core-normal-height: calc(100dvh - 210px - 164px - 34px);
  --core-expand-height: calc(100dvh - 168px - 164px - 34px);
}
body.xaf-size-s app:has(div[data-item-name=Sample2DashboardViewItem]) .dxbl-grid, body.xaf-size-s app:has(div[data-item-name=Sample2DashboardViewItem]) dxbl-pivot-table {
  height: var(--core-normal-height) !important;
}
body.xaf-size-s app:has(div[data-item-name=Sample2DashboardViewItem]):has(.toolbar-display-none) .dxbl-grid, body.xaf-size-s app:has(div[data-item-name=Sample2DashboardViewItem]):has(.toolbar-display-none) dxbl-pivot-table {
  height: var(--core-expand-height) !important;
}

body.xaf-size-m app:has(div[data-item-name=Sample2DashboardViewItem]) {
  --core-normal-height: calc(100dvh - 222px - 34px);
  --core-expand-height: calc(100dvh - 172px - 34px);
}
body.xaf-size-m app:has(div[data-item-name=Sample2DashboardViewItem]):has(.layout-large):has(.panel-expand) {
  --core-normal-height: calc(100dvh - 222px - 216px - 34px);
  --core-expand-height: calc(100dvh - 172px - 216px - 34px);
}
body.xaf-size-m app:has(div[data-item-name=Sample2DashboardViewItem]) .dxbl-grid, body.xaf-size-m app:has(div[data-item-name=Sample2DashboardViewItem]) dxbl-pivot-table {
  height: var(--core-normal-height) !important;
}
body.xaf-size-m app:has(div[data-item-name=Sample2DashboardViewItem]):has(.toolbar-display-none) .dxbl-grid, body.xaf-size-m app:has(div[data-item-name=Sample2DashboardViewItem]):has(.toolbar-display-none) dxbl-pivot-table {
  height: var(--core-expand-height) !important;
}

body.xaf-size-l app:has(div[data-item-name=Sample2DashboardViewItem]) {
  --core-normal-height: calc(100dvh - 234px - 34px);
  --core-expand-height: calc(100dvh - 176px - 34px);
}
body.xaf-size-l app:has(div[data-item-name=Sample2DashboardViewItem]):has(.layout-large):has(.panel-expand) {
  --core-normal-height: calc(100dvh - 234px - 262px - 34px);
  --core-expand-height: calc(100dvh - 176px - 262px - 34px);
}
body.xaf-size-l app:has(div[data-item-name=Sample2DashboardViewItem]) .dxbl-grid, body.xaf-size-l app:has(div[data-item-name=Sample2DashboardViewItem]) dxbl-pivot-table {
  height: var(--core-normal-height) !important;
}
body.xaf-size-l app:has(div[data-item-name=Sample2DashboardViewItem]):has(.toolbar-display-none) .dxbl-grid, body.xaf-size-l app:has(div[data-item-name=Sample2DashboardViewItem]):has(.toolbar-display-none) dxbl-pivot-table {
  height: var(--core-expand-height) !important;
}