.column-link--transparent.active {
  color: #ff005c;
}
.account-role {
  border: 1px solid #ff003e;
  color: #ff003e;
}
.button {
  background-color: #ff0061;
  color: #fff;
}
.column-back-button {
  color: #ff0061;
}
.empty-column-indicator a, .follow_requests-unlocked_explanation a {
  color: #ff005a;
}
.account__section-headline a.active:before, .account__section-headline button.active:before, .notification__filter-bar a.active:before, .notification__filter-bar button.active:before {
  background: #ff0050;
}
.dismissable-banner, .warning-banner {
  background: rgb(255 140 187 / 15%);
  border: 1px solid #ff0061;
}
.dismissable-banner__action .icon-button, .warning-banner__action .icon-button {
  color: #ff0044;
}
.reply-indicator__content a.unhandled-link, .status__content a.unhandled-link {
  color: #ff0050;
}
.reply-indicator__content a, .status__content a {
  color: #ff005c;
}
.button {
  background-color: #ef005b;
  color: #fff;
}
.button:active, .button:focus, .button:hover {
  background-color: #950032;
}
.react-toggle--checked .react-toggle-track {
  background-color: #ff0061;
}
.react-toggle--checked:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track {
  background-color: #ff0061;
}
.about__section__title {
  color: #ff005c;
}
.rules-list li:before {
  background: #ff005c;
  color: #282c37;
}
.button:active, .button:focus, .button:hover {
  background-color: #fd0060;
}
.account__header__bio .account__header__fields a, .account__header__fields a {
  color: #ff0068;
}
.icon-button.active:active, .icon-button.active:focus, .icon-button.active:hover, .icon-button.active {
  color: #ff0073;
}
.column-back-button {
  color: #ff0061;
}
.column-link--transparent.active, .column-link--transparent:active, .column-link--transparent:focus, .column-link--transparent:hover {
  color: #ff0068;
}
.admin-wrapper .sidebar ul .simple-navigation-active-leaf a {
  background-color: #ff0055;
  color: #fff;
}
.simple_form .block-button, .simple_form .button, .simple_form button {
  background: #ff0055;
  color: #fff;
}
.admin-wrapper .content__heading__tabs a.selected {
  background: #ff0068;
  color: #fff;
}
.simple_form .hint a {
  color: #ff007f;
}
.admin-wrapper .content .muted-hint a, body .muted-hint a {
  color: #ff0050;
}
.dimension__item__indicator--100 {
  background-color: #ff0061;
}
.dimension__item__indicator {
  background: #FF005B;
}
.dashboard__quick-access {
  background: #ff0061;
  color: #fff;
}
.simple_form .block-button, .simple_form .button, .simple_form button {
  background: #ff0061;
  color: #fff;
}
.simple_form .block-button:active, .simple_form .block-button:focus, .simple_form .block-button:hover, .simple_form .button:active, .simple_form .button:focus, .simple_form .button:hover, .simple_form button:active, .simple_form button:focus, .simple_form button:hover {
  background-color: #930038;
}
.filters .filter-subset a.selected {
  border-bottom: 2px solid #ff0061;
  color: #ff0068;
}
.simple_form .block-button:active, .simple_form .block-button:focus, .simple_form .block-button:hover, .simple_form .button:active, .simple_form .button:focus, .simple_form .button:hover, .simple_form button:active, .simple_form button:focus, .simple_form button:hover {
  background-color: #ce004e;
}
.emoji-mart-anchor-bar {
  background-color: #ff0061;
}
.emoji-mart-anchor-selected {
  color: #ff0061;
}
.button {
  background-color: #ff0061;
  border: 10px;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
  overflow: hidden;
  padding: 7px 18px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}
