@import '../../styles/config/colors';
@import '../../styles/config/breakpoints';

.root {
  display: flex;
  background: $dark-bg;
  height: 100vh;
}

.wrapper {
  flex: 1;
  box-shadow:
    0px 5px 5px rgb(0 0 0 / 20%),
    0px 3px 14px rgb(0 0 0 / 12%),
    0px 8px 10px rgb(0 0 0 / 14%);
  overflow-y: scroll;

  @media screen and (max-width: $width-tablet) {
    margin-left: 0;
    padding-bottom: 5rem;
  }
}