@charset "UTF-8";
/* © DialogueTrainer */
/* © DialogueTrainer */
/* © DialogueTrainer */
/* © DialogueTrainer */
/* © DialogueTrainer */
/* © DialogueTrainer */
/* © DialogueTrainer */
@media screen and (max-width: 600px) {
  .hide-mobile {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .hide-tablet {
    display: none !important;
  }
}

/* © DialogueTrainer */
/* © DialogueTrainer */
.statement {
  border-color: black;
}
.statement a:not(.hasImage) {
  text-decoration: underline;
  opacity: 0.9;
}
.statement a:not(.hasImage):hover {
  opacity: 1;
}

@keyframes scrollHighlight {
  0% {
    background-color: transparent;
    box-shadow: 0 0 0 4px transparent;
  }
  10%, 75% {
    background-color: rgba(251.4155844156, 207.0584415584, 155.0844155844, 0.5);
    box-shadow: 0 0 0 4px rgb(251.4155844156, 207.0584415584, 155.0844155844);
  }
  100% {
    background-color: transparent;
    box-shadow: 0 0 0 4px transparent;
  }
}
.playerText.scrolledHighlight,
.computerText.scrolledHighlight,
.characterText.scrolledHighlight,
.situationText.scrolledHighlight,
.endingAlert.scrolledHighlight {
  animation: scrollHighlight 5s linear both;
}

.playerText .statement {
  color: rgb(var(--accent-color-foreground));
  background-color: rgb(var(--accent-color));
  border-color: rgb(var(--accent-color));
}
.playerText .statement a {
  color: currentColor;
}
.playerText .statement::after {
  border-color: transparent;
  border-inline-start-color: rgb(var(--accent-color));
}
.playerText .statement::before {
  border-color: rgba(0, 0, 0, 0);
  border-inline-start-color: rgb(var(--accent-color));
}
.playerText.preserve .statement {
  color: white;
  background-color: #64748B;
  border-color: #64748B;
}
.playerText.preserve .statement a {
  color: currentColor;
}
.playerText.preserve .statement::after {
  border-color: transparent;
}
.playerText.preserve .statement::before {
  border-color: rgba(0, 0, 0, 0);
}
.playerText.preserve .statement::after {
  background: rgb(var(--accent-color));
}

.computerText .statement, .characterText .statement, .patientText .statement {
  color: #1E293B;
  background-color: hsl(210, 40%, 103.0392156863%);
  border-color: hsl(210, 40%, 103.0392156863%);
}
.computerText .statement a, .characterText .statement a, .patientText .statement a {
  color: currentColor;
}
.computerText .statement::after, .characterText .statement::after, .patientText .statement::after {
  border-color: transparent;
  border-inline-end-color: hsl(210, 40%, 103.0392156863%);
}
.computerText .statement::before, .characterText .statement::before, .patientText .statement::before {
  border-color: rgba(0, 0, 0, 0);
  border-inline-end-color: hsl(210, 40%, 103.0392156863%);
}

.situationText .statement {
  color: white;
  background-color: #64748B;
  border-color: #64748B;
}
.situationText .statement a {
  color: currentColor;
}
.situationText .statement::after {
  border-color: transparent;
}
.situationText .statement::before {
  border-color: rgba(0, 0, 0, 0);
}
.situationText .statement p:only-child {
  margin-top: 0;
}
.situationText .statement a {
  color: #F8FAFC;
}

.additionalContent .wrapper {
  color: #1E293B;
}
.additionalContent .icon {
  background: rgba(30, 41, 59, 0.15);
}
.additionalContent.hint div.icon {
  color: #1E293B;
  fill: #1E293B;
  background: rgb(255, 231.0209424084, 140.5);
}
.additionalContent.hint .wrapper {
  border-color: rgb(255, 231.0209424084, 140.5);
}
.additionalContent.feedback div.icon {
  color: #F8FAFC;
  fill: #F8FAFC;
  background: #38BDF8;
}
.additionalContent.feedback .wrapper {
  border-color: #38BDF8;
}
.additionalContent.feedback.positive div.icon {
  color: #F8FAFC;
  fill: #F8FAFC;
  background: #5ABF86;
}
.additionalContent.feedback.positive .wrapper {
  border-color: #5ABF86;
}
.additionalContent.feedback.concern div.icon {
  color: #F8FAFC;
  fill: #F8FAFC;
  background: #F09D25;
}
.additionalContent.feedback.concern .wrapper {
  border-color: #F09D25;
}
.additionalContent.feedback.negative div.icon {
  color: #F8FAFC;
  fill: #F8FAFC;
  background: #FF5252;
}
.additionalContent.feedback.negative .wrapper {
  border-color: #FF5252;
}
.additionalContent.feedback.remark div.icon {
  color: #F8FAFC;
  fill: #F8FAFC;
  background: #38BDF8;
}
.additionalContent.feedback.remark .wrapper {
  border-color: #38BDF8;
}

.minimap div.hint {
  background-color: rgb(255, 231.0209424084, 140.5);
}
.minimap div.feedback.positive {
  background-color: #5ABF86;
}
.minimap div.feedback.concern {
  background-color: #F09D25;
}
.minimap div.feedback.negative {
  background-color: #FF5252;
}
.minimap div.feedback.remark {
  background-color: #38BDF8;
}

.propertyContainer .longest {
  color: #FF5252;
  fill: #FF5252;
}

.locationChange div {
  border-color: rgba(30, 41, 59, 0.5);
}

.computerText .statement.thought,
.characterText .statement.thought {
  border-image-source: url("../../images/thought.svg");
}
.computerText .statement.thought::before, .computerText .statement.thought::after,
.characterText .statement.thought::before,
.characterText .statement.thought::after {
  background: hsl(210, 40%, 103.0392156863%);
}

@media screen and (max-width: 600px) {
  .timelineContainer {
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }
}
.thumbnail {
  color: #F8FAFC;
}

.statementAdditional .button {
  color: rgb(var(--accent-color));
}/*# sourceMappingURL=history-theme.css.map */
