/* ----------------------------------------------
   ハイコントラストテーマに適用
---------------------------------------------- */
::-webkit-scrollbar-thumb {
    /* background: #8f5a00; */
     background-color: #000000;
    border-radius: 10px;
    border: 3px dotted aquamarine;
}
::-webkit-scrollbar-track {
 /* background: linear-gradient(#ff6315, #ff8b06); */
     background-color: #000000;
}
::-webkit-scrollbar-track:hover {
 /* background: linear-gradient(#ff6315, #ff8b06); */
     background-color: #000000;
}

.compose-form .autosuggest-textarea__textarea,
.compose-form .compose-form__modifiers .compose-form__uploads-wrapper,
.compose-form__poll-wrapper,
.compose-form .spoiler-input__input,
.compose-form .compose-form__buttons-wrapper {
    /* background-color: #f0ca0e; */
         background-color: #000000;
             color: #ffe81c;
    /* color: #c18c32; */
}
.poll__option input[type=text],
.compose-form__poll-wrapper select {
    color: rgb(163, 92, 35);
    /* background: #fffdce; */
         background-color: #000000;
    /* border: 1px solid transparent; */
}
.character-counter {
    color: rgb(163, 92, 35);
}

.compose-form .autosuggest-textarea__textarea::placeholder, .compose-form .icon-button, .compose-form .spoiler-input__input::placeholder, .compose-form__poll-wrapper .button.button-secondary, .language-dropdown__dropdown__results__item__common-name, .report-dialog-modal__textarea::placeholder {
    color: rgb(107, 77, 0);
}

/* 全体（一番下）とカラム設定の背景色を変える */
body.theme-contrast,
body.theme-contrast .column-header__collapsible-inner,
body.theme-contrast .column-header__button.active,
body.theme-contrast .ui {
 /* background: linear-gradient(#ff530f, #ff6315); */
      background-color: #000000;
}

/* カラムヘッダーの背景色を変える */
body.theme-contrast a.column-link,
body.theme-contrast .column-back-button,
body.theme-contrast .column-header,
body.theme-contrast .column-header__button,
body.theme-contrast .column-header__back-button,
body.theme-contrast .drawer__header,
body.theme-contrast .list-editor h4,
body.theme-contrast .public-layout .header,
body.theme-contrast .search-results__header,
body.theme-contrast .search-results__section h5,
body.theme-contrast .tabs-bar,
body.theme-contrast .flex-spacer,
body.theme-contrast .account__header__fields dt {
 /* background-color: transparent; */
      background-color: #000000;
}

@media screen and (max-width: 1174px) {
  .layout-single-column .ui__header {
 /* background: linear-gradient(#ff530f, #ff6315); */
      background-color: #000000;
 /* border-color: transparent; */
  }
}

/* カラムの背景色を変える */
body.theme-contrast .activity-stream .entry,
body.theme-contrast .box-widget,
body.theme-contrast .card__bar,
body.theme-contrast .card__img,
body.theme-contrast .column-link__badge,
body.theme-contrast .column-subheading,
body.theme-contrast .column-inline-form,
body.theme-contrast .column>.scrollable,
body.theme-contrast .contact-widget,
body.theme-contrast .detailed-status,
body.theme-contrast .detailed-status__action-bar,
body.theme-contrast .drawer__inner,
body.theme-contrast .drawer__inner__mastodon,
body.theme-contrast .empty-column-indicator,
body.theme-contrast .error-column,
body.theme-contrast .getting-started,
body.theme-contrast .getting-started__wrapper,
body.theme-contrast .hero-widget__text,
body.theme-contrast .landing-page__information.contact-widget,
body.theme-contrast .landing-page #mastodon-timeline,
body.theme-contrast .landing-page__forms,
body.theme-contrast .landing-page__information,
body.theme-contrast .landing-page__call-to-action,
body.theme-contrast .landing-page__information:last-child,
body.theme-contrast .landing-page .separator-or span,
body.theme-contrast .list-editor,
body.theme-contrast .public-layout .public-account-header__bar:before,
body.theme-contrast .public-layout .public-account-bio,
body.theme-contrast .status.status-direct,
body.theme-contrast .columns-area--mobile {
 /* background: linear-gradient(#ff6315, #ff8b06); */
      background-color: #000000;
}

