#luna-chat-lite-toggle {
  position: fixed;
  top: 72px;
  right: 20px;
  z-index: 2147483000;

  display: inline-flex;
  align-items: center;
  gap: 7px;

  min-height: 34px;
  padding: 0 11px;

  border: 1px solid
    rgba(120, 120, 120, 0.28);
  border-radius: 999px;

  background:
    rgba(248, 248, 248, 0.94);

  color: #525252;

  font: inherit;
  font-size: 12px;
  font-weight: 500;

  cursor: pointer;

  box-shadow:
    0 2px 10px
    rgba(0, 0, 0, 0.06);

  backdrop-filter: blur(12px);

  transition:
    background 120ms ease,
    color 120ms ease,
    border-color 120ms ease,
    box-shadow 120ms ease;
}

#luna-chat-lite-toggle:hover {
  border-color:
    rgba(100, 100, 100, 0.45);
}

#luna-chat-lite-toggle
.luna-chat-lite-dot {
  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: #a3a3a3;

  transition:
    background 120ms ease;
}

#luna-chat-lite-toggle
.luna-chat-lite-status {
  opacity: 0.52;
  font-size: 10px;
}

#luna-chat-lite-toggle[
  data-enabled="true"
] {
  background: #202020;
  color: #ffffff;

  border-color:
    rgba(32, 32, 32, 0.9);

  box-shadow:
    0 3px 14px
    rgba(0, 0, 0, 0.14);
}

#luna-chat-lite-toggle[
  data-enabled="true"
]
.luna-chat-lite-dot {
  background: #ffffff;
}

@media (
  prefers-color-scheme: dark
) {
  #luna-chat-lite-toggle {
    background:
      rgba(38, 38, 38, 0.94);

    color: #d4d4d4;

    border-color:
      rgba(255, 255, 255, 0.14);
  }

  #luna-chat-lite-toggle[
    data-enabled="true"
  ] {
    background: #f1f1f1;
    color: #171717;

    border-color:
      rgba(255, 255, 255, 0.75);
  }

  #luna-chat-lite-toggle[
    data-enabled="true"
  ]
  .luna-chat-lite-dot {
    background: #171717;
  }
}