/* Copyright 2023 @miya7090 */

.logTextBody {
  position: fixed;
  top: 30px;
  left: 0px;
  width: 280px;
  height: calc(100vh - 50px);
  overflow-y: hidden;
  overflow-x: visible;
  z-index: 80;
  cursor: default;
  padding-left: 10px;
  opacity: 60%;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 10px rgba(59, 33, 31, 0.8);
}

.logTextBody.hoverOverLog {
  opacity: 100%;
}

.logTextBody.hoverOverLog {
  pointer-events: all;
}

.logTextBody.hideLog {
  opacity: 0%;
}

.logTextContent {
  color: rgb(163, 163, 163);

  /* Align with the bottom */
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
  overflow-y: auto;
}

.logTextContent p {
  font-family: sans-serif;
  font-size: 12px;
  text-align: left;

  /* Less padding between paragraphs */
  margin: 6px;
}

.logalert {
  color: rgb(255, 255, 255);
}

.p1-true span {
  color: var(--p1PassiveTextColor);
}

/* that's not .specialHilite */
.p1-false span {
  color: var(--p2PassiveTextColor);
}

.specialHilite {
  color: rgb(255, 255, 255) !important;
}

#chatLogDisclaimer {
  font-family: sans-serif;
  font-size: 12px;
  text-align: center;
  opacity: 60%;
}

#chatLog {
  padding-right: 10px;
}

#chatLog a {
  color: rgb(255, 187, 92);
  text-decoration: none;
}

/* Make buttons have dark background light text */
#chatLog input[type='button'] {
  background-color: rgba(0, 0, 0, 0.75);
  color: rgb(255, 255, 255);
}

#chatLog input[type='button']:disabled {
  background-color: rgba(128, 128, 128, 0.9);
  color: rgb(143, 143, 143);
}