consumptionView.scss

@import 'src/styles/base/breakpoint';
@import 'src/styles/base/color';

.consumptionview-loading {
  background-color: $default-background;
  height: 80vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.consumptionview-content {
  background-color: $default-background;
  &.--hidden {
    display: none;
  }
}
.konnector-section {
  background-color: $default-background;
  margin: auto;
  width: 45.75rem;
  box-sizing: border-box;
  margin-top: 1rem;
  margin-bottom: 2rem;
  @media #{$large-phone} {
    width: 100%;
    padding: 0rem 1rem 3rem 1rem;
    margin-bottom: 0;
  }
}