.button.button-tertiary {
  background: transparent;
  border: 1px solid #ff0061;
  color: #ff0061;
  padding: 6px 17px;
}
.link-footer {
display:none
}
.button.button-tertiary:active, .button.button-tertiary:focus, .button.button-tertiary:hover {
  background-color: #d30050;
  border: 0;
  color: #fff;
  padding: 7px 18px;
}
.simple_form input[type=datetime-local]:active, .simple_form input[type=datetime-local]:focus, .simple_form input[type=email]:active, .simple_form input[type=email]:focus, .simple_form input[type=number]:active, .simple_form input[type=number]:focus, .simple_form input[type=password]:active, .simple_form input[type=password]:focus, .simple_form input[type=text]:active, .simple_form input[type=text]:focus, .simple_form input[type=url]:active, .simple_form input[type=url]:focus, .simple_form textarea:active, .simple_form textarea:focus {
  border-color: #ff0061;
}
.emoji-mart-anchor-selected {
  color: #ff0061;
}
.emoji-mart-anchor-selected:hover {
  color: #ff0061;
}
.dismissable-banner__message h1, .warning-banner__message h1 {
color: #ff0054;
font-size: 22px;
}
.icon-with-badge__badge {
background: #ff0083;
border: 2px solid #c0cdd9;
  border-top-color: rgb(192, 205, 217);
  border-right-color: rgb(192, 205, 217);
  border-bottom-color: rgb(192, 205, 217);
  border-left-color: rgb(192, 205, 217);
border-radius: 6px;
color: #ffff;
font-size: 10px;
font-weight: 500;
inset-inline-start: 9px;
line-height: 14px;
padding: 1px 6px;
position: absolute;
top: -13px;
}
.dropdown-menu__item a:active, .dropdown-menu__item a:focus, .dropdown-menu__item a:hover, .dropdown-menu__item button:active, .dropdown-menu__item button:focus, .dropdown-menu__item button:hover {
background: #e10054;
outline: 0;
}
.dashboard__quick-access:active, .dashboard__quick-access:focus, .dashboard__quick-access:hover {
  background-color: #ae0041;
  transition: all .2s ease-out;
}
.sparkline__graph path:last-child {
  stroke: #ff0048 !important;
  fill: none !important;
}
.sparkline__graph path:first-child {
  fill: rgba(238, 9, 74, 0.25) !important;
  fill-opacity: 1 !important;
}
.privacy-dropdown__option.active, .privacy-dropdown__option:hover {
  background: #ff005c;
  color: #fff;
  outline: 0;
}
.privacy-dropdown__option.active:hover {
  background: #c50059;
}
.text-icon-button.active {
  color: #ff0061;
}
.poll__option input[type=text]:focus {
  border-color: #ff0061;
}
.compose-form__poll-wrapper .poll__input:active, .compose-form__poll-wrapper .poll__input:focus, .compose-form__poll-wrapper .poll__input:hover {
  border-color: #ff005c;
}
.compose-form__poll-wrapper .poll__footer button:focus, .compose-form__poll-wrapper .poll__footer select:focus {
  border-color: #ff005c;
}
.notification__message .fa {
  color: #ff005c;
}
.language-dropdown__dropdown__results__item.active {
  background: #ff005c;
  color: #fff;
  outline: 0;
}
.language-dropdown__dropdown__results__item.active:hover {
  background: #db0045;
}
a:focus {
  border-radius: 4px;
  outline: 2px solid #c90049;
}
.button.button-secondary {
  background: transparent;
  border: 1px solid #ff0061;
  color: #ffffff;
  padding: 6px 17px;
}
.button.button-secondary:active, .button.button-secondary:focus, .button.button-secondary:hover {
  background-color: #ff0061;
  border-color: #8f0036;
  color: #fff;
  text-decoration: none;
}
.status-card__title:hover {
  color: #ff0061;
}

.status-card a:hover .status-card__title {
  color: #ff0061;
}

.column-header > .column-header__back-button {
  color: #ff0061;
}
.detailed-status__display-name:hover {
  color: #ff0061;
}
.video-player__seek__progress {
  background: #ff0061;
}
.video-player__volume__current, .video-player__volume__handle {
  background: #ff0061
}
.video-player__seek__handle {
  background: #ff0061;
}
.status__content a.unhandled-link {
  color: #ff0061;
}
  .status-card__title {
  color: #ff0061;
}
.status-card__title {
  color: #ff0061;
}
.status-card__title:hover {
  color: #ff0061;
}
.icon-button.active {
color: #ff0061;
}
.status-card a:hover .status-card__title {
  color: #ff0061;
}

