#form_admin_settings_custom_css {
  height: 70vh;
}

.account__header {
  background: #00000022;
  overflow: hidden;
}

.account__header__bar {
  border-bottom: #ffffff11;
}

.account__header__bio .account__header__fields {
  background: #ffffff0f;
}

.account__header__bio .account__header__fields dl,
.account__header__fields dl {
  border-bottom-color: #ffffff11;
}

.account__header__fields dd,
.account__header__fields dt {
  color: #ffffffcf !important;
}

.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 #df405a;
  bottom: 0;
}

.account__section-headline,
.notification__filter-bar {
  background: none;
}

.account__section-headline,
.notification__filter-bar {
  border-bottom: 1px solid #df405a;
}

.account-card__header img {
  background: #00000088;
}

.admin-wrapper .sidebar-wrapper__inner {
  background: #353535;
}

.column>.scrollable {
  background: #00000045;
}

.column-header,
.search__input {
  backdrop-filter: blur(12px);
  background: #ffffff0d;
  border: 1px solid #ffffff11 !important;
  -webkit-backdrop-filter: blur(12px);
}

.column-header__back-button,
.column-back-button {
  background: none;
  color: white;
}

.column-header__button {
  background: #0000002b;
}

.column-header>button {
  color: #ffffff !important;
  text-shadow: 0 0 10px black;
}

.columns-area__panels__pane--navigational .navigation-panel {
  background: #ffffff12;
  border-left: 0;
}

.conversation {
  border-bottom: 1px solid #ffffff11;
}

.conversation--unread {
    background: #8c8dfe29;
}

.detailed-status {
  background: #390b3b7a;
  border-top-color: #4f4f4f4f;
}

.status__line {
  border-inline-start: 2px solid #4f4f4f4f;
}
.status__line--full:before {
  display: none !important;
}

.detailed-status__action-bar {
  background: none;
  border: none;
}

.detailed-status__wrapper-direct .detailed-status, .detailed-status__wrapper-direct .detailed-status__action-bar {
    background: #ff8e0033;
}

.dismissable-banner {
  background: #00000073;
  border-bottom: 1px solid #000000;
}

.empty-column-indicator,
.follow_requests-unlocked_explanation {
  background: none;
  color: #ffffffcc;
}

.explore__search-header {
  background: #00000066;
}

.focusable:focus {
  background: #5843d745;
}

.focusable:focus .detailed-status,
.focusable:focus .detailed-status__action-bar {
  background: none;
}

.getting-started__trends *,
.link-footer * {
  color: #ffffffcf !important;
}

.icon-button {
  color: #ffffff7f;
}

.icon-button:active,
.icon-button:focus,
.icon-button:hover {
  background-color: rgba(255, 255, 255, .05);
  color: #ffffff;
  transition: all .1s ease-out;
  transition-property: background-color, color;
}

.muted .status__content,
.muted .status__content a,
.muted .status__content p,
.muted .status__display-name strong {
  color: #ffffffcc;
}

.notification__filter-bar {
  background: #40404012;
}

.notification__filter-bar button {
  background: #0000001f;
}

.scrollable .account-card,
.account-card {
  background: #c3c3c31c;
}

.scrollable .account-card__bio:after,
.account-card__bio:after {
  background: none;
}

.search__input:focus {
  background: #ffffff22;
}

.status {
  border-bottom: 1px solid #ffffff17;
}

.status__display-name,
.display-name__account,
.status__prepend,
.status__relative-time,
.detailed-status__meta {
  color: #ffffff7f;
}

.status__prepend .status__display-name strong {
  color: inherit;
}

.status-card,
.status-card.compact {
  border-color: #ffffff11;
  transition: background 0.1s ease;
}

.status-card,
.status-card__content,
.status-card__content>* {
  color: #ffffffcc !important;
}

.status-card__image {
  background: #ffffff11;
}

.status__wrapper-direct {
    background: #3e2b136b;
}

.tabs-bar__wrapper {
  background: transparent;
}

a.status-card:hover,
a.status-card.compact:hover {
  background-color: #ffffff22;
}

body {
  background: linear-gradient(45deg, #1a061b, #210122);
}

body.admin {
  background: #1c1c1c;
}

button.icon-button i.fa-retweet {
  background: none !important;
  transition: transform 0.3s ease-out;
}
button.icon-button.active i.fa-retweet {
  transform: rotate(360deg);
}
button.icon-button i.fa-retweet:before {
  display: block !important;
}
.icon-button.active:active, .icon-button.active:focus, .icon-button.active:hover {
  color: #8c8dff;
}

hr {
  border-top-color: #ffffff14 !important;
}

@media screen and (max-width: 1174px) {
  .layout-single-column .ui__header {
    backdrop-filter: blur(12px);
    background: #00000040;
    border-bottom: 0;
    box-shadow: 0 0 12px #000000;
    -webkit-backdrop-filter: blur(12px);
  }
}