body.theme-contrast .status-card .status-card__content {
 /* background: linear-gradient(#ff8b06, #ff6315,); */
      background-color: #000000;
}

body.theme-contrast .tabs-bar__wrapper {
  /* background: #ff6315; */
       background-color: #000000;
}

/* アカウントプロフィールのヘッダーと背景色を変える */
body.theme-contrast .account__header .account__header__fields dt,
body.theme-contrast .account__header .account__header__fields dd,
body.theme-contrast .account__header__bio .account__header__fields {
   /* background-color: transparent; */
        background-color: #000000;
}

body.theme-contrast .media-spoiler {
   /* background-color: #d95700; */
        background-color: #000000;
}

/* アカウントプロフィールのヘッダー画像に被せる色を変える */
body.theme-contrast .account__header>div {
 /* background: #ff6315; */
      background-color: #000000;
}

.account__header__tabs__buttons .icon-button {
    border: 1px solid transparent;
}

/* リプライ時の返信先トゥートの背景色を変える */
body.theme-contrast .reply-indicator {
   /* background-color: #ebebeb; */
        background-color: #000000;
}

/* ドロップダウンメニューの背景色を変える */
body.theme-contrast .dropdown-menu,
body.theme-contrast .dropdown-menu__item a {
  color:rgb(255, 125, 125);
  background-color: #000000;
  border: double transparent 5px;
  /* border-radius: 20px; */
}
body.theme-contrast .dropdownS-menu__arrow.bottom {
   /* border-bottom-color: #fff; */
        background-color: #000000;
}
body.dropdown-menu__container {
  border: 2px dotted #ffa15d;
  border-radius: 4px;
}
body.dropdown-menu__container__list {
    border: 2px solid white !important;
}
body.dropdown-menu__separator {
  border-bottom: 1px dotted #7644ff;
}

/* メインの文字色を変える */
body.theme-contrast,
body.theme-contrast a.drawer__tab,
body.theme-contrast .account__section-headline a.active,
body.theme-contrast .column-header>.column-header__back-button,
body.theme-contrast .column-header__back-button,
body.theme-contrast .column-back-button,
body.theme-contrast .column-header__button,
body.theme-contrast .column-header__button.active,
body.theme-contrast .column-settings__section,
body.theme-contrast .column-header__collapsible,
body.theme-contrast .dropdown-menu__item a:active,
body.theme-contrast .dropdown-menu__item a:focus,
body.theme-contrast .dropdown-menu__item a:hover,
body.theme-contrast .hero-widget__text,
body.theme-contrast .landing-page li,
body.theme-contrast .landing-page p,
body.theme-contrast .notification__message,
body.theme-contrast .public-layout .header .nav-link,
body.theme-contrast .rich-formatting h3,
body.theme-contrast .rich-formatting h4,
body.theme-contrast .rich-formatting li,
body.theme-contrast .rich-formatting p,
body.theme-contrast .setting-meta__label,
body.theme-contrast .setting-toggle__label,
body.theme-contrast .simple_form p.hint.subtle-hint,
body.theme-contrast .status-card:hover .status-card__content,
body.theme-contrast .status-card:hover .status-card__title,
body.theme-contrast .status-card:hover .status-card__description,
.account__header__bio .account__header__content,
.account__header__bio .account__header__fields dd,
.account__header__extra__links a,
.account__header__extra__links a strong {
    color: #ffcf55;
}
/* bio見出し */
.account__header__tabs__name h1,
.account__header__tabs__name h1 small,
body.theme-contrast .account__header__fields dt,
body.theme-contrast .account__header .account__header__fields dt {
    color: #e39440;
}

/* 投稿本文 */
.reply-indicator__content, .status__content {
    color: #ffcf55 !important;
}

article:nth-of-type(odd) {
    color: rgb(255, 181, 84) !important;
}

