.account__header__bio .account__header__fields {
  background: transparent;
  display: flex;
  column-gap: 20px;
  row-gap: 10px;
  flex-wrap: wrap;
  border: 0;
}

.account__header__bio .account__header__fields > dl:first-child {
  width: 100%;
}

.account__header__bio .account__header__fields dl {
  border: 0;
  padding: 0;
}

.account__header__bio .account__header__fields dl.verified {
  border: 0;
  margin-top: 0;
  background: transparent;
}

.account__header__bio .account__header__fields dl dt {
  float: left;
  text-transform: none;
}

.account__header__bio .account__header__fields dl dt:after {
  content: '：';
}

.account__avatar {
    border-radius: 50%;
}

.reply-indicator__content .emojione,
.status__content .emojione {
    width: auto;
}

.account__header__tabs__name + .account__header__badges {
  margin-top: -12px;
}

/* OGP Card */
a.status-card {
  align-items: stretch;
}
.status-card__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  white-space: normal;
}

body {
    --fd-theme-color: #90bb70;
    --fd-theme-text: #fff;

    --fd-theme-content-back: #fafafa;
    --fd-theme-accent-color: #40b080;
    --fd-theme-accent-hover-color: #60d0a0;

    --fd-theme-border-color: #c0cdd9;

    --fd-theme-icon-button-color: #ddd;
}

body.theme-mastodon-light {
      background: #fafafa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY1OUYyMEM5NkFFQzExRUJBMTQyRjU2RDhGM0JFQkY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY1OUYyMENBNkFFQzExRUJBMTQyRjU2RDhGM0JFQkY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjU5RjIwQzc2QUVDMTFFQkExNDJGNTZEOEYzQkVCRjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjU5RjIwQzg2QUVDMTFFQkExNDJGNTZEOEYzQkVCRjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Py13vAAAACVBMVEX6+vr39/f29vZgXVhTAAAAZElEQVR42uzasQ3AMAgEQPL7D50FQoFkS4lzXwPXv6gsSj0n1S1cTd4GFAAAAAAAgL8AXTpgOB8AAAAAAACArwAZHgIAAAAAAAA4FVhVVI0LKQAAAAAAAIcB2QtkDEy/c24BBgDKcRuFK4DRiwAAAABJRU5ErkJggg==) fixed;
}

@media screen and (max-width: 1174px) {
    .ui__header__logo {
        margin-top: 7px;
    }

    body.theme-mastodon-light .ui__header {
        background: #fff;
    }
    
    body.theme-mastodon-light .navigation-panel {
        background: #fff;
        border-left: 0;
    }
}

body.theme-mastodon-light .scrollable,
body.theme-mastodon-light .empty-column-indicator,
body.theme-mastodon-light .error-column,
body.theme-mastodon-light .column-header__collapsible-inner,
body.theme-mastodon-light .account__section-headline button,
body.theme-mastodon-light .notification__filter-bar button,
body.theme-mastodon-light .dismissable-banner,
body.theme-mastodon-light .account__header {
    background: var(--fd-theme-content-back);
}

body.theme-mastodon-light .column-header,
body.theme-mastodon-light .column-header__back-button,
body.theme-mastodon-light .column-header__button,
body.theme-mastodon-light .column-header__button.active,
body.theme-mastodon-light .column-back-button {
    background: var(--fd-theme-color);
    color: var(--fd-theme-text);
}

body.theme-mastodon-light .account-card {
    background: #fff;
    border: 1px solid var(--fd-theme-border-color);
}

body.theme-mastodon-light .account-card__bio:after {
    background: linear-gradient(270deg, #fff, transparent);
}

body.theme-mastodon-light .account__section-headline a.active:after,
body.theme-mastodon-light .account__section-headline button.active:after,
body.theme-mastodon-light .notification__filter-bar a.active:after,
body.theme-mastodon-light .notification__filter-bar button.active:after {
    border-color: transparent transparent var(--fd-theme-content-back);
}

body.theme-mastodon-light .button,
body.theme-mastodon-light .simple_form .block-button,
body.theme-mastodon-light .simple_form .button,
body.theme-mastodon-light .simple_form button {
    background: var(--fd-theme-accent-color);
    color: #fff;
}

body.theme-mastodon-light .button-secondary,
body.theme-mastodon-light .button.button-tertiary {
    background: transparent;
    border-color: var(--fd-theme-accent-color);
    color: var(--fd-theme-accent-color);
}

body.theme-mastodon-light .button:active,
body.theme-mastodon-light .button:focus,
body.theme-mastodon-light .button:hover,
body.theme-mastodon-light .simple_form .block-button:active,
body.theme-mastodon-light .simple_form .block-button:focus,
body.theme-mastodon-light .simple_form .block-button:hover,
body.theme-mastodon-light .simple_form .button:active,
body.theme-mastodon-light .simple_form .button:focus,
body.theme-mastodon-light .simple_form .button:hover,
body.theme-mastodon-light .simple_form button:active,
body.theme-mastodon-light .simple_form button:focus,
body.theme-mastodon-light .simple_form button:hover {
    background: var(--fd-theme-accent-hover-color);
}

body.theme-mastodon-light .button-secondary:active,
body.theme-mastodon-light .button-secondary:focus,
body.theme-mastodon-light .button-secondary:hover,
body.theme-mastodon-light .button.button-tertiary:active,
body.theme-mastodon-light .button.button-tertiary:focus,
body.theme-mastodon-light .button.button-tertiary:hover {
    background: var(--fd-theme-accent-hover-color);
    border-color: var(--fd-theme-accent-hover-color);
    color: #fff;
}

body.theme-mastodon-light .radio-button__input.checked {
    border-color: var(--fd-theme-accent-color);
    background: var(--fd-theme-accent-color);
}

body.theme-mastodon-light .about__section__title {
    color: var(--fd-theme-accent-color);
}

body.theme-mastodon-light .column-link--transparent.active {
    color: var(--fd-theme-accent-color);
}

/* 非ログイン時削除 */
.app-body:has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .tabs-bar__wrapper :is(.column-back-button, .column-header > *),
.app-body:has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .columns-area__panels__pane.columns-area__panels__pane--start,
.app-body:has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .search,
.app-body:has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .ui__header__links button.button {
    display: none;
}

/* 非ログイン時にコンテンツ領域を100%幅に */
@media screen and (max-width: 1174px) {
    .app-body:has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .columns-area__panels__main {
        width: 100%;
    }
}