.theme-toggle {
  width: 30px;
  height: 30px;
  background-color: var(--web-black-color);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
  border: none; }
  .theme-toggle.light {
    background-color: #fff;
    border: 1px solid #000; }
  .theme-toggle.dark {
    background-color: #000;
    border: 1px solid var(--web-black-border-color) !important; }
    .theme-toggle.dark i {
      color: var(--web-black-border-color); }
  .theme-toggle.yellow {
    background-color: #ffface; }
  .theme-toggle.orange {
    background-color: #ffd1b9; }
  .theme-toggle.active {
    border: 1px solid #000; }

.theme-toggle:focus-visible {
  outline: 2px solid #005fcc;
  outline-offset: 2px; }

.selected-icon {
  display: none; }

.theme-toggle[aria-checked="true"] .selected-icon {
  display: block; }

.login-bg .form-control {
  background-color: transparent;
  border: 1px solid var(--web-grey-color);
  color: var(--web-black-color); }
  .login-bg .form-control:focus {
    background: none;
    color: var(--web-black-color);
    border: 1px solid var(--web-grey-color); }

/*# sourceMappingURL=theme.css.map */