.segment {
  margin: 10px 0;
  padding: 15px 10px;
  border-radius: 5px;
  background-color: var(--detail-box);
}
.segment p:first-of-type,
.segment * > p:first-of-type {
  margin-top: 0;
  padding-top: 0;
}
.segment p:last-of-type,
.segment * > p:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
.segment .floatySide {
  background-color: var(--aside-color);
}
.segment blockquote {
  border-color: var(--main-body);
}
.segment blockquote .essayDate {
  font-size: 1rem;
}

.ask,
.reply {
  border-radius: 15px;
  padding: 10px;
}
.ask > :first-child,
.reply > :first-child {
  margin-top: 0;
}
.ask > :last-child,
.reply > :last-child {
  margin-bottom: 0;
}
.ask::-moz-selection, .ask ::-moz-selection, .reply::-moz-selection, .reply ::-moz-selection {
  color: var(--update-select);
  background-color: var(--update-select-text);
}
.ask::selection,
.ask ::selection,
.reply::selection,
.reply ::selection {
  color: var(--update-select);
  background-color: var(--update-select-text);
}

.ask {
  --main-color: var(--update-article);
  --bold-color: var(--main-color);
  --italic-color: var(--main-color);
  --bold-italic-color: var(--main-color);
  color: var(--main-color);
  background-color: var(--update-text);
  margin: 5px 5px 10px 50pt;
}
.ask strong:first-child,
.ask b:first-child {
  color: var(--rss-gradient-3);
}
.ask cite {
  color: var(--next-accent-2);
  text-decoration: underline;
}
.ask a,
.ask a * {
  color: var(--update-link-dark);
}
.ask a:hover, .ask a:focus, .ask a:hover *, .ask a:focus *,
.ask a *:hover,
.ask a *:focus,
.ask a *:hover *,
.ask a *:focus * {
  color: var(--update-hover-dark);
}
.ask .define {
  --between: var(--next-accent-4);
  --menu-hover: var(--next-accent-1);
}
.ask .tippy-box[data-theme~=definition] {
  --aside-color: var(--next-accent-5);
  --main-color: var(--next-accent-2);
}

.reply {
  --close-detail: var(--close-detail-next);
  --open-detail: var(--open-detail-next);
  --main-color: var(--update-text);
  --nav-foot-bg: rgba(255, 0, 0, 0);
  background-color: var(--update-article);
  margin: 5px 50pt 5px 5px;
}
.reply, .reply *:not(a, u) {
  color: var(--main-color);
}
.reply blockquote {
  border-color: var(--rss-gradient-2);
}
.reply a,
.reply a * {
  color: var(--update-link);
}
.reply a:hover, .reply a:focus, .reply a:hover *, .reply a:focus *,
.reply a *:hover,
.reply a *:focus,
.reply a *:hover *,
.reply a *:focus * {
  color: var(--update-hover);
}
.reply details {
  padding: 0;
  margin: 0;
}
.reply details > div,
.reply details > p {
  background: none;
  margin: 5px 0;
  box-shadow: none;
}
.reply summary:hover {
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), var(--rss-gradient-2), var(--rss-gradient-2), var(--rss-gradient-2), var(--rss-gradient-2), var(--rss-gradient-2), rgba(255, 0, 0, 0));
}
.reply summary:hover, .reply summary:hover *:not(a) {
  color: var(--rss-gradient-4);
  text-shadow: -1px -1px var(--rss-gradient-1), 1px -1px var(--rss-gradient-1), -1px 1px var(--rss-gradient-1), 1px 1px var(--rss-gradient-1), 0 -1px var(--rss-gradient-1), 0 1px var(--rss-gradient-1), -1px 0 var(--rss-gradient-1), 1px 0 var(--rss-gradient-1);
}
.reply > details {
  margin: 0;
  padding: 0;
}
.reply > details > summary {
  margin-left: 1em;
}
.reply .define {
  --between: var(--next-accent-1);
  --menu-hover: var(--next-accent-4);
}
.reply .tippy-box[data-theme~=definition] {
  --aside-color: var(--next-accent-1);
  --main-color: var(--next-accent-5);
}

