img.emojione.custom-emoji {
/*  border-radius: 4px; */
  transition-duration: 200ms;
}

 img.emojione.custom 
 emoji:hover { 
  height: 0px; 
 } 

div.account__avatar {
  border-radius: 20%;
}

/* ただの好みの問題だが変えてみた */
.account__header__tabs__buttons .icon-button {
  border: 0px;
  padding: 0px;
}
/* 角を丸くしてみた */
.button,
.setting-text,
.emoji-reactions-bar__button,
.account__header__tabs__buttons .icon-button,
.account-role,
.icon-button,
.landing-page__forms .button,
.public-layout .header .nav_button,
.reply-layout .header .nav-button,
.reply-indicator__content 
.simple_form .block-button,
.simple_form .button,
.simple_form .btn,
.simple_form,
.search__input,
.status__content .status__content__spoiler-link,
.button.negative {
   border-radius:25px;
}

/* 不等幅絵文字を大きく表示 */
.reply-indicator__content .emojione, .status__content .emojione {
     width: auto;
} 

.detailed-status .status__content .emojione {
     width: auto;
}

/* 以下はBird UIをkmyblueフォーク向けに調整するCSS */
/*絵文字リアクション*/
.layout-single-column .notification.notification-emoji_reaction .display-name,
/*参照*/
.layout-single-column .notification.notification-status_reference .display-name {
    display: none;
}

.status:not(.detailed-status) .status__emoji-reactions-bar , 
.status:not(.status--in-thread) .status__emoji-reactions-bar {
    padding-left: calc(var(--size-avatar) + var(--gap-default));
}

/*絵文字リアクション*/
.layout-multiple-columns .notification.notification-emoji_reaction .display-name,
/*参照*/
.layout-multiple-columns .notification.notification-status_reference .display-name {
    display: none;
}

.status:not(.detailed-status) .status__emoji-reactions-bar , 
.status:not(.status--in-thread) .status__emoji-reactions-bar {
    padding-left: calc(var(--size-avatar) + var(--gap-default));
}


/* .layout.single-colomn  .navigation-panel .navigation-panel__legal { */
/*    flex-basis: 15vw; */
/* }



/* Add background color for the compose form */
/* stylelint-disable-next-line no-duplicate-selectors */
.layout-single-column .compose-form .compose-form__autosuggest-wrapper,
.layout-single-column .compose-form .compose-form__buttons-wrapper {
  background-color: var(--color-mud);
  border-color: var(--color-mud);
  padding-top: 0;
}

/* Fixes to bottom row when there's a background */
.layout-single-column .compose-form .compose-form__buttons-wrapper {
  padding-bottom: calc(var(--gap-default) / 2);
}


.account .account__relationship > .button,
.account__header__tabs__buttons .button,
.account__header__tabs__buttons .icon-button,
.column-inline-form button,
.explore__suggestions .account-card__actions__button button,
.notification .account__relationship > .button,
.notification__report__actions .button {
  border-color: #0072ff
!important;
}

/* .layout-single-column  .navigation-panel .column-link {  */
/*   flex: 0 0 15vw */ 
/* }