/* 通知、その他の文字色を変える */
body.theme-contrast .account__relationship .icon-button,
body.theme-contrast .account__section-headline a,
body.theme-contrast .account__action-bar__tab>span,
body.theme-contrast .detailed-status__meta,
body.theme-contrast .getting-started__footer p,
body.theme-contrast .muted .attachment-list__list a,
body.theme-contrast .muted .status__content a,
body.theme-contrast .muted .status__content p,
body.theme-contrast .muted .status__display-name strong,
body.theme-contrast .public-layout .public-account-bio .roles,
body.theme-contrast .public-layout .public-account-bio__extra,
body.theme-contrast .status__relative-time,
body.theme-contrast .status__display-name,
body.theme-contrast .status-card,
body.theme-contrast .status-card__title,
body.theme-contrast .status-card__description,
body.theme-contrast .status__prepend,
body.theme-contrast .status__prepend .status__display-name strong {
   color: #bef459;
     text-shadow:
    0 0 10px #54ff36,
    0 0 20px #00df16;
    /* 0 0 80px #ffc228; */
  /* will-change: filter, color; */
  filter: saturate(60%);
}

/* リンクの文字色を変える */
body.theme-contrast .account__relationship .icon-button.active,
body.theme-contrast .account__header .account__header__username,
body.theme-contrast .attachment-list__list a,
body.theme-contrast .column-header.active .column-header__icon,
body.theme-contrast .compose__action-bar-dropdown .icon-button.active,
body.theme-contrast .getting-started__footer a,
body.theme-contrast .notification__message .fa,
body.theme-contrast .public-layout .public-account-bio .account__header__fields a,
body.theme-contrast .reply-indicator__content a,
body.theme-contrast .rich-formatting li a,
body.theme-contrast .rich-formatting p a,
body.theme-contrast .simple_form p.hint.subtle-hint a,
body.theme-contrast .tabs-bar__link.active,
body.theme-contrast .text-icon-button.active {
   color: #d95700;
}

body.theme-contrast .status__content a {
  color: #ffa34e;
  text-decoration: none;
       text-shadow:
    0 0 10px #ffcf55,
    0 0 20px #ffbb00,
    0 0 40px #8b6300;
}

/* 「もっと見る」の文字色を変える */
body.theme-contrast .reply-indicator__content .status__content__spoiler-link,
body.theme-contrast .status__content .status__content__spoiler-link {
   color: #a5008d;
}

/* トゥート下などのアクションバーの文字色を変える */
/* body.theme-contrast .account__action-bar-dropdown .icon-button,
body.theme-contrast .detailed-status__button .icon-button,
body.theme-contrast .detailed-status__action-bar-dropdown .icon-button,
body.theme-contrast .icon-button.disabled,
body.theme-contrast .notification-favourite .status.status-direct .icon-button.disabled,
body.theme-contrast .status__action-bar__counter .icon-button,
body.theme-contrast .status__action-bar__counter__label,
body.theme-contrast .status__action-bar .icon-button {
   color: #e8ba7a;
} */

/* 入力欄のプレースホルダーの文字色を変える */
body.theme-contrast .search__input:placeholder-shown,
body.theme-contrast .setting-text:placeholder-shown,
body.theme-contrast .required:placeholder-shown {
   color: #8a4e00;
}
body.theme-contrast .search__input::-webkit-input-placeholder,
body.theme-contrast .setting-text::-webkit-input-placeholder,
body.theme-contrast .required::-webkit-input-placeholder {
   color: #8a4e00;
}
body.theme-contrast .search__input:-ms-input-placeholder,
body.theme-contrast .setting-text:-ms-input-placeholder,
body.theme-contrast .required:-ms-input-placeholder {
   color: #8a4e00;
}

/* ボタンの背景色を変える */
body.theme-contrast a.column-link:hover,
body.theme-contrast .button,
body.theme-contrast .dropdown-menu__item a:active,
body.theme-contrast .dropdown-menu__item a:focus,
body.theme-contrast .floating-action-button,
body.theme-contrast .public-layout .header .nav-button,
body.theme-contrast .react-toggle--checked .react-toggle-track,
body.theme-contrast .reply-indicator__content .status__content__spoiler-link,
body.theme-contrast .status__content .status__content__spoiler-link,
body.theme-contrast .status-card:hover .status-card__content,
body.theme-contrast .simple_form .block-button,
body.theme-contrast .simple_form .button,
body.theme-contrast .simple_form button {
   /* background-color: #ffb300; */
    background-color: #000000;
    border: double cyan 5px;
    border-radius: 20px;
    /* color:rgb(0, 191, 255); */
    text-shadow:
        0 0 10px #55e5ff,
        0 0 20px #00aeff,
        0 0 40px #0099f1;
}
body.theme-contrast .button:hover {
    background-color: #ff94ef;
}
.column-link {
    padding: 10px;
}

