body.rtl {

direction: rtl;

.column-header > button {
  text-align: right;
  padding-left: 0;
  padding-right: 15px;
}

.radio-button__input {
  margin-right: 0;
  margin-left: 10px;
}

.directory__card__bar .display-name {
  margin-left: 0;
  margin-right: 15px;
}

.display-name,
.announcements__item {
  text-align: right;
}

.announcements__item__range {
  padding-right: 0;
  padding-left: 18px;
}

.reactions-bar {
  margin-left: auto;
  margin-right: -2px;
  direction: rtl;
}

.reactions-bar__item__count {
  margin-left: 0;
  margin-right: 6px;
}

.announcements__pagination {
  right: auto;
  left: 0;
}

.notification__message {
  margin-left: 0;
  margin-right: 68px;
}

.announcements__mastodon,
.drawer__inner__mastodon > img {
  transform: scaleX(-1);
}

.notification__favourite-icon-wrapper {
  left: auto;
  right: -26px;
}

.landing-page__logo {
  margin-right: 0;
  margin-left: 20px;
}

.landing-page .features-list .features-list__row .visual {
  margin-left: 0;
  margin-right: 15px;
}

.column-link__icon,
.column-header__icon {
  margin-right: 0;
  margin-left: 5px;
}

.compose-form .compose-form__buttons-wrapper .character-counter__wrapper {
  margin-right: 0;
  margin-left: 4px;
}

.navigation-bar__profile {
  margin-left: 0;
  margin-right: 8px;
}

.search__input {
  padding-right: 10px;
  padding-left: 30px;
}

.search__icon .fa {
  right: auto;
  left: 10px;
}

.columns-area {
  direction: rtl;
}

.column-header__buttons {
  left: 0;
  right: auto;
  margin-left: 0;
  margin-right: -15px;
}

.column-inline-form .icon-button {
  margin-left: 0;
  margin-right: 5px;
}

.column-header__links .text-btn {
  margin-left: 10px;
  margin-right: 0;
}

.account__avatar-wrapper {
  float: right;
}

.column-header__back-button {
  padding-left: 5px;
  padding-right: 0;
}

.column-header__setting-arrows {
  float: left;
}

.setting-toggle__label {
  margin-left: 0;
  margin-right: 8px;
}

.status__avatar {
  left: auto;
  right: 10px;
}

.status,
.activity-stream .status.light {
  padding-left: 10px;
  padding-right: 68px;
}

.status__info .status__display-name,
.activity-stream .status.light .status__display-name {
  padding-left: 25px;
  padding-right: 0;
}

.activity-stream .pre-header {
  padding-right: 68px;
  padding-left: 0;
}

.status__prepend {
  margin-left: 0;
  margin-right: 68px;
}

.status__prepend-icon-wrapper {
  left: auto;
  right: -26px;
}

.activity-stream .pre-header .pre-header__icon {
  left: auto;
  right: 42px;
}

.account__header__tabs__buttons > .icon-button {
  margin-right: 0;
  margin-left: 8px;
}

.account__avatar-overlay-overlay {
  right: auto;
  left: 0;
}

.column-back-button--slim-button {
  right: auto;
  left: 0;
}

.status__relative-time,
.status__visibility-icon,
.activity-stream .status.light .status__header .status__meta {
  float: left;
}

.status__action-bar {
  &__counter {
    margin-right: 0;
    margin-left: 11px;

    .status__action-bar-button {
      margin-right: 0;
      margin-left: 4px;
    }
  }
}

.status__action-bar-button {
  float: right;
  margin-right: 0;
  margin-left: 18px;
}

.status__action-bar-dropdown {
  float: right;
}

.privacy-dropdown__dropdown {
  margin-left: 0;
  margin-right: 40px;
}

.privacy-dropdown__option__icon {
  margin-left: 10px;
  margin-right: 0;
}

.picture-in-picture__header__account .display-name,
.detailed-status__display-name .display-name {
  text-align: right;
}

.detailed-status__display-avatar {
  margin-right: 0;
  margin-left: 10px;
  float: right;
}

.picture-in-picture__header__account .account__avatar {
  margin-right: 0;
  margin-left: 10px;
}

.icon-button__counter {
  margin-left: 0;
  margin-right: 4px;
}

.notifications-permission-banner__close {
  right: auto;
  left: 10px;
}

.detailed-status__favorites,
.detailed-status__reblogs {
  margin-left: 0;
  margin-right: 6px;
}

.fa-ul {
  margin-left: 2.14285714em;
}

.fa-li {
  left: auto;
  right: -2.14285714em;
}

.admin-wrapper {
  direction: rtl;
}

.admin-wrapper .sidebar ul a i.fa,
a.table-action-link i.fa {
  margin-right: 0;
  margin-left: 5px;
}

.simple_form .check_boxes .checkbox label {
  padding-left: 0;
  padding-right: 25px;
}

.simple_form .input.with_label.boolean label.checkbox {
  padding-left: 25px;
  padding-right: 0;
}

.simple_form .check_boxes .checkbox input[type="checkbox"],
.simple_form .input.boolean input[type="checkbox"] {
  left: auto;
  right: 0;
}

.simple_form .input.radio_buttons .radio {
  left: auto;
  right: 0;
}

.simple_form .input.radio_buttons .radio > label {
  padding-right: 28px;
  padding-left: 0;
}

.simple_form .input-with-append .input input {
  padding-left: 142px;
  padding-right: 0;
}

.simple_form .input.boolean label.checkbox {
  left: auto;
  right: 0;
}

.simple_form .input.boolean .label_input,
.simple_form .input.boolean .hint {
  padding-left: 0;
  padding-right: 28px;
}

.simple_form .label_input__append {
  right: auto;
  left: 3px;

  &::after {
    right: auto;
    left: 0;
    background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));
  }
}

