.theme-switch {
    display: inline-block;
    height: 34px;
    position: relative;
    width: 60px;
  }
  
  .theme-switch input {
    display: none;
  }
  
  .theme-switch-wrapper {
    display: flex;
    align-items: center;
   /* justify-content: flex-end; */
    margin-top: 20px;
  }
  
  .theme-switch-wrapper em {
    margin-left: 10px;
    font-size: 1rem;
  }
  
  .slidern {
    background-color: #ccc !important;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.4s;
  }
  
  .slidern:before {
    background-color: #fff !important;
    bottom: 4px;
    content: "";
    height: 26px;
    left: 4px;
    position: absolute;
    transition: 0.4s;
    width: 26px;
  }
  
  .slidern.round {
    border-radius: 34px !important;
  }
  
  .slidern.round:before {
    border-radius: 50% !important;
  }
  
  input:checked + .slidern {
    background-color: #66bb6a !important;
  }
  
  input:checked + .slidern:before {
    transform: translateX(26px) !important;
  }