/*mastodon长图补丁 v2.1 by Shioko*/
/*.image-loader {
    align-items: center;
}
.zoomable-image {
    display: flex;
    max-height: 100%;
    max-width: 98%;
    overflow: auto !important;
}

.zoomable-image img {
    max-height: 100%;
    max-width:100%;
}*/


/*variable width*/
div.column {
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1
}


/*cat ears written by dmonad & neb*/
.notification .status__avatar::before,
.notification .status__avatar::after {
  display: none !important;
}

.status__wrapper .status:first-child .status__avatar::before,
.status__wrapper .status:first-child .status__avatar::after,
.entry.h-entry .status__avatar div::before,
.entry.h-entry .status__avatar div::after,
.entry.entry-reblog .status__avatar div::before,
.entry.entry-reblog .status__avatar div::after {
  content: "";
  display: inline-block;
  border: 4px solid;
  box-sizing: border-box;
  width: 50%;
  height: 50%;
  background-color: #E2C7E5;
  border-color: #E2C7E5;
  position: absolute;
  z-index: 0;
}

.status__avatar::before,
.entry.h-entry .status__avatar div::before,
.entry.entry-reblog .status__avatar div::before {
  border-radius: 75% 0 75% 75%;
  transform: rotate(-37.6deg) skew(-30deg);
  right: 0;
}

.status__avatar::after,
.entry.h-entry .status__avatar div::after,
.entry.entry-reblog .status__avatar div::after {
  border-radius: 0 75% 75%;
  transform: rotate(37.6deg) skew(30deg);
  top: 0;
  left: 0;
}

.detailed-status__display-name {
  overflow: visible !important;
}

.detailed-status__display-avatar {
  position: relative;
}

.detailed-status__display-avatar::before,
.detailed-status__display-avatar::after {
  content: "";
  display: inline-block;
  border: 4px solid;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  background-color: inherit;
  border-color: #c6a6f2;
  position: absolute;
  z-index: 0;
}

.detailed-status__display-avatar::before {
  border-radius: 75% 0 75% 75%;
  transform: rotate(-37.6deg) skew(-30deg);
  right: 0px;
}

.detailed-status__display-avatar::after {
  border-radius: 0 75% 75%;
  transform: rotate(37.6deg) skew(30deg);
  top: 0;
}

.account__avatar {
  border-radius: 100%;
  z-index: 1;
}

.status__avatar:hover::before,
.detailed-status__display-avatar:hover::before,
.entry.h-entry .status__avatar div:hover::before,
.entry.entry-reblog .status__avatar div:hover::before {
  animation: earwiggleright 1s infinite;
}

.status__avatar:hover::after,
.detailed-status__display-avatar:hover::after,
.entry.h-entry .status__avatar div:hover::after,
.entry.entry-reblog .status__avatar div:hover::after {
  animation: earwiggleleft 1s infinite;
}

@keyframes earwiggleleft {
  from { transform: rotate(37.6deg) skew(30deg); }
  25% { transform: rotate(10deg) skew(30deg); }
  50% { transform: rotate(20deg) skew(30deg); }
  75% { transform: rotate(0deg) skew(30deg); }
  to { transform: rotate(37.6deg) skew(30deg); }
}

@keyframes earwiggleright {
  from { transform: rotate(-37.6deg) skew(-30deg); }
  30% { transform: rotate(-10deg) skew(-30deg); }
  55% { transform: rotate(-20deg) skew(-30deg); }
  75% { transform: rotate(-0deg) skew(-30deg); }
  to { transform: rotate(-37.6deg) skew(-30deg); }
}

/* 注册提示 */
label[for="registration_user_invite_request_attributes_text"]:after {
  content: "\A为了保护用户的安全及营造舒适的环境，请您 \A①声明已阅读实例规则；\A②使用至少10个字简述理由。\A未满足的申请不予通过。";
  white-space: pre;
  font-size: 90%;
  color:#7346aa;
}
label[for="user_invite_request_attributes_text"]:after {
  content: "\A为了保护用户的安全及营造舒适的环境，请您 \A①声明已阅读实例规则；\A②使用至少10个字简述理由。\A未满足的申请不予通过。";
  white-space: pre;
  font-size: 90%;
  color:#7346aa;
}

/* 邮箱提示 */
label[for="registration_user_invite_request_attributes_text"]:before {
  content: "*出于安全考虑，推荐使用非实名注册的邮箱*\A \A \A ";
  white-space: pre;
  font-size: 80%;
  color:#9978a4;
}
label[for="user_invite_request_attributes_text"]:before {
  content: "*出于安全考虑，推荐使用非实名注册的邮箱*\A \A \A ";
  white-space: pre;
  font-size: 80%;
  color:#9978a4;
}