body,
.column > .scrollable {
  background-color: #222;
  font-family: Source Sans Pro, Open Sans, Calibri, Gill Sans, Optima, sans-serif;
}

.reply-indicator__content a,
.status__content a,
.reply-indicator__content a.unhandled-link,
.status__wrapper--filtered__button,
.column-link--transparent.active,
.reply-indicator__content a.unhandled-link,
.status__content a.unhandled-link {
  color: #fea;
}

.reply-indicator__content a.unhandled-link,
.status__content a.unhandled-link,
.reply-indicator__content a.unhandled-link,
.status__content a.unhandled-link,
.status__wrapper--filtered__button,
.reply-indicator__content a,
.status__content a {
  text-decoration: underline;
  text-decoration-color: #cbf;
  text-decoration-thickness: 1px;
}

.account a.account__display-name strong,
.status__info a.status__display-name strong {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: #fff;
  text-decoration-thickness: 1px;
}

.notification__display-name,
.muted .status__content a,
.account a.account__display-name,
a.status__display-name {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.status__wrapper--filtered__button,
.status__display-name.muted strong,
.account .account__display-name,
.status__display-name,
.muted .status__content,
.muted .status__content a,
.muted .status__content p,
.muted .status__display-name strong {
  color: #9ac;
text-decoration-color: #9ac;
}

.account a.account__display-name:hover,
a.status__display-name:hover,
.status__prepend a.status__display-name:hover strong,
.reply-indicator__content a:hover,
.status__content a:hover,
.reply-indicator__content a.unhandled-link:hover,
.status__wrapper--filtered__button:hover,
.column-link--transparent.active:hover,
.reply-indicator__content a.unhandled-link:hover,
.status__content a.unhandled-link:hover {
  color: #fff;
  text-decoration-color: #fff;
}

.ui__header,
.columns-area__panels__pane--navigational .navigation-panel {
  background-color: #232;
}

.column-header {
  background-color: #333;
}

.column-header.active .column-header__icon {
  color: #cbf;
}

.compose-panel hr,
.account,
.ui__header,
.status,
.status__wrapper--filtered {
  border-color: transparent;
}

.navigation-panel hr,
.notification__filter-bar {
  border-color: #fea;
}

.navigation-panel hr {
  transform: rotate(2deg);
}

.navigation-panel hr:nth-child(2n) {
  transform: rotate(-2deg);
}

.account__section-headline a.active::after, .account__section-headline a.active::before, .account__section-headline button.active::after, .account__section-headline button.active::before, .notification__filter-bar a.active::after, .notification__filter-bar a.active::before, .notification__filter-bar button.active::after, .notification__filter-bar button.active::before {
  border-color: transparent transparent #fea;
}

.ui__header,
.columns-area__panels__pane--navigational .navigation-panel {
  border-color: transparent;
}

.account__section-headline {
  border-color: #fea;
}

.button {
  background-color: #cbf;
  color: #232;
  font-weight: bold;
}

.button:hover {
  background-color: #edf;
}

.icon-button.active {
  color: #cbf;
}

.item-list article::after {
  --articleRotate: 2deg;
  background-color: #fea;
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
  transform: rotate(var(--articleRotate));
  width: 100%;
}

.item-list article:nth-child(2n)::after {
  --articleRotate: -2deg;
}

.item-list article:nth-child(3n + 1)::after {
  --articleRotate: -3deg; }

.item-list article:nth-child(5n + 1):after {
  --articleRotate: 3deg;
}

.item-list article:nth-child(7n + 1):after {
  --articleRotate: 1deg;
}

.item-list article:empty::after {
  display: none;
}

.status__content__text[lang] {
  padding-right: 1.25em;
}

.status__content__text[lang]::after {
  color: #678;
  content: attr(lang);
  display: block;
  font-size: .625em;
  height: 1em;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 1em;
  transform: rotate(90deg);
}

[aria-label=Lists] article::after {
  display: none;
}

.column {
  order: 1;
}

.drawer {
  order: 2;
}

.modal-root__overlay {background-color: rgb(0 0 0 / 0.8) !important;}