@use './variables' as *;

.dx-gridcore-nodata-icon-container {
  height: $cardview-nodata-view__icon-container-size;
  width: $cardview-nodata-view__icon-container-size;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: $cardview-nodata-view__icon-bg-color;
  border-radius: 999px;
  margin: $cardview-nodata-view__icon-container-margin;

  .dx-icon {
    font-size: $cardview-nodata-view__icon-size;
    color: $cardview-nodata-view__icon-color;
  }
}

.dx-gridcore-nodata-element {
  text-align: center;

  .dx-gridcore-nodata-text {
    color: $cardview-nodata-view-text-color;
  }
}

.dx-gridcore-nodata-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: $cardview-nodata-view-bg-color;
}