.notification-bar-action {
  border-radius: 4px;
  color: #ff0061;
  cursor: pointer;
  margin-inline-start: 10px;
  padding: 0 4px;
  text-transform: uppercase;
}

.actions-modal ul li:not(:empty) a.active, .actions-modal ul li:not(:empty) a.active button, .actions-modal ul li:not(:empty) a:active, .actions-modal ul li:not(:empty) a:active button, .actions-modal ul li:not(:empty) a:focus, .actions-modal ul li:not(:empty) a:focus button, .actions-modal ul li:not(:empty) a:hover, .actions-modal ul li:not(:empty) a:hover button {
  background: #ff0061;
  color: #fff;
}
.button.button-secondary {
  background: transparent;
  border: 1px solid #ff0061;
  color: #ff0061;
  padding: 6px 17px;
}
a.status-card:active .status-card__author, a.status-card:active .status-card__description, a.status-card:active .status-card__host, a.status-card:active .status-card__title, a.status-card:focus .status-card__author, a.status-card:focus .status-card__description, a.status-card:focus .status-card__host, a.status-card:focus .status-card__title, a.status-card:hover .status-card__author, a.status-card:hover .status-card__description, a.status-card:hover .status-card__host, a.status-card:hover .status-card__title {
  color: #ff0061;
}
a.status-card:active .status-card__author, a.status-card:active .status-card__description, a.status-card:active .status-card__host, a.status-card:active .status-card__title, a.status-card:focus .status-card__author, a.status-card:focus .status-card__description, a.status-card:focus .status-card__host, a.status-card:focus .status-card__title, a.status-card:hover .status-card__author, a.status-card:hover .status-card__description, a.status-card:hover .status-card__host, a.status-card:hover .status-card__title {
  color: #ff005c;
}
.server-banner {
display:none
}
.status-card a:active .status-card__author, .status-card a:active .status-card__description, .status-card a:active .status-card__host, .status-card a:active .status-card__title, .status-card a:focus .status-card__author, .status-card a:focus .status-card__description, .status-card a:focus .status-card__host, .status-card a:focus .status-card__title, .status-card a:hover .status-card__author, .status-card a:hover .status-card__description, .status-card a:hover .status-card__host, .status-card a:hover .status-card__title {
  color: #ff005c;
}
.link-footer {
display:none
}
.logo logo--wordmark {
display:none
}
.server-banner {
display:none
}
.navigation-panel .logo {
display: none;
}
.logo-container h1 .logo{
display: none;
}
.logo-container{
display: none;
}
.dropdown-button {
  align-items: center;
  background: transparent;
  border: 1px solid #ff0061;
  border-radius: 6px;
  color: #ff0061;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  gap: 4px;
  line-height: normal;
  overflow: hidden;
  padding: 4px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.compose-form__actions .icon-button {
  box-sizing: initial;
  color: #ff0061;
}
.compose-form__actions .icon-button:active, .compose-form__actions .icon-button:focus, .compose-form__actions .icon-button:hover {
  color: #6b0029;
}
.dropdown-button.active {
  background: #ff0061;
  border-color: #ff0061;
  color: #fff;
}
.account__domain-pill {
  background: rgba(255, 97, 178, 0.2);
  border: 0;
  border-radius: 4px;
  color: #ff0054;
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  padding: 4px 8px;
}
.status-card__image {
  aspect-ratio: 1;
  background: #e6e6e6;
  flex: 0 0 auto;
  position: relative;
  width: 120px;
}
.account__domain-pill__popout__handle {
  background: rgba(97, 97, 255, .1);
  border: 2px dashed #ff0061;
  border-radius: 4px;
  color: #ff0061;
  padding: 12px 8px;
}
.account__domain-pill__popout__header__icon {
  align-items: center;
  background: #ff0061;
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.account__domain-pill__popout__parts__icon {
  align-items: center;
  color: #ff0061;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.link-button {
  background: transparent;
  border: 0;
  color: #ff0061;
  cursor: pointer;
  display: block;
  font-size: 15px;
  line-height: 20px;
  padding: 0;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.account__domain-pill.active {
  background: #c70048;
  color: #fff;
}
.account__domain-pill__popout__handle {
  background: #ffebf3;
  border: 2px dashed #ff0061;
  border-radius: 4px;
  color: #ff0061;
  padding: 12px 8px;
}
.compose-form__actions .icon-button.active {
  background: #ff0061;
  color: #fff;
}
.compose-form__poll__select__value {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  color: #ff0061;
  font-size: 14px;
  letter-spacing: .1px;
  line-height: 20px;
  padding: 0;
}
.simple_form .recommended {
  background-color: rgba(255, 49, 126, 0.1);
  border-color: #ff61a4;
  color: #ff0078;
}
.retention__table__box--20 {
background-color: rgba(244, 38, 115, 0.2);
}
.retention__table__box--100 {
  background-color: #f91173;
}
.retention__table__box--0, .retention__table__box--10 {
background-color: rgba(255, 44, 133, 0.09);
}

.sign-in-banner p {
  color: #ffffff;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 20px;
}
.upload-progress .icon {
  color: #ff0061;
  height: 24px;
  width: 24px;
}
.upload-progress__tracker {
  background: #ff0061;
}
.compose-form__actions .icon-button.disabled {
  color: #ff0061;
  opacity: .5;
}
.dropdown-button[disabled] {
  border-color: #ff0061;
  color: #ff0061;
  cursor: default;
  opacity: .5;
}
.flash-message {
background: #ff006126;
border: 1px solid #ff0061;
border-radius: 4px;
color: #ff0061;
margin-bottom: 30px;
padding: 15px 10px;
text-align: center;
}
.edit-indicator__content a {
  color: #ff0061;
} 
.account__header__extra__links a {
color: #ff0061;
font-weight: 500;
}
.account__section-headline a, .account__section-headline button, .notification__filter-bar a, .notification__filter-bar button {
  color: #8a8a8a;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}
.account__header__tabs__name h1 small {
  color: #a2a2a2;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.account__header__bio .account__header__fields dd {
  color: #fff;
}
.account__header__bio .account__header__fields dt {
  color: #7d7d7d;
  text-transform: uppercase;
}
.account-role {
  border: 1px solid #ff0061;
  color: #ff0061;
}
.status__relative-time {
  color: #848484;
  font-size: 15px;
  line-height: 22px;
}
.status__display-name {
  color: #ff0068;
}
.column-header__button:hover {
  color: #ff0061;
}
.icon path {
  fill: #ff0061;
}
.interaction-modal p {
  color: #bdbdbd;
  font-size: 17px;
  line-height: 22px;
}
.interaction-modal__choices__choice p {
  color: #bbb;
  font-size: 15px;
}
.interaction-modal p strong {
  color: #ff0061;
  font-weight: 700;
}
.account .account__display-name {
  color: #ff0061;
  font-size: 14px;
}
.search__popout h4 {
  color: #ff0061;
  font-weight: 500;
  text-transform: uppercase;
}
.copy-paste-text {
  align-items: flex-end;
  border: 1px solid var(--background-border-color);
  border-radius: 8px;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 30px;
  padding: 16px;
  transition: border-color .3s linear;
}
.account__domain-pill__popout {
  -webkit-backdrop-filter: var(--background-filter);
  backdrop-filter: var(--background-filter);
  border: 1px solid var(--dropdown-border-color);
  border-radius: 8px;
  box-shadow: var(--dropdown-shadow);
  color: #9c9cc9;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  gap: 24px;
  line-height: 20px;
  max-width: 320px;
  padding: 16px;
}
.account__domain-pill__popout__header__icon {
  align-items: center;
  background: transparent;
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.character-counter {
  color: #ffffff;
  cursor: default;
  flex: 1 0 auto;
  font-family: "mastodon-font-sans-serif", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  text-align: end;
}
.tabs-bar__wrapper {
  -webkit-backdrop-filter: var(--background-filter);
  backdrop-filter: var(--background-filter);
  background: transparent;
  padding-top: 0;
  position: sticky;
  z-index: 2;
}
.status__prepend {
  align-items: center;
  color: #ff0061;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  gap: 8px;
  line-height: 22px;
  padding: 16px 16px 0;
}
.selected.simple-navigation-active-leaf .icon path {
fill: #fff;
}
.account__header__account-note label {
color: #ff0061;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
}
.timeline-hint a:active, .timeline-hint a:focus, .timeline-hint a:hover {
  color: #ffffff;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
a.table-action-link:hover, button.table-action-link:hover {
  color: #ff0061;
}
.compose-form__actions .icon-button.active {
  background: #ffffff;
  color: #fff;
}
.compose-form__highlightable.active {
  border-color: #ff0061
}
.columns-area__panels {
  display: flex; /* Flexbox aktivieren */
}

.columns-area__panels__pane--start.columns-area__panels__pane--navigational {
  order: 1; /* Erste Position */
}

.columns-area__panels__main {
  order: 2; /* Zweite Position */
}

.columns-area__panels__pane--compositional {
  order: 3; /* Dritte Position */
}
.edit-indicator__content a.unhandled-link, .reply-indicator__content a.unhandled-link, .status__content a.unhandled-link {
  color: #ff0061;
}
.autosuggest-textarea__suggestions__item.selected {
  background: #ff0061;
  color: #fff;
}
.notification-ungrouped--direct .notification-ungrouped__header, .notification-ungrouped--direct .status__prepend, .status__wrapper-direct .notification-ungrouped__header, .status__wrapper-direct .status__prepend {
  color: #ff0061;
}
.hashtag-bar {
  color: #ff0061;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  gap: 6px;
  line-height: 16px;
  margin-top: 16px;
}
.autosuggest-textarea__suggestions__item.selected {
  background: #ff0061;
  color: #fff;
}
.hashtag-bar a {
  background: #ff0061;
  border-radius: 4px;
  color: #ffffff;
}



.sign-in-banner p {
display: none;
}
.no-list {
display: none;
}
.search__popout__menu__item.selected, .search__popout__menu__item:active, .search__popout__menu__item:focus, .search__popout__menu__item:hover {
background: #ff0061;
color: #fff;
}
.search__popout__menu__item {
background: transparent;
border: 0;
border-radius: 4px;
box-sizing: border-box;
color: #ff0061;
cursor: pointer;
display: block;
font: inherit;
overflow: hidden;
padding: 10px;
text-align: start;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.interaction-modal p.hint {
font-size: 14px;
margin-bottom: 14px;
display: none;
}
.interaction-modal__login.focused,
.interaction-modal__login__input {
  background: #313144;
  border-color: #ff0061;
}
.account__domain-pill {
background: rgba(255, 97, 178, 0.2);
border: 0;
border-radius: 4px;
color: #ff0054;
display: inline-flex;
font-size: 12px;
font-weight: 500;
line-height: 16px;
padding: 4px 8px;
pointer-events: none;
}
.column-header__title {
background: #0c0b14;
}



body {
background-color: var(--background-color);
}







.sign-in-banner p {
display: none;
}
.no-list {
display: none;
}
.search__popout__menu__item.selected, .search__popout__menu__item:active, .search__popout__menu__item:focus, .search__popout__menu__item:hover {
background: #ff0061;
color: #fff;
}
.search__popout__menu__item {
background: transparent;
border: 0;
border-radius: 4px;
box-sizing: border-box;
color: #ff0061;
cursor: pointer;
display: block;
font: inherit;
overflow: hidden;
padding: 10px;
text-align: start;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.interaction-modal p.hint {
font-size: 14px;
margin-bottom: 14px;
display: none;
}
.interaction-modal__login.focused,
.interaction-modal__login__input {
  background: #313144;
  border-color: #ff0061;
}
.account__domain-pill {
background: rgba(255, 97, 178, 0.2);
border: 0;
border-radius: 4px;
color: #ff0054;
display: inline-flex;
font-size: 12px;
font-weight: 500;
line-height: 16px;
padding: 4px 8px;
pointer-events: none;
}
.navigation-panel__sign-in-banner .button.button--block {
display: none;
}
.navigation-panel__sign-in-banner .button.button--block.button-tertiary {
display: inline-flex;
}
.ui__header__links button {
display: none;
}
.ui__header__links button button-tertiary {
display: none;
}
.column-header__title {
background: unset;
}
.hashtag-header__header h1 {
color: #ff0061;
}
.status__relative-time {
color: #9c9cc9;
font-size: 15px;
line-height: 22px;
}
.video-player__download__icon.player-button {
    display: none;
}
.account__header__tabs__name h1 small {
color: #9c9cc9;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.column-link:active, .column-link:focus, .column-link:hover {
color: #fff;
}
.dropdown-menu__item--dangerous a:active, 
.dropdown-menu__item--dangerous a:focus, 
.dropdown-menu__item--dangerous a:hover, 
.dropdown-menu__item--dangerous button:active, 
.dropdown-menu__item--dangerous button:focus, 
.dropdown-menu__item--dangerous button:hover {
background: #46001a;
}
.dropdown-menu__item--dangerous {
color: #fd0060;
}
.account__header__bio .account__header__fields dt {
color: #606085;
text-transform: uppercase;
}
.account__section-headline a, .account__section-headline button, .notification__filter-bar a, .notification__filter-bar button {
color: #62627b;
font-size: 14px;
font-weight: 500;
text-align: center;
white-space: nowrap;
}
.column-header__title {
  background: unset;
}
.timeline-hint a {
  color: #ff0061;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.button.button-secondary.button--destructive:active, .button.button-secondary.button--destructive:focus, .button.button-secondary.button--destructive:hover {
  border-color: #b7253d;
  color: #5c000f;
}

.notification-group--unread:before, .notification-ungrouped--unread:before {
  border-inline-start: 4px solid #ff0061;
  content: "";
  height: 100%;
  inset-inline-start: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.status__content__read-more-button, .status__content__translate-button {
  align-items: center;
  background: transparent;
  border: 0;
  color: #ff0061;
  display: flex
;
  font-size: 15px;
  line-height: 22px;
  padding: 16px 0 0;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.interaction-modal__login.focused,
.interaction-modal__login__input {
  background: #313144;
  border-color: #ff0061;
}
.search-results__section__header button {
color: #ff0061;
font: inherit;
}
.trends__item__sparkline path:first-child {
fill: rgba(172, 21, 78, 0.35) !important;
fill-opacity: 1 !important;
}
.trends__item__sparkline path:last-child {
stroke: #ff397a !important;
fill: none !important;
}
.retention__table__box--30 {
background-color: rgba(253, 51, 127, 0.3);
}
.dismissable-banner, .warning-banner {
background: rgba(140, 0, 57, 0.22);
border: 1px solid #ff0061;
}
.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  background: #ad0042;
}
.react-toggle--focus {
  outline: 2px solid #ff0061;
}
.react-toggle--checked .react-toggle-track {
  background-color: #ad0042;
}
.loading-bar {
background-color: #ff0061;
height: 3px;
inset-inline-start: 0;
position: fixed;
top: 0;
z-index: 9999;
}
.column-link:focus-visible {
  border-color: #ff0068;
  border-radius: 0;
}

body { 
  background-color: #06060a; 
}

.compose-form__highlightable {
  background: #06060a;
}
.compose-form .autosuggest-textarea__textarea, .compose-form .spoiler-input__input {
  background: #06060a;
}
.search__input {
  background: #06060a;
  border: 1px solid #1c1c28;
}
.dropdown-menu {
  background: rgb(6, 6, 10);
}
.column-header {
  border: unset;
}
.retention__table__box--40 {
  background-color: rgba(255, 111, 172, 0.4);
}
@media screen and (max-width: 1174px) {
    .layout-single-column .ui__header {
        background: #06060a;
        border-bottom: 1px solid #06060a;
        display: flex;
    }
}
root {
  --background-color: #06060a;
}
.admin-account-bio .account__header__fields a {
color: #ff0061;
}
.copy-paste-text.focused, .copy-paste-text:focus {
  border-color:#ff0061;
  outline:0;
  transition:none;
}
.hashtag-bar a:active, .hashtag-bar a:focus, .hashtag-bar a:hover {
background: #75002c;
}

.account__header__bio .account__header__fields .verified {
    border: 1px solid #ff005454;
    margin-top: -1px;
    margin-inline: -1px;
    border-radius: 10px;
    background-color: #ff00541a;
}
.account__header__bio .account__header__fields .verified dd, .account__header__bio .account__header__fields .verified dt {
    color: #ff0061;
}
.account__header__bio .account__header__fields .verified a {
    color: #ff79ac;
}
.account__header__bio .account__header__fields {
    border: 1px solid var(--background-border-color);
    border-radius: 4px;
    margin: 16px 0 0;
    display: grid;
    flex-wrap: wrap;
}

.account__header__bar .avatar {
    display: block;
    flex: 0 0 auto;
    width: 94px;
    pointer-events: none;
}
.account__header__image {
  background: #20202c;
  border-bottom: 1px solid var(--background-border-color);
  height: 145px;
  overflow: hidden;
  position: relative;
  pointer-events: none;
}
.compare-history-modal .status__content a {
  color: #ff005c;
}
.account__header__fields dl {
    border-bottom: unset;
    display: flex;
}
.account__header__bio .account__header__fields {
    border: 1px solid var(--background-border-color);
    border-radius: 4px;
    margin: 16px 0 0;
    display: grid;
    flex-wrap: wrap;
}
@container header-logo (min-width: 99px) {
  .ui__header__logo .logo--wordmark {
    display: none;
  }

.video-player__download__icon.player-button {
    display: none;
}

.simple_form input[type="datetime-local"], .simple_form input[type="email"], .simple_form input[type="number"], .simple_form input[type="password"], .simple_form input[type="text"], .simple_form input[type="url"], .simple_form textarea {
  background: #06060a;
  border: 1px solid var(--background-border-color);
  border-radius: 4px;
}

:root {
  --background-color: #06060a;
}


.simple_form .btn {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 4px;
    background: #ff005c;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    height: auto;
    padding: 7px 18px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 500;
    outline: 0;
}
.simple_form .btn:active, .simple_form .btn:focus, .simple_form .btn:hover {
    background-color: #5e001f;
}
.column-header {
    display: flex;
    font-size: 16px;
    border: 1px solid var(--background-border-color);
    border-radius: 4px 4px 0 0;
    flex: 0 0 auto;
    cursor: pointer;
    position: relative;
    z-index: 2;
    outline: 0;
    background-color: #06060a59;
}
.simple_form .btn {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 4px;
    background: #ff005c;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    height: auto;
    padding: 7px 18px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 500;
    outline: 0;
}


root {
  --background-color: #06060a;
}
.simple_form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #06060a url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2342425C'/></svg>") no-repeat right 8px center/auto 14px;
  border: 1px solid #1d1d31;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-family: inherit;
  font-size: 14px;
  height: 41px;
  outline: 0;
  padding-inline-end: 30px;
  padding-inline-start: 10px;
  resize: vertical;
  width: 100%;
}
.picture-in-picture__header {
    border-radius: 8px 8px 0 0;
    padding: 10px;
}
.picture-in-picture__footer, .picture-in-picture__header {
    background: #06060a;
    display: flex
;
    justify-content: space-between;
}
.report-card__summary__item__content a:hover {
    color: #ff0061;
  }
  .icon.icon-download {
    display: none;
}

video-player__download__icon player-button.audio-player .video-player__buttons a{
    display: none;
}
.video-player__download__icon.player-button {
    display: none;
}

.retention__table__box--50 {
    background-color: rgb(255 99 206 / 50%);
}
.


