#thsabToggleAdminBar {
  position: fixed;
  bottom: 20px;
  padding: 10px;
  background-color: #000000; /* Default background color */
  color: #ffffff; /* Default text color */
  transition: transform 0.25s;
}
#thsabToggleAdminBar input {
  display: none;
}
#thsabToggleAdminBar.thsab-bottom-left input + label::before {
  content: "Admin bar shown";
}
#thsabToggleAdminBar.thsab-bottom-left input:checked + label::before {
  content: "Admin bar hidden";
}
#thsabToggleAdminBar.thsab-bottom-right input + label::after {
  content: "Admin bar shown";
}
#thsabToggleAdminBar.thsab-bottom-right input:checked + label::after {
  content: "Admin bar hidden";
}
#thsabToggleAdminBar label {
  color: inherit; /* Use text color from options */
  font-size: medium;
  user-select: none;
}
#thsabToggleAdminBar.thsab-bottom-left label i {
  margin-left: 10px; /* Gap beetween icon and text */
}
#thsabToggleAdminBar.thsab-bottom-right label i {
  margin-right: 10px; /* Gap beetween icon and text */
}
#thsabToggleAdminBar label .fa-eye {
  display: inline-block; /* If input is not checked: show normal eye */
}
#thsabToggleAdminBar label .fa-eye-slash {
  display: none; /* If input is checked: hide normal eye */
}
#thsabToggleAdminBar input:checked + label .fa-eye {
  display: none; /* If input is checked: show slashed eye */
}
#thsabToggleAdminBar input:checked + label .fa-eye-slash {
  display: inline-block; /* If input is not checked: hide slashed eye */
}
.thsab-bottom-left {
  left: 0;
  right: auto;
  border-radius: 0 10px 10px 0;
}
.thsab-bottom-left.thsab-hide-partially {
  transform: translateX(-80%);
}
.thsab-bottom-right {
  left: auto;
  right: 0;
  border-radius: 10px 0 0 10px;
}
.thsab-bottom-right.thsab-hide-partially {
  transform: translateX(80%);
}
.thsab-hide-partially:hover {
  transform: translateX(0);
}