body.theme-contrast .react-toggle--checked .react-toggle-thumb {
   border-color: #d95700;
}
body.theme-contrast .public-layout .public-account-header__tabs__tabs .counter.active:after {
   border-bottom: 4px solid #d95700;
}

/* ボタンのホバー・フォーカス時の背景色を変える */
body.theme-contrast .dropdown-menu__item a:hover,
body.theme-contrast a.drawer__tab:hover,
body.theme-contrast .card>a:hover .card__bar,
body.theme-contrast .column-header__button:hover,
body.theme-contrast .dropdown-menu__item a:hover,
body.theme-contrast .public-layout .header .brand:hover,
body.theme-contrast .privacy-dropdown.active .privacy-dropdown__value.active,
body.theme-contrast .privacy-dropdown__option.active,
body.theme-contrast .privacy-dropdown__option:hover,
body.theme-contrast .simple_form .block-button:hover,
body.theme-contrast .simple_form .button:hover,
body.theme-contrast .simple_form button:hover {
   /* background-color: #ff7c09; */
        background-color: #000000;
               text-shadow:
    0 0 10px #ffcf55,
    0 0 20px #ffbb00,
    0 0 40px #8b6300;
            border: double rgb(153, 255, 0) 5px;
        border-radius: 20px;
}

/* ナビゲーションメニュー */
.column-link--transparent {
    color: #ffa6ce;
                   text-shadow:
    0 0 10px #ff55a7,
    0 0 20px #ff0059,
    0 0 40px #8b0023;
  border: double transparent 5px;
  border-radius: 20px;
}
/* .column-link--transparent:nth-child(1) {
    color: #ffa1a1;
                   text-shadow:
    0 0 10px #ff5555,
    0 0 20px #ff0000,
    0 0 40px #8b001c;
} */
.column-link--transparent:nth-child(2) {
    color: #ff6c11;
                   text-shadow:
    0 0 10px #ffb892,
    0 0 20px #ff6827,
    0 0 40px #bd2c00;
}
.column-link--transparent:nth-child(3) {
    color: #ffbf00;
                   text-shadow:
    0 0 10px #ffd255,
    0 0 20px #fff200,
    0 0 40px #8b6f00;
}
.column-link--transparent:nth-child(4) {
    color: #eeff00;
                   text-shadow:
    0 0 10px #e3ff55,
    0 0 20px #ccff00,
    0 0 40px #828b00;
}
.column-link--transparent:nth-child(5) {
    color: #8cff00;
                   text-shadow:
    0 0 10px #90ff55,
    0 0 20px #48ff00,
    0 0 40px #058b00;
}
.column-link--transparent:nth-child(6) {
    color: #00ff9d;
                   text-shadow:
    0 0 10px #55ffad,
    0 0 20px #00ff80,
    0 0 40px #008b58;
}
.column-link--transparent:nth-child(7) {
    color: #00fffb;
                   text-shadow:
    0 0 10px #55fcff,
    0 0 20px #009dff,
    0 0 40px #004adf;
}
.column-link--transparent:nth-child(8) {
    color: #8bb7ff;
                   text-shadow:
    0 0 10px #5596ff,
    0 0 20px #003cff,
    0 0 40px #0008eb;
}
.column-link--transparent:nth-child(9) {
    color: #ae9eff;
                   text-shadow:
    0 0 10px #cea4ff,
    0 0 20px #ad43ff,
    0 0 40px #9300e1;
}
.column-link--transparent:nth-child(10) {
    color: #faa1ff;
                   text-shadow:
    0 0 10px #fa68ff,
    0 0 20px #ff0eb7,
    0 0 40px #ec00dd;
}
/* アクティブ時のナビゲーション */
.column-link--transparent.active {
    color: #ffffff !important;
}

/* トグルスイッチのオフ時の色を変える */
body.theme-contrast .react-toggle-track {
   /* background-color: rgb(255, 222, 169); */
        background-color: #000000;
}
body.theme-contrast .react-toggle-thumb {
   border: 1px solid rgb(255, 222, 169);
}

/* リスト名入力欄の下線の色を変える */
body.theme-contrast .column-inline-form label input:focus {
   border-bottom: 2px solid #d95700;
}

/* スマホ版タブバーのアクティブ時のボーダーの色を変える */
body.theme-contrast .tabs-bar__link.active {
    border-bottom: 2px solid #d95700;
}

/* プロフィールページのアバター画像のボーダーと背景色を無くす */
body.theme-contrast .public-layout .public-account-header__bar .avatar img {
    border: none;
    background: transparent;
}

/* 各種ボーダーの微調整 */
/* body.theme-contrast .account__header__fields */

.compose-panel hr, .navigation-panel hr {
    background: transparent;
    border: none;
}

@media screen and (max-width: 1174px) {
  .columns-area__panels__pane--navigational .navigation-panel {
      /* background: linear-gradient(#ff6315, #ff8b06); */
           background-color: #000000;
      /* border-left: 1px solid #d95700; */
  }
}

a.column-link--transparent.active a.column-link.active {
    color: #ffde09 !important;
}

/* ロゴ */
.logo, .logo:hover {
  color: #ffffff;
  box-shadow:
    4px -3px 5px 6px #000000 inset;
  background: linear-gradient(45deg,
    rgb(162, 59, 196) 20%,
    rgba(0, 192, 255, 1) 40%,
    rgba(255, 255, 0, 1) 60%,
    rgba(255, 0, 0, 1) 100%);
      /* -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
}
/* ロゴの親要素 */
/* .ui__header__logo,
.navigation-panel .logo {
  filter: saturate(4) brightness(2);
} */

body.theme-contrast .dismissable-banner,
body.theme-contrast .explore__search-header,
body.theme-contrast .notification__filter-bar,
body.theme-contrast .account__section-headline {
    /* background: #ff9500; */
         background-color: #000000;
    border-bottom: 1px solid transparent;
}
body.theme-contrast .search__input {
    /* background: #ffa20b; */
    color: #ffe81c;
         background-color: #000000;
    border-bottom: 1px solid transparent;
}

.notification__filter-bar {
    /* background: #ff9500; */
         background-color: #000000;
    border-bottom: 1px solid transparent;
}
.explore__search-header .search__input {
    border: 1px solid transparent;
        color: #ffe81c;
}

.account__section-headline a, .account__section-headline button, .notification__filter-bar a, .notification__filter-bar button {
  /* background-color: #ff9500; */
       background-color: #000000;
}

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

.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 #ff6315;
}

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

.icon-button.star-icon.active, .notification__favourite-icon-wrapper .star-icon {
    color: #ffe81c;
}

.icon-button.bookmark-icon.active {
    color: #ff5050;
}

.account__header__bio .account__header__fields dl {
  border-bottom: 1px solid transparent;
  border-bottom-color: transparent;
}

.account__header__bar {
    border-bottom: 1px solid transparent;
}

body.theme-contrast .account__header__fields a {
  color: #ffe81c;
}

.status-card {
    border: 1px solid #ca5400;
    border-radius: 4px;
}

.status-card.compact:hover {
    /* background-color: #fc9c0b; */
         background-color: #000000;
}

.status-card.compact {
    border-color: #ffa15d;
    /* background-color: linear-gradient(#ff6315, #dd7600) ; */
         background-color: #000000;
}

.column-header__wrapper.active:before {
    background: radial-gradient(ellipse,rgba(255, 202, 88, 0.23) 0,rgba(99,100,255,0) 60%);
}

/* ブースト、お気に入りボタンのホバー時 */
/* .icon-button:active, .icon-button:focus, .icon-button:hover {
    color: #fff6c2;
    background-color: rgb(201 191 163 / 15%);
    transition-property: background-color,color;
} */

body.theme-contrast .status__action-bar .icon-button {
    filter: hue-rotate(162deg) saturate(3);
}

body.theme-contrast .link-footer p,
body.theme-contrast .link-footer p a {
    color: #003f70;
    text-decoration: wavy;
}