.simple_form select {
  background: darken($ui-base-color, 10%) 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='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>") no-repeat left 8px center / auto 16px;
}

.table th,
.table td {
  text-align: right;
}

.filters .filter-subset {
  margin-right: 0;
  margin-left: 45px;
}

.landing-page .header-wrapper .mascot {
  right: 60px;
  left: auto;
}

.landing-page__call-to-action .row__information-board {
  direction: rtl;
}

.landing-page .header .hero .floats .float-1 {
  left: -120px;
  right: auto;
}

.landing-page .header .hero .floats .float-2 {
  left: 210px;
  right: auto;
}

.landing-page .header .hero .floats .float-3 {
  left: 110px;
  right: auto;
}

.landing-page .header .links .brand img {
  left: 0;
}

.landing-page .fa-external-link {
  padding-right: 5px;
  padding-left: 0 !important;
}

.landing-page .features #mastodon-timeline {
  margin-right: 0;
  margin-left: 30px;
}

@media screen and (min-width: 631px) {
  .column,
  .drawer {
    padding-left: 5px;
    padding-right: 5px;

    &:first-child {
      padding-left: 5px;
      padding-right: 10px;
    }
  }

  .columns-area > div {
    .column,
    .drawer {
      padding-left: 5px;
      padding-right: 5px;
    }
  }
}

.columns-area--mobile .column,
.columns-area--mobile .drawer {
  padding-left: 0;
  padding-right: 0;
}

.public-layout {
  .header {
    .nav-button {
      margin-left: 8px;
      margin-right: 0;
    }
  }

  .public-account-header__tabs {
    margin-left: 0;
    margin-right: 20px;
  }
}

.landing-page__information {
  .account__display-name {
    margin-right: 0;
    margin-left: 5px;
  }

  .account__avatar-wrapper {
    margin-left: 12px;
    margin-right: 0;
  }
}

.card__bar .display-name {
  margin-left: 0;
  margin-right: 15px;
  text-align: right;
}

.fa-chevron-left::before {
  content: "\F054";
}

.fa-chevron-right::before {
  content: "\F053";
}

.column-back-button__icon {
  margin-right: 0;
  margin-left: 5px;
}

.column-header__setting-arrows .column-header__setting-btn:last-child {
  padding-left: 0;
  padding-right: 10px;
}

.simple_form .input.radio_buttons .radio > label input {
  left: auto;
  right: 0;
}

.picture-in-picture {
  right: auto;
  left: 20px;
}

}