@use '../../../theme/main' as *;

.emptyContainer {
  width: 100%;
  height: 100%;
  text-align: center;
  color: $bg-black-300;

  .empty {
    width: 100%;
    opacity: 0.3;
  }

  .text {
    font-weight: 600;
    font-size: 2em;
  }

  &.dark {
    background: $bg-black;
    color: $bg-gray-500;

    .empty {
      opacity: 1;
    }
  }
}