#Dialogue,
.Dialogue {
  display: flex;
  flex-direction: column;
  padding: 2px;
  margin: 5px 25px;
  overflow-y: auto;
  min-width: 200px;
}
#Dialogue:has(.ask),
.Dialogue:has(.ask) {
  margin: 5px 0;
}
#Dialogue:has(.ask) .ask,
.Dialogue:has(.ask) .ask {
  align-self: flex-end;
}
#Dialogue > div,
#Dialogue > p,
#Dialogue > li,
.Dialogue > div,
.Dialogue > p,
.Dialogue > li {
  list-style-type: none;
  width: 80%;
  max-width: -moz-max-content;
  max-width: max-content;
}
#Dialogue > div blockquote,
#Dialogue > p blockquote,
#Dialogue > li blockquote,
.Dialogue > div blockquote,
.Dialogue > p blockquote,
.Dialogue > li blockquote {
  margin: 0 10px;
}
#Dialogue > div > p:first-of-type,
#Dialogue > p > p:first-of-type,
#Dialogue > li > p:first-of-type,
.Dialogue > div > p:first-of-type,
.Dialogue > p > p:first-of-type,
.Dialogue > li > p:first-of-type {
  margin-top: 0;
  padding-top: 0;
}
#Dialogue > div > p:last-of-type,
#Dialogue > p > p:last-of-type,
#Dialogue > li > p:last-of-type,
.Dialogue > div > p:last-of-type,
.Dialogue > p > p:last-of-type,
.Dialogue > li > p:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
#Dialogue .banter,
.Dialogue .banter {
  font-size: 1rem;
  font-family: Concourse, "Concourse 4", Kiwi, "Kiwi Maru", Fangsong, sans-serif;
  display: block;
  text-align: left;
  justify-content: baseline;
}
#Dialogue .banter .icon,
.Dialogue .banter .icon {
  display: inline-block;
  position: relative;
  bottom: -0.25em;
  margin: 0;
  height: 2em;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

/* the voice class labels, since they seem to be most relevant here lol */
#Dialogue .to.Hua::before, #Dialogue .to.Xue::before, .reply.Hua::before, .reply.Xue::before, #Dialogue .from.Hua::before, #Dialogue .from.Xue::before, .Dialogue .to.Hua::before, .Dialogue .to.Xue::before, .Dialogue .from.Hua::before, .Dialogue .from.Xue::before {
  content: "Hua: ";
}
#Dialogue .to.Nat::before, .reply.Nat::before, #Dialogue .from.Nat::before, .Dialogue .to.Nat::before, .Dialogue .from.Nat::before {
  content: "Nat: ";
}
#Dialogue .to.Star::before, .reply.Star::before, #Dialogue .from.Star::before, .Dialogue .to.Star::before, .Dialogue .from.Star::before {
  content: "Star: ";
}
#Dialogue .to.Blaze::before, .reply.Blaze::before, #Dialogue .from.Blaze::before, .Dialogue .to.Blaze::before, .Dialogue .from.Blaze::before {
  content: "Blaze: ";
}
#Dialogue .to.Navi::before, .reply.Navi::before, #Dialogue .from.Navi::before, .Dialogue .to.Navi::before, .Dialogue .from.Navi::before {
  content: "Navi: ";
}
#Dialogue .to.Luna::before, .reply.Luna::before, #Dialogue .from.Luna::before, .Dialogue .to.Luna::before, .Dialogue .from.Luna::before {
  content: "Luna: ";
}
#Dialogue .to.Callie::before, .reply.Callie::before, #Dialogue .from.Callie::before, .Dialogue .to.Callie::before, .Dialogue .from.Callie::before {
  content: "Callie: ";
}
#Dialogue .to.Hanabi::before, .reply.Hanabi::before, #Dialogue .from.Hanabi::before, .Dialogue .to.Hanabi::before, .Dialogue .from.Hanabi::before {
  content: "Hanabi: ";
}
#Dialogue .to.Guest::before, .reply.Guest::before, #Dialogue .from.Guest::before, .Dialogue .to.Guest::before, .Dialogue .from.Guest::before {
  content: attr(contrib) ": ";
}

