/* Sun */
.dark-mode-switch .form-switch .form-check-input::after {
  font-family: "boxicons";
  font-weight: 400;
  content: "\eebe";
  position: absolute;
  top: 0;
  color:#fff;
  font-size: 1rem;
  right: .15rem;
  opacity: 1;
}

/* Moon */
.dark-mode-switch .form-switch .form-check-input::before {
  font-family: "boxicons";
  font-weight: 400;
  content: "\ec34";
  position: absolute;
  top: 0;
  color: #fff;
  font-size: 1rem;
  left: .15rem;
  opacity: 0;
}

.dark-mode-switch .form-switch .form-check-input:checked::after {
  opacity: 0;
}

.form-switch .form-check-input:checked::before {
  opacity: 1;
}

.dark-mode-switch {
  margin-right: -.5rem;
}

.dark-mode-switch .form-check {
  margin-bottom: 0;
}

@-moz-document url-prefix() {

  .form-switch .form-check-input::after,
  .form-switch .form-check-input::before {
    top: -1px !important;
  }
}