.mobile-only {
  display: none;
}

#mobile-menu-btn,
#mobile-menu-close-btn {
  position: absolute;
  right: 10px;
  pointer-events: fill;
}

@media screen and (max-width: 980px) {
  #mobile-menu-btn {
    display: block;
  }

  header {
    padding: 16px;
    background-color: #000000cc;
  }

  .header-menu {
    float: none;
    position: fixed;
    top: 62px;
    right: -320px;
    width: 320px;
    padding: 30px;
    background-color: #000000cc;
  }

  .header-menu li {
    display: block;
    margin-bottom: 16px;
  }

  .header-menu li:last-child {
    margin-bottom: 0;
  }

  .list-column {
    left: -320px;
  }

  #side-bar-switcher-hide {
    display: none;
  }

  .list-button-box label {
    background-color: none;
  }

  #side-bar-switcher-show {
    display: block;
  }

  .modal {
    left: 0px;
    transform: none;
    max-width: 100vw;
  }

  #data-selection {
    padding-right: 30px;
  }
}