#settings {
  position: fixed;
  right: -300px;
  top: 65px;
  z-index: 999;
  width: 300px;
  min-height: 100vh;
  transition: all 1s;
  padding: 30px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); }
  .theme-dark #settings {
    background-color: #333333; }
  .theme-light #settings {
    background-color: #f2f2f2; }
  #settings.active {
    right: 0;
    box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.2); }
