/* Scoped to Waline: loaded in the blog document, not a Cusdis iframe. */
#waline {
  --waline-font-size: 16px;
  --waline-color: var(--reading-text, #222831);
  --waline-theme-color: var(--reading-accent, #006c88);
  --waline-active-color: var(--reading-accent, #006c88);
  --waline-white: #fff;
  --waline-bg-color: var(--comments-panel, #f7fafb);
  --waline-bg-color-light: var(--comments-state, #eef4f6);
  --waline-bg-color-hover: var(--comments-state, #eef4f6);
  --waline-border-color: var(--reading-border, #cbd2d9);
  --waline-dark-grey: var(--reading-muted, #53616d);
  --waline-light-grey: var(--reading-muted, #53616d);
  --waline-info-color: var(--reading-muted, #53616d);
  --waline-info-bg-color: var(--comments-state, #eef4f6);
  --waline-disable-color: var(--reading-muted, #53616d);
  --waline-disable-bg-color: var(--comments-state, #eef4f6);
  --waline-bq-color: var(--reading-border, #cbd2d9);
  --waline-box-shadow: none;
  font-family: inherit;
  color: var(--waline-color);
  overflow-wrap: anywhere;
}
html[data-theme='dark'] #waline {
  --waline-color: #eaeaea;
  --waline-white: #222a34;
  color-scheme: dark;
}
.comments-provider__hint {
  color: var(--reading-muted, #53616d);
  font-size: 0.8rem;
  line-height: 1.7;
}
#waline .wl-panel { border-radius: 12px; }
#waline .wl-header label { white-space: normal; min-width: 8em; }
#waline .wl-input, #waline .wl-editor { font-family: inherit; box-shadow: none; }
#waline .wl-editor { min-height: 120px; }
#waline :is(input, textarea, button, a):focus-visible {
  outline: 2px solid var(--waline-theme-color);
  outline-offset: 3px;
}
#waline .wl-btn { border-radius: 8px; }
#waline .wl-btn.primary { color: var(--waline-white); }
#waline .wl-content { line-height: 1.8; }
@media (max-width: 480px) {
  #waline { --waline-font-size: 15px; }
  #waline .wl-header { display: block; }
}