.to,
.from,
.submission {
  list-style-type: none;
  width: 80%;
  max-width: -moz-max-content;
  max-width: max-content;
  border-radius: 20px;
  padding: 10px 15px;
  margin: 5px;
}

.to::before, .from::before, .reply::before {
  text-shadow: -1px -1px var(--nav-foot-bg), 1px -1px var(--nav-foot-bg), -1px 1px var(--nav-foot-bg), 1px 1px var(--nav-foot-bg), 0 -1px var(--nav-foot-bg), 0 1px var(--nav-foot-bg), -1px 0 var(--nav-foot-bg), 1px 0 var(--nav-foot-bg);
  font-size: 0.9em;
  font-weight: bold;
  display: block;
  border-bottom: 1px solid var(--main-color);
  padding-bottom: 0.15em;
  margin-bottom: 0.25em;
}

.from,
.submission {
  text-align: left;
}
.from *,
.submission * {
  border-color: var(--between);
}

.to,
.submission {
  background-color: var(--aside-color);
  align-self: flex-end;
}

.from {
  align-self: flex-start;
  background-color: var(--detail-box);
}

.to {
  text-align: right;
}

.subject-line {
  display: block;
  font-style: italic;
  font-size: 0.9em;
  margin-left: 1.5ch;
  padding: 0.15em 0;
  padding-left: 1.5ch;
  margin-bottom: 0.25lh;
}
.subject-line em,
.subject-line i,
.subject-line cite {
  font-style: normal;
}
.to .subject-line, .submission .subject-line, .reply .subject-line {
  display: block;
  font-style: italic;
  font-size: 0.9em;
  margin-left: 1.5ch;
  padding: 0.15em 0;
  padding-left: 1.5ch;
  margin-bottom: 0.25lh;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--bold-color) 2ch, var(--bold-italic-color) 80%, rgba(0, 0, 0, 0) 95%);
  color: var(--aside-color);
}
.to .subject-line em,
.to .subject-line i,
.to .subject-line cite, .submission .subject-line em,
.submission .subject-line i,
.submission .subject-line cite, .reply .subject-line em,
.reply .subject-line i,
.reply .subject-line cite {
  font-style: normal;
}

.tagThoughts {
  margin: 5px var(--indent);
  border-radius: 5px;
  background-color: var(--detail-box);
  text-shadow: -1px -1px var(--aside-color), 1px -1px var(--aside-color), -1px 1px var(--aside-color), 1px 1px var(--aside-color), 0 -1px var(--aside-color), 0 1px var(--aside-color), -1px 0 var(--aside-color), 1px 0 var(--aside-color);
}
.tagThoughts details {
  font-size: 85%;
}
.tagThoughts details > div {
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.tagThoughts details > div > p {
  transition: font-size 0.5s;
}
.tagThoughts details > div > p:hover, .tagThoughts details > div > p:focus {
  color: var(--detail-text);
  font-size: 1.15em;
}
.tagThoughts summary {
  padding: 0.25em 0;
  text-align: center;
}
.tagThoughts summary:hover {
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), var(--between), var(--between), var(--between), var(--between), var(--between), rgba(255, 0, 0, 0));
}
.tagThoughts mark {
  text-shadow: none;
}

@media only screen and (max-width: 750px) {
  .ask {
    margin-left: 35pt;
  }
  .reply {
    margin-right: 35pt;
  }
  #Dialogue,
  .Dialogue {
    margin: 5px 13px;
  }
  #Dialogue > div,
  #Dialogue > p,
  #Dialogue > li,
  .Dialogue > div,
  .Dialogue > p,
  .Dialogue > li {
    width: 85%;
  }
}
@media print {
  *,
  * * {
    overflow: visible;
    border-color: black !important;
  }
  .to,
  .from {
    border: 1px solid black;
  }
  .to, .to *,
  .from,
  .from * {
    color: black !important;
  }
  .Xue::before,
  .Nat::before,
  .Star::before,
  .Blaze::before,
  .Navi::before,
  .Luna::before,
  .Guest::before {
    text-shadow: none !important;
  }
  #ChitChat {
    font-size: 1rem;
  }
}/*# sourceMappingURL=chatstyle.css.map */