@charset "UTF-8";
@font-face {
  font-family: 'mastodon-font-sans-serif';
  src: local("Roboto"), url(/packs/roboto-italic-webfont-50efdad8c62f5f279e3f4f1f63a4f9bc.woff2) format("woff2"), url(/packs/roboto-italic-webfont-927fdbf83b347742d39f0b00f3cfa99a.woff) format("woff"), url(/packs/roboto-italic-webfont-4c71bd4a88468ea62f92e55cb4e33aef.ttf) format("truetype"), url(/packs/roboto-italic-webfont-d88a9e8476fabedea3b87fd0ba2df3b3.svg#roboto-italic-webfont) format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'mastodon-font-sans-serif';
  src: local("Roboto"), url(/packs/roboto-bold-webfont-f633cb5c651ba4d50791e1adf55d3c18.woff2) format("woff2"), url(/packs/roboto-bold-webfont-df0f5fd966b99c0f503ae50c064fbba8.woff) format("woff"), url(/packs/roboto-bold-webfont-5bacc29257521cc73732f2597cc19c4b.ttf) format("truetype"), url(/packs/roboto-bold-webfont-4cbd1966fc397282fa35d69070782b80.svg#roboto-bold-webfont) format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'mastodon-font-sans-serif';
  src: local("Roboto"), url(/packs/roboto-medium-webfont-69c55fc2fe77d38934ea98dc31642ce6.woff2) format("woff2"), url(/packs/roboto-medium-webfont-6484794cd05bbf97f3f0c730cec21665.woff) format("woff"), url(/packs/roboto-medium-webfont-7f0e4c7727a4bc5f37d95d804c6e0348.ttf) format("truetype"), url(/packs/roboto-medium-webfont-f407ec033f15172c3c4acf75608dd11d.svg#roboto-medium-webfont) format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'mastodon-font-sans-serif';
  src: local("Roboto"), url(/packs/roboto-regular-webfont-3ec24f953ed5e859a6402cb3c030ea8b.woff2) format("woff2"), url(/packs/roboto-regular-webfont-b06ad091cf548c38401f3e5883cb36a2.woff) format("woff"), url(/packs/roboto-regular-webfont-42a434b9f3c8c7a57b83488483b2d08e.ttf) format("truetype"), url(/packs/roboto-regular-webfont-77dc6a0145954a963b95d30773543105.svg#roboto-regular-webfont) format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'mastodon-font-monospace';
  src: local("Roboto Mono"), url(/packs/robotomono-regular-webfont-6c1ce30b90ee993b22618ec489585594.woff2) format("woff2"), url(/packs/robotomono-regular-webfont-09e0ef66c9dee2fa2689f6e5f2437670.woff) format("woff"), url(/packs/robotomono-regular-webfont-0ba95b3b2370e6bf1dcdb20aa3a54ff2.ttf) format("truetype"), url(/packs/robotomono-regular-webfont-51e9ccf8c829f4894a7e5a0883e864fc.svg#roboto_monoregular) format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'mastodon-font-display';
  src: local("Montserrat"), url(/packs/Montserrat-Regular-080422d4c1328f3407818d25c86cce51.woff2) format("woff2"), url(/packs/Montserrat-Regular-b0322f2faed575161a052b5af953251a.woff) format("woff"), url(/packs/Montserrat-Regular-6a18f75e59e23e7f23b8a4ef70d748cd.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'mastodon-font-display';
  src: local("Montserrat"), url(/packs/Montserrat-Medium-5f797490f806b3b229299f0a66de89c9.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }
body {
  line-height: 1; }
ol, ul {
  list-style: none; }
blockquote, q {
  quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }
table {
  border-collapse: collapse;
  border-spacing: 0; }
html {
  scrollbar-face-color: #313543;
  scrollbar-track-color: rgba(0, 0, 0, 0.1); }
::-webkit-scrollbar {
  width: 12px;
  height: 12px; }
::-webkit-scrollbar-thumb {
  background: #313543;
  border: 0px none #ffffff;
  border-radius: 50px; }
::-webkit-scrollbar-thumb:hover {
  background: #353a49; }
::-webkit-scrollbar-thumb:active {
  background: #313543; }
::-webkit-scrollbar-track {
  border: 0px none #ffffff;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1); }
::-webkit-scrollbar-track:hover {
  background: #282c37; }
::-webkit-scrollbar-track:active {
  background: #282c37; }
::-webkit-scrollbar-corner {
  background: transparent; }
body {
  font-family: "mastodon-font-sans-serif", sans-serif;
  background: #17191f;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  color: #ffffff;
  text-rendering: optimizelegibility;
  -webkit-font-feature-settings: "kern";
          font-feature-settings: "kern";
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }
body.system-font {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "mastodon-font-sans-serif", sans-serif; }
body.app-body {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    background: #282c37; }
body.app-body.with-modals--active {
      overflow-y: hidden; }
body.lighter {
    background: #282c37; }
body.with-modals {
    overflow-x: hidden;
    overflow-y: scroll; }
body.with-modals--active {
      overflow-y: hidden;
      margin-right: 13px; }
body.player {
    text-align: center; }
body.embed {
    background: #313543;
    margin: 0;
    padding-bottom: 0; }
body.embed .container {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden; }
body.admin {
    background: #1f232b;
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 0; }
body.error {
    position: absolute;
    text-align: center;
    color: #9baec8;
    background: #282c37;
    width: 100%;
    height: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
body.error .dialog {
      vertical-align: middle;
      margin: 20px; }
body.error .dialog img {
        display: block;
        max-width: 470px;
        width: 100%;
        height: auto;
        margin-top: -120px; }
body.error .dialog h1 {
        font-size: 20px;
        line-height: 28px;
        font-weight: 400; }
button {
  font-family: inherit;
  cursor: pointer; }
button:focus {
    outline: none; }
.app-holder,
.app-holder > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: 0 !important; }
.container-alt {
  width: 700px;
  margin: 0 auto;
  margin-top: 40px; }
@media screen and (max-width: 740px) {
    .container-alt {
      width: 100%;
      margin: 0; } }
.logo-container {
  margin: 100px auto;
  margin-bottom: 50px; }
@media screen and (max-width: 400px) {
    .logo-container {
      margin: 30px auto;
      margin-bottom: 20px; } }
.logo-container h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.logo-container h1 img {
      height: 42px;
      margin-right: 10px; }
.logo-container h1 a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #ffffff;
      text-decoration: none;
      outline: 0;
      padding: 12px 16px;
      line-height: 32px;
      font-family: "mastodon-font-display", sans-serif;
      font-weight: 500;
      font-size: 14px; }
.compose-standalone .compose-form {
  width: 400px;
  margin: 0 auto;
  padding: 20px 0;
  margin-top: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
@media screen and (max-width: 400px) {
    .compose-standalone .compose-form {
      width: 100%;
      margin-top: 0;
      padding: 20px; } }
.account-header {
  width: 400px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  line-height: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 0;
  padding-bottom: 0;
  margin-bottom: -30px;
  margin-top: 40px; }
@media screen and (max-width: 440px) {
    .account-header {
      width: 100%;
      margin: 0;
      margin-bottom: 10px;
      padding: 20px;
      padding-bottom: 0; } }
.account-header .avatar {
    width: 40px;
    height: 40px;
    margin-right: 8px; }
.account-header .avatar img {
      width: 100%;
      height: 100%;
      display: block;
      margin: 0;
      border-radius: 4px; }
.account-header .name {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    color: #d9e1e8;
    width: calc(100% - 88px); }
.account-header .name .username {
      display: block;
      font-weight: 500;
      text-overflow: ellipsis;
      overflow: hidden; }
.account-header .logout-link {
    display: block;
    font-size: 32px;
    line-height: 40px;
    margin-left: 8px; }
.grid-3 {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 3fr 1fr;
  grid-auto-columns: 25%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content; }
.grid-3 .column-0 {
    grid-column: 1/3;
    grid-row: 1; }
.grid-3 .column-1 {
    grid-column: 1;
    grid-row: 2; }
.grid-3 .column-2 {
    grid-column: 2;
    grid-row: 2; }
.grid-3 .column-3 {
    grid-column: 1/3;
    grid-row: 3; }
.grid-3 .landing-page__call-to-action {
    min-height: 100%; }
@media screen and (max-width: 738px) {
    .grid-3 {
      grid-template-columns: minmax(0, 50%) minmax(0, 50%); }
      .grid-3 .landing-page__call-to-action {
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .grid-3 .row__information-board {
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      .grid-3 .row__mascot {
        display: none; } }
@media screen and (max-width: 415px) {
    .grid-3 {
      grid-gap: 0;
      grid-template-columns: minmax(0, 100%); }
      .grid-3 .column-0 {
        grid-column: 1; }
      .grid-3 .column-1 {
        grid-column: 1;
        grid-row: 3; }
      .grid-3 .column-2 {
        grid-column: 1;
        grid-row: 2; }
      .grid-3 .column-3 {
        grid-column: 1;
        grid-row: 4; } }
@media screen and (max-width: 415px) {
  .public-layout {
    padding-top: 48px; } }
.public-layout .container {
  max-width: 960px; }
@media screen and (max-width: 415px) {
    .public-layout .container {
      padding: 0; } }
.public-layout .header {
  background: #393f4f;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  height: 48px;
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden; }
@media screen and (max-width: 415px) {
    .public-layout .header {
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      margin: 0;
      border-radius: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
      z-index: 110; } }
.public-layout .header > div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33.3%;
            flex: 1 1 33.3%;
    min-height: 1px; }
.public-layout .header .nav-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
.public-layout .header .nav-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
.public-layout .header .nav-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
.public-layout .header .brand {
    display: block;
    padding: 15px; }
.public-layout .header .brand img {
      display: block;
      height: 18px;
      width: auto;
      position: relative;
      bottom: -2px; }
@media screen and (max-width: 415px) {
        .public-layout .header .brand img {
          height: 20px; } }
.public-layout .header .brand:hover, .public-layout .header .brand:focus, .public-layout .header .brand:active {
      background: #42485a; }
.public-layout .header .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 1rem;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    color: #9baec8;
    white-space: nowrap;
    text-align: center; }
.public-layout .header .nav-link:hover, .public-layout .header .nav-link:focus, .public-layout .header .nav-link:active {
      text-decoration: underline;
      color: #ffffff; }
.public-layout .header .nav-button {
    background: #4a5266;
    margin: 8px;
    margin-left: 0;
    border-radius: 4px; }
.public-layout .header .nav-button:hover, .public-layout .header .nav-button:focus, .public-layout .header .nav-button:active {
      text-decoration: none;
      background: #535b72; }
.public-layout .grid {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);
  grid-auto-columns: 25%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content; }
.public-layout .grid .column-0 {
    grid-row: 1;
    grid-column: 1; }
.public-layout .grid .column-1 {
    grid-row: 1;
    grid-column: 2; }
@media screen and (max-width: 600px) {
    .public-layout .grid {
      grid-template-columns: 100%;
      grid-gap: 0; }
      .public-layout .grid .column-1 {
        display: none; } }
.public-layout .public-account-header {
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.public-layout .public-account-header.inactive {
    opacity: 0.5; }
.public-layout .public-account-header.inactive .public-account-header__image,
    .public-layout .public-account-header.inactive .avatar {
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%); }
.public-layout .public-account-header.inactive .logo-button {
      background-color: #d9e1e8; }
.public-layout .public-account-header.inactive .logo-button svg path:last-child {
        fill: #d9e1e8; }
.public-layout .public-account-header__image {
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    height: 300px;
    position: relative;
    background: #0e1014; }
.public-layout .public-account-header__image::after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      -webkit-box-shadow: inset 0 -1px 1px 1px rgba(0, 0, 0, 0.15);
              box-shadow: inset 0 -1px 1px 1px rgba(0, 0, 0, 0.15);
      top: 0;
      left: 0; }
.public-layout .public-account-header__image img {
      -o-object-fit: cover;
         font-family: "object-fit:cover";
         object-fit: cover;
      display: block;
      width: 100%;
      height: 100%;
      margin: 0;
      border-radius: 4px 4px 0 0; }
@media screen and (max-width: 600px) {
      .public-layout .public-account-header__image {
        height: 200px; } }
.public-layout .public-account-header--no-bar {
    margin-bottom: 0; }
.public-layout .public-account-header--no-bar .public-account-header__image,
    .public-layout .public-account-header--no-bar .public-account-header__image img {
      border-radius: 4px; }
@media screen and (max-width: 415px) {
        .public-layout .public-account-header--no-bar .public-account-header__image,
        .public-layout .public-account-header--no-bar .public-account-header__image img {
          border-radius: 0; } }
@media screen and (max-width: 415px) {
    .public-layout .public-account-header {
      margin-bottom: 0;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .public-layout .public-account-header__image::after {
        display: none; }
      .public-layout .public-account-header__image,
      .public-layout .public-account-header__image img {
        border-radius: 0; } }
.public-layout .public-account-header__bar {
    position: relative;
    margin-top: -80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
.public-layout .public-account-header__bar::before {
      content: "";
      display: block;
      background: #313543;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 60px;
      border-radius: 0 0 4px 4px;
      z-index: -1; }
.public-layout .public-account-header__bar .avatar {
      display: block;
      width: 120px;
      height: 120px;
      padding-left: 16px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
.public-layout .public-account-header__bar .avatar img {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        border-radius: 50%;
        border: 4px solid #313543;
        background: #17191f; }
@media screen and (max-width: 600px) {
      .public-layout .public-account-header__bar {
        margin-top: 0;
        background: #313543;
        border-radius: 0 0 4px 4px;
        padding: 5px; }
        .public-layout .public-account-header__bar::before {
          display: none; }
        .public-layout .public-account-header__bar .avatar {
          width: 48px;
          height: 48px;
          padding: 7px 0;
          padding-left: 10px; }
          .public-layout .public-account-header__bar .avatar img {
            border: 0;
            border-radius: 4px; } }
@media screen and (max-width: 600px) and (max-width: 360px) {
      .public-layout .public-account-header__bar .avatar {
        display: none; } }
@media screen and (max-width: 415px) {
      .public-layout .public-account-header__bar {
        border-radius: 0; } }
@media screen and (max-width: 600px) {
      .public-layout .public-account-header__bar {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
.public-layout .public-account-header__tabs {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-left: 20px; }
.public-layout .public-account-header__tabs__name {
      padding-top: 20px;
      padding-bottom: 8px; }
.public-layout .public-account-header__tabs__name h1 {
        font-size: 20px;
        line-height: 27px;
        color: #ffffff;
        font-weight: 500;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-shadow: 1px 1px 1px #000000; }
.public-layout .public-account-header__tabs__name h1 small {
          display: block;
          font-size: 14px;
          color: #ffffff;
          font-weight: 400;
          overflow: hidden;
          text-overflow: ellipsis; }
@media screen and (max-width: 600px) {
      .public-layout .public-account-header__tabs {
        margin-left: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .public-layout .public-account-header__tabs__name {
          padding-top: 0;
          padding-bottom: 0; }
          .public-layout .public-account-header__tabs__name h1 {
            font-size: 16px;
            line-height: 24px;
            text-shadow: none; }
            .public-layout .public-account-header__tabs__name h1 small {
              color: #9baec8; } }
.public-layout .public-account-header__tabs__tabs {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      height: 58px; }
.public-layout .public-account-header__tabs__tabs .details-counters {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        min-width: 300px; }
@media screen and (max-width: 600px) {
        .public-layout .public-account-header__tabs__tabs .details-counters {
          display: none; } }
.public-layout .public-account-header__tabs__tabs .counter {
        width: 33.3%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        color: #9baec8;
        padding: 10px;
        border-right: 1px solid #313543;
        cursor: default;
        text-align: center;
        position: relative; }
.public-layout .public-account-header__tabs__tabs .counter a {
          display: block; }
.public-layout .public-account-header__tabs__tabs .counter:last-child {
          border-right: 0; }
.public-layout .public-account-header__tabs__tabs .counter::after {
          display: block;
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          border-bottom: 4px solid #9baec8;
          opacity: 0.5;
          -webkit-transition: all 400ms ease;
          transition: all 400ms ease; }
.public-layout .public-account-header__tabs__tabs .counter.active::after {
          border-bottom: 4px solid #2b90d9;
          opacity: 1; }
.public-layout .public-account-header__tabs__tabs .counter.active.inactive::after {
          border-bottom-color: #d9e1e8; }
.public-layout .public-account-header__tabs__tabs .counter:hover::after {
          opacity: 1;
          -webkit-transition-duration: 100ms;
                  transition-duration: 100ms; }
.public-layout .public-account-header__tabs__tabs .counter a {
          text-decoration: none;
          color: inherit; }
.public-layout .public-account-header__tabs__tabs .counter .counter-label {
          font-size: 12px;
          display: block; }
.public-layout .public-account-header__tabs__tabs .counter .counter-number {
          font-weight: 500;
          font-size: 18px;
          margin-bottom: 5px;
          color: #ffffff;
          font-family: "mastodon-font-display", sans-serif; }
.public-layout .public-account-header__tabs__tabs .spacer {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        height: 1px; }
.public-layout .public-account-header__tabs__tabs__buttons {
        padding: 7px 8px; }
.public-layout .public-account-header__extra {
    display: none;
    margin-top: 4px; }
.public-layout .public-account-header__extra .public-account-bio {
      border-radius: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
      background: transparent;
      margin: 0 -5px; }
.public-layout .public-account-header__extra .public-account-bio .account__header__fields {
        border-top: 1px solid #42485a; }
.public-layout .public-account-header__extra .public-account-bio .roles {
        display: none; }
.public-layout .public-account-header__extra__links {
      margin-top: -15px;
      font-size: 14px;
      color: #9baec8; }
.public-layout .public-account-header__extra__links a {
        display: inline-block;
        color: #9baec8;
        text-decoration: none;
        padding: 15px; }
.public-layout .public-account-header__extra__links a strong {
          font-weight: 700;
          color: #ffffff; }
@media screen and (max-width: 600px) {
      .public-layout .public-account-header__extra {
        display: block;
        -webkit-box-flex: 100%;
            -ms-flex: 100%;
                flex: 100%; } }
.public-layout .account__section-headline {
  border-radius: 4px 4px 0 0; }
@media screen and (max-width: 415px) {
    .public-layout .account__section-headline {
      border-radius: 0; } }
.public-layout .detailed-status__meta {
  margin-top: 25px; }
.public-layout .public-account-bio {
  background: #393f4f;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 10px; }
@media screen and (max-width: 415px) {
    .public-layout .public-account-bio {
      -webkit-box-shadow: none;
              box-shadow: none;
      margin-bottom: 0;
      border-radius: 0; } }
.public-layout .public-account-bio .account__header__fields {
    margin: 0;
    border-top: 0; }
.public-layout .public-account-bio .account__header__fields a {
      color: #4ea2df; }
.public-layout .public-account-bio .account__header__fields dl:first-child .verified {
      border-radius: 0 4px 0 0; }
.public-layout .public-account-bio .account__header__fields .verified a {
      color: #79bd9a; }
.public-layout .public-account-bio .account__header__content {
    padding: 20px;
    padding-bottom: 0;
    color: #ffffff; }
.public-layout .public-account-bio__extra,
  .public-layout .public-account-bio .roles {
    padding: 20px;
    font-size: 14px;
    color: #9baec8; }
.public-layout .public-account-bio .roles {
    padding-bottom: 0; }
.public-layout .static-icon-button {
  color: #606984;
  font-size: 18px; }
.public-layout .static-icon-button > span {
    font-size: 14px;
    font-weight: 500; }
.public-layout .card-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 100%;
  margin: 0 -5px; }
.public-layout .card-grid > div {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    width: 300px;
    padding: 0 5px;
    margin-bottom: 10px;
    max-width: 33.333%; }
@media screen and (max-width: 900px) {
      .public-layout .card-grid > div {
        max-width: 50%; } }
@media screen and (max-width: 600px) {
      .public-layout .card-grid > div {
        max-width: 100%; } }
@media screen and (max-width: 415px) {
    .public-layout .card-grid {
      margin: 0;
      border-top: 1px solid #393f4f; }
      .public-layout .card-grid > div {
        width: 100%;
        padding: 0;
        margin-bottom: 0;
        border-bottom: 1px solid #393f4f; }
        .public-layout .card-grid > div:last-child {
          border-bottom: 0; }
        .public-layout .card-grid > div .card__bar {
          background: #282c37; }
          .public-layout .card-grid > div .card__bar:hover, .public-layout .card-grid > div .card__bar:active, .public-layout .card-grid > div .card__bar:focus {
            background: #313543; } }
.no-list {
  list-style: none; }
.no-list li {
    display: inline-block;
    margin: 0 5px; }
.recovery-codes {
  list-style: none;
  margin: 0 auto; }
.recovery-codes li {
    font-size: 125%;
    line-height: 1.5;
    letter-spacing: 1px; }
.public-layout .footer {
  text-align: left;
  padding-top: 20px;
  padding-bottom: 60px;
  font-size: 12px;
  color: #737d99; }
@media screen and (max-width: 415px) {
    .public-layout .footer {
      padding-left: 20px;
      padding-right: 20px; } }
.public-layout .footer .grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 2fr 1fr 1fr; }
.public-layout .footer .grid .column-0 {
      grid-column: 1;
      grid-row: 1;
      min-width: 0; }
.public-layout .footer .grid .column-1 {
      grid-column: 2;
      grid-row: 1;
      min-width: 0; }
.public-layout .footer .grid .column-2 {
      grid-column: 3;
      grid-row: 1;
      min-width: 0;
      text-align: center; }
.public-layout .footer .grid .column-2 h4 a {
        color: #737d99; }
.public-layout .footer .grid .column-3 {
      grid-column: 4;
      grid-row: 1;
      min-width: 0; }
.public-layout .footer .grid .column-4 {
      grid-column: 5;
      grid-row: 1;
      min-width: 0; }
@media screen and (max-width: 690px) {
      .public-layout .footer .grid {
        grid-template-columns: 1fr 2fr 1fr; }
        .public-layout .footer .grid .column-0,
        .public-layout .footer .grid .column-1 {
          grid-column: 1; }
        .public-layout .footer .grid .column-1 {
          grid-row: 2; }
        .public-layout .footer .grid .column-2 {
          grid-column: 2; }
        .public-layout .footer .grid .column-3,
        .public-layout .footer .grid .column-4 {
          grid-column: 3; }
        .public-layout .footer .grid .column-4 {
          grid-row: 2; } }
@media screen and (max-width: 600px) {
      .public-layout .footer .grid .column-1 {
        display: block; } }
@media screen and (max-width: 415px) {
      .public-layout .footer .grid .column-0,
      .public-layout .footer .grid .column-1,
      .public-layout .footer .grid .column-3,
      .public-layout .footer .grid .column-4 {
        display: none; } }
.public-layout .footer h4 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 8px;
    color: #9baec8; }
.public-layout .footer h4 a {
      color: inherit;
      text-decoration: none; }
.public-layout .footer ul a {
    text-decoration: none;
    color: #737d99; }
.public-layout .footer ul a:hover, .public-layout .footer ul a:active, .public-layout .footer ul a:focus {
      text-decoration: underline; }
.public-layout .footer .brand svg {
    display: block;
    height: 36px;
    width: auto;
    margin: 0 auto; }
.public-layout .footer .brand svg path {
      fill: #737d99; }
.public-layout .footer .brand:hover svg path, .public-layout .footer .brand:focus svg path, .public-layout .footer .brand:active svg path {
    fill: #7f88a2; }
.compact-header h1 {
  font-size: 24px;
  line-height: 28px;
  color: #9baec8;
  font-weight: 500;
  margin-bottom: 20px;
  padding: 0 10px;
  word-wrap: break-word; }
@media screen and (max-width: 740px) {
    .compact-header h1 {
      text-align: center;
      padding: 20px 10px 0; } }
.compact-header h1 a {
    color: inherit;
    text-decoration: none; }
.compact-header h1 small {
    font-weight: 400;
    color: #d9e1e8; }
.compact-header h1 img {
    display: inline-block;
    margin-bottom: -5px;
    margin-right: 15px;
    width: 36px;
    height: 36px; }
.hero-widget {
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.hero-widget__img {
    width: 100%;
    height: 167px;
    position: relative;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
    background: #000000; }
.hero-widget__img img {
      -o-object-fit: cover;
         font-family: "object-fit:cover";
         object-fit: cover;
      display: block;
      width: 100%;
      height: 100%;
      margin: 0;
      border-radius: 4px 4px 0 0; }
.hero-widget__text {
    background: #282c37;
    padding: 20px;
    border-radius: 0 0 4px 4px;
    font-size: 15px;
    color: #9baec8;
    line-height: 20px;
    word-wrap: break-word;
    font-weight: 400; }
.hero-widget__text .emojione {
      width: 20px;
      height: 20px;
      margin: -3px 0 0; }
.hero-widget__text p {
      margin-bottom: 20px; }
.hero-widget__text p:last-child {
        margin-bottom: 0; }
.hero-widget__text em {
      display: inline;
      margin: 0;
      padding: 0;
      font-weight: 700;
      background: transparent;
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
      color: #bcc9da; }
.hero-widget__text a {
      color: #d9e1e8;
      text-decoration: none; }
.hero-widget__text a:hover {
        text-decoration: underline; }
@media screen and (max-width: 415px) {
    .hero-widget {
      display: none; } }
.endorsements-widget {
  margin-bottom: 10px;
  padding-bottom: 10px; }
.endorsements-widget h4 {
    padding: 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    color: #9baec8; }
.endorsements-widget .account {
    padding: 10px 0; }
.endorsements-widget .account:last-child {
      border-bottom: 0; }
.endorsements-widget .account .account__display-name {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
.endorsements-widget .account .account__avatar {
      width: 44px;
      height: 44px;
      background-size: 44px 44px; }
.box-widget {
  padding: 20px;
  border-radius: 4px;
  background: #282c37;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.contact-widget,
.landing-page__information.contact-widget {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  min-height: 100%;
  border-radius: 4px;
  background: #282c37;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.contact-widget {
  font-size: 15px;
  color: #9baec8;
  line-height: 20px;
  word-wrap: break-word;
  font-weight: 400; }
.contact-widget strong {
    font-weight: 500; }
.contact-widget p {
    margin-bottom: 10px; }
.contact-widget p:last-child {
      margin-bottom: 0; }
.contact-widget__mail {
    margin-top: 10px; }
.contact-widget__mail a {
      color: #ffffff;
      text-decoration: none; }
.moved-account-widget {
  padding: 15px;
  padding-bottom: 20px;
  border-radius: 4px;
  background: #282c37;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  color: #d9e1e8;
  font-weight: 400;
  margin-bottom: 10px; }
.moved-account-widget strong,
  .moved-account-widget a {
    font-weight: 500; }
.moved-account-widget strong:lang(ja),
    .moved-account-widget a:lang(ja) {
      font-weight: 700; }
.moved-account-widget strong:lang(ko),
    .moved-account-widget a:lang(ko) {
      font-weight: 700; }
.moved-account-widget strong:lang(zh-CN),
    .moved-account-widget a:lang(zh-CN) {
      font-weight: 700; }
.moved-account-widget strong:lang(zh-HK),
    .moved-account-widget a:lang(zh-HK) {
      font-weight: 700; }
.moved-account-widget strong:lang(zh-TW),
    .moved-account-widget a:lang(zh-TW) {
      font-weight: 700; }
.moved-account-widget a {
    color: inherit;
    text-decoration: underline; }
.moved-account-widget a.mention {
      text-decoration: none; }
.moved-account-widget a.mention span {
        text-decoration: none; }
.moved-account-widget a.mention:focus, .moved-account-widget a.mention:hover, .moved-account-widget a.mention:active {
        text-decoration: none; }
.moved-account-widget a.mention:focus span, .moved-account-widget a.mention:hover span, .moved-account-widget a.mention:active span {
          text-decoration: underline; }
.moved-account-widget__message {
    margin-bottom: 15px; }
.moved-account-widget__message .fa {
      margin-right: 5px;
      color: #9baec8; }
.moved-account-widget__card .detailed-status__display-avatar {
    position: relative;
    cursor: pointer; }
.moved-account-widget__card .detailed-status__display-name {
    margin-bottom: 0;
    text-decoration: none; }
.moved-account-widget__card .detailed-status__display-name span {
      font-weight: 400; }
.memoriam-widget {
  padding: 20px;
  border-radius: 4px;
  background: #000000;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  color: #9baec8;
  margin-bottom: 10px; }
@media screen and (max-width: 415px) {
  .moved-account-widget,
  .memoriam-widget,
  .box-widget,
  .contact-widget,
  .landing-page__information.contact-widget {
    margin-bottom: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0; } }
code {
  font-family: "mastodon-font-monospace", monospace;
  font-weight: 400; }
.form-container {
  max-width: 400px;
  padding: 20px;
  margin: 0 auto; }
.simple_form .input {
  margin-bottom: 15px;
  overflow: hidden; }
.simple_form .input.hidden {
    margin: 0; }
.simple_form .input.radio_buttons .radio {
    margin-bottom: 15px; }
.simple_form .input.radio_buttons .radio:last-child {
      margin-bottom: 0; }
.simple_form .input.radio_buttons .radio > label {
    position: relative;
    padding-left: 28px; }
.simple_form .input.radio_buttons .radio > label input {
      position: absolute;
      top: -2px;
      left: 0; }
.simple_form .input.boolean {
    position: relative;
    margin-bottom: 0; }
.simple_form .input.boolean .label_input > label {
      font-family: inherit;
      font-size: 14px;
      padding-top: 5px;
      color: #ffffff;
      display: block;
      width: auto; }
.simple_form .input.boolean .label_input,
    .simple_form .input.boolean .hint {
      padding-left: 28px; }
.simple_form .input.boolean .label_input__wrapper {
      position: static; }
.simple_form .input.boolean label.checkbox {
      position: absolute;
      top: 2px;
      left: 0; }
.simple_form .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px; }
.simple_form .row .input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 50%;
    padding: 0 5px; }
.simple_form .hint {
  color: #9baec8; }
.simple_form .hint a {
    color: #2b90d9; }
.simple_form .hint code {
    border-radius: 3px;
    padding: 0.2em 0.4em;
    background: #0e1014; }
.simple_form span.hint {
  display: block;
  font-size: 12px;
  margin-top: 4px; }
.simple_form p.hint {
  margin-bottom: 15px;
  color: #9baec8; }
.simple_form p.hint.subtle-hint {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    margin-top: 15px;
    margin-bottom: 0; }
.simple_form .card {
  margin-bottom: 15px; }
.simple_form strong {
  font-weight: 500; }
.simple_form strong:lang(ja) {
    font-weight: 700; }
.simple_form strong:lang(ko) {
    font-weight: 700; }
.simple_form strong:lang(zh-CN) {
    font-weight: 700; }
.simple_form strong:lang(zh-HK) {
    font-weight: 700; }
.simple_form strong:lang(zh-TW) {
    font-weight: 700; }
.simple_form .input.with_floating_label .label_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.simple_form .input.with_floating_label .label_input > label {
    font-family: inherit;
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    min-width: 150px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
.simple_form .input.with_floating_label .label_input input,
  .simple_form .input.with_floating_label .label_input select {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
.simple_form .input.with_floating_label.select .hint {
  margin-top: 6px;
  margin-left: 150px; }
.simple_form .input.with_label .label_input > label {
  font-family: inherit;
  font-size: 14px;
  color: #ffffff;
  display: block;
  margin-bottom: 8px;
  word-wrap: break-word;
  font-weight: 500; }
.simple_form .input.with_label .hint {
  margin-top: 6px; }
.simple_form .input.with_label ul {
  -webkit-box-flex: 390px;
      -ms-flex: 390px;
          flex: 390px; }
.simple_form .input.with_block_label {
  max-width: none; }
.simple_form .input.with_block_label > label {
    font-family: inherit;
    font-size: 16px;
    color: #ffffff;
    display: block;
    font-weight: 500;
    padding-top: 5px; }
.simple_form .input.with_block_label .hint {
    margin-bottom: 15px; }
.simple_form .input.with_block_label ul {
    -webkit-columns: 2;
            columns: 2; }
.simple_form .required abbr {
  text-decoration: none;
  color: #e87487; }
.simple_form .fields-group {
  margin-bottom: 25px; }
.simple_form .fields-group .input:last-child {
    margin-bottom: 0; }
.simple_form .fields-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
  padding-top: 5px;
  margin-bottom: 25px; }
.simple_form .fields-row .input {
    max-width: none; }
.simple_form .fields-row__column {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 10px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-height: 1px; }
.simple_form .fields-row__column-6 {
      max-width: 50%; }
.simple_form .fields-row .fields-group:last-child,
  .simple_form .fields-row .fields-row__column.fields-group {
    margin-bottom: 0; }
@media screen and (max-width: 600px) {
    .simple_form .fields-row {
      display: block;
      margin-bottom: 0; }
      .simple_form .fields-row__column {
        max-width: none; }
      .simple_form .fields-row .fields-group:last-child,
      .simple_form .fields-row .fields-row__column.fields-group,
      .simple_form .fields-row .fields-row__column {
        margin-bottom: 25px; } }
.simple_form .input.radio_buttons .radio label {
  margin-bottom: 5px;
  font-family: inherit;
  font-size: 14px;
  color: #ffffff;
  display: block;
  width: auto; }
.simple_form .check_boxes .checkbox label {
  font-family: inherit;
  font-size: 14px;
  color: #ffffff;
  display: block;
  width: auto;
  position: relative;
  padding-top: 5px;
  padding-left: 25px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
.simple_form .check_boxes .checkbox input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 5px;
  margin: 0; }
.simple_form input[type=text],
.simple_form input[type=number],
.simple_form input[type=email],
.simple_form input[type=password],
.simple_form textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  color: #ffffff;
  display: block;
  width: 100%;
  outline: 0;
  font-family: inherit;
  resize: vertical;
  background: #131419;
  border: 1px solid #0a0b0e;
  border-radius: 4px;
  padding: 10px; }
.simple_form input[type=text]:invalid,
  .simple_form input[type=number]:invalid,
  .simple_form input[type=email]:invalid,
  .simple_form input[type=password]:invalid,
  .simple_form textarea:invalid {
    -webkit-box-shadow: none;
            box-shadow: none; }
.simple_form input[type=text]:focus:invalid,
  .simple_form input[type=number]:focus:invalid,
  .simple_form input[type=email]:focus:invalid,
  .simple_form input[type=password]:focus:invalid,
  .simple_form textarea:focus:invalid {
    border-color: #e87487; }
.simple_form input[type=text]:required:valid,
  .simple_form input[type=number]:required:valid,
  .simple_form input[type=email]:required:valid,
  .simple_form input[type=password]:required:valid,
  .simple_form textarea:required:valid {
    border-color: #79bd9a; }
.simple_form input[type=text]:hover,
  .simple_form input[type=number]:hover,
  .simple_form input[type=email]:hover,
  .simple_form input[type=password]:hover,
  .simple_form textarea:hover {
    border-color: black; }
.simple_form input[type=text]:active, .simple_form input[type=text]:focus,
  .simple_form input[type=number]:active,
  .simple_form input[type=number]:focus,
  .simple_form input[type=email]:active,
  .simple_form input[type=email]:focus,
  .simple_form input[type=password]:active,
  .simple_form input[type=password]:focus,
  .simple_form textarea:active,
  .simple_form textarea:focus {
    border-color: #2b90d9;
    background: #17191f; }
.simple_form .input.field_with_errors label {
  color: #e87487; }
.simple_form .input.field_with_errors input[type=text],
.simple_form .input.field_with_errors input[type=email],
.simple_form .input.field_with_errors input[type=password] {
  border-bottom-color: #79bd9a; }
.simple_form .input.field_with_errors .error {
  display: block;
  font-weight: 500;
  color: #e87487;
  margin-top: 4px; }
.simple_form .actions {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.simple_form .actions.actions--top {
    margin-top: 0;
    margin-bottom: 30px; }
.simple_form button,
.simple_form .button,
.simple_form .block-button {
  display: block;
  width: 100%;
  border: 0;
  border-radius: 4px;
  background: #2b90d9;
  color: #ffffff;
  font-size: 18px;
  line-height: inherit;
  height: auto;
  padding: 10px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  outline: 0;
  margin-bottom: 10px;
  margin-right: 10px; }
.simple_form button:last-child,
  .simple_form .button:last-child,
  .simple_form .block-button:last-child {
    margin-right: 0; }
.simple_form button:hover,
  .simple_form .button:hover,
  .simple_form .block-button:hover {
    background-color: #419bdd; }
.simple_form button:active, .simple_form button:focus,
  .simple_form .button:active,
  .simple_form .button:focus,
  .simple_form .block-button:active,
  .simple_form .block-button:focus {
    background-color: #2482c7; }
.simple_form button.negative,
  .simple_form .button.negative,
  .simple_form .block-button.negative {
    background: #df405a; }
.simple_form button.negative:hover,
    .simple_form .button.negative:hover,
    .simple_form .block-button.negative:hover {
      background-color: #e3566d; }
.simple_form button.negative:active, .simple_form button.negative:focus,
    .simple_form .button.negative:active,
    .simple_form .button.negative:focus,
    .simple_form .block-button.negative:active,
    .simple_form .block-button.negative:focus {
      background-color: #db2a47; }
.simple_form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  color: #ffffff;
  display: block;
  width: 100%;
  outline: 0;
  font-family: inherit;
  resize: vertical;
  background: #131419 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='%2342485A'/></svg>") no-repeat right 8px center/auto 16px;
  border: 1px solid #0a0b0e;
  border-radius: 4px;
  padding: 10px;
  height: 41px; }
.simple_form .label_input__wrapper {
  position: relative; }
.simple_form .label_input__append {
  position: absolute;
  right: 1px;
  top: 1px;
  padding: 10px;
  padding-bottom: 9px;
  font-size: 16px;
  color: #606984;
  font-family: inherit;
  pointer-events: none;
  cursor: default;
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden; }
.simple_form .label_input__append::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 1px;
    width: 5px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(19, 20, 25, 0)), to(#131419));
    background-image: linear-gradient(to right, rgba(19, 20, 25, 0), #131419); }
.flash-message {
  background: #393f4f;
  color: #9baec8;
  border-radius: 4px;
  padding: 15px 10px;
  margin-bottom: 30px;
  text-align: center; }
.flash-message.notice {
    border: 1px solid rgba(121, 189, 154, 0.5);
    background: rgba(121, 189, 154, 0.25);
    color: #79bd9a; }
.flash-message.alert {
    border: 1px solid rgba(223, 64, 90, 0.5);
    background: rgba(223, 64, 90, 0.25);
    color: #df405a; }
.flash-message p {
    margin-bottom: 15px; }
.flash-message .oauth-code {
    outline: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    border: none;
    padding: 10px;
    font-family: "mastodon-font-monospace", monospace;
    background: #282c37;
    color: #ffffff;
    font-size: 14px;
    margin: 0; }
.flash-message .oauth-code::-moz-focus-inner {
      border: 0; }
.flash-message .oauth-code::-moz-focus-inner, .flash-message .oauth-code:focus, .flash-message .oauth-code:active {
      outline: 0 !important; }
.flash-message .oauth-code:focus {
      background: #313543; }
.flash-message strong {
    font-weight: 500; }
.flash-message strong:lang(ja) {
      font-weight: 700; }
.flash-message strong:lang(ko) {
      font-weight: 700; }
.flash-message strong:lang(zh-CN) {
      font-weight: 700; }
.flash-message strong:lang(zh-HK) {
      font-weight: 700; }
.flash-message strong:lang(zh-TW) {
      font-weight: 700; }
@media screen and (max-width: 740px) and (min-width: 441px) {
    .flash-message {
      margin-top: 40px; } }
.form-footer {
  margin-top: 30px;
  text-align: center; }
.form-footer a {
    color: #9baec8;
    text-decoration: none; }
.form-footer a:hover {
      text-decoration: underline; }
.quick-nav {
  list-style: none;
  margin-bottom: 25px;
  font-size: 14px; }
.quick-nav li {
    display: inline-block;
    margin-right: 10px; }
.quick-nav a {
    color: #2b90d9;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700; }
.quick-nav a:hover, .quick-nav a:focus, .quick-nav a:active {
      color: #4ea2df; }
.oauth-prompt,
.follow-prompt {
  margin-bottom: 30px;
  text-align: center;
  color: #9baec8; }
.oauth-prompt h2,
  .follow-prompt h2 {
    font-size: 16px;
    margin-bottom: 30px; }
.oauth-prompt strong,
  .follow-prompt strong {
    color: #d9e1e8;
    font-weight: 500; }
.oauth-prompt strong:lang(ja),
    .follow-prompt strong:lang(ja) {
      font-weight: 700; }
.oauth-prompt strong:lang(ko),
    .follow-prompt strong:lang(ko) {
      font-weight: 700; }
.oauth-prompt strong:lang(zh-CN),
    .follow-prompt strong:lang(zh-CN) {
      font-weight: 700; }
.oauth-prompt strong:lang(zh-HK),
    .follow-prompt strong:lang(zh-HK) {
      font-weight: 700; }
.oauth-prompt strong:lang(zh-TW),
    .follow-prompt strong:lang(zh-TW) {
      font-weight: 700; }
@media screen and (max-width: 740px) and (min-width: 441px) {
    .oauth-prompt,
    .follow-prompt {
      margin-top: 40px; } }
.qr-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
.qr-code {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: #ffffff;
  padding: 4px;
  margin: 0 10px 20px 0;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  display: inline-block; }
.qr-code svg {
    display: block;
    margin: 0; }
.qr-alternative {
  margin-bottom: 20px;
  color: #d9e1e8;
  -webkit-box-flex: 150px;
      -ms-flex: 150px;
          flex: 150px; }
.qr-alternative samp {
    display: block;
    font-size: 14px; }
.table-form p {
  margin-bottom: 15px; }
.table-form p strong {
    font-weight: 500; }
.table-form p strong:lang(ja) {
      font-weight: 700; }
.table-form p strong:lang(ko) {
      font-weight: 700; }
.table-form p strong:lang(zh-CN) {
      font-weight: 700; }
.table-form p strong:lang(zh-HK) {
      font-weight: 700; }
.table-form p strong:lang(zh-TW) {
      font-weight: 700; }
.simple_form .warning,
.table-form .warning {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(223, 64, 90, 0.5);
  color: #ffffff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 15px; }
.simple_form .warning a,
  .table-form .warning a {
    color: #ffffff;
    text-decoration: underline; }
.simple_form .warning a:hover, .simple_form .warning a:focus, .simple_form .warning a:active,
    .table-form .warning a:hover,
    .table-form .warning a:focus,
    .table-form .warning a:active {
      text-decoration: none; }
.simple_form .warning strong,
  .table-form .warning strong {
    font-weight: 600;
    display: block;
    margin-bottom: 5px; }
.simple_form .warning strong:lang(ja),
    .table-form .warning strong:lang(ja) {
      font-weight: 700; }
.simple_form .warning strong:lang(ko),
    .table-form .warning strong:lang(ko) {
      font-weight: 700; }
.simple_form .warning strong:lang(zh-CN),
    .table-form .warning strong:lang(zh-CN) {
      font-weight: 700; }
.simple_form .warning strong:lang(zh-HK),
    .table-form .warning strong:lang(zh-HK) {
      font-weight: 700; }
.simple_form .warning strong:lang(zh-TW),
    .table-form .warning strong:lang(zh-TW) {
      font-weight: 700; }
.simple_form .warning strong .fa,
    .table-form .warning strong .fa {
      font-weight: 400; }
.action-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.action-pagination .actions,
  .action-pagination .pagination {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
.action-pagination .actions {
    padding: 30px 0;
    padding-right: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
.post-follow-actions {
  text-align: center;
  color: #9baec8; }
.post-follow-actions div {
    margin-bottom: 4px; }
.alternative-login {
  margin-top: 20px;
  margin-bottom: 20px; }
.alternative-login h4 {
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 20px;
    border: 0;
    padding: 0; }
.alternative-login .button {
    display: block; }
.scope-danger {
  color: #ff5050; }
.form_admin_settings_site_short_description textarea,
.form_admin_settings_site_description textarea,
.form_admin_settings_site_extended_description textarea,
.form_admin_settings_site_terms textarea,
.form_admin_settings_custom_css textarea,
.form_admin_settings_closed_registrations_message textarea {
  font-family: "mastodon-font-monospace", monospace; }
.input-copy {
  background: #131419;
  border: 1px solid #0a0b0e;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 4px;
  position: relative;
  top: 1px;
  -webkit-transition: border-color 300ms linear;
  transition: border-color 300ms linear; }
.input-copy__wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
.input-copy input[type=text] {
    background: transparent;
    border: 0;
    padding: 10px;
    font-size: 14px;
    font-family: "mastodon-font-monospace", monospace; }
.input-copy button {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 4px;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    padding: 7px 18px;
    padding-bottom: 6px;
    width: auto;
    -webkit-transition: background 300ms linear;
    transition: background 300ms linear; }
.input-copy.copied {
    border-color: #79bd9a;
    -webkit-transition: none;
    transition: none; }
.input-copy.copied button {
      background: #79bd9a;
      -webkit-transition: none;
      transition: none; }
.card > a {
  display: block;
  text-decoration: none;
  color: inherit;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 415px) {
    .card > a {
      -webkit-box-shadow: none;
              box-shadow: none; } }
.card > a:hover .card__bar, .card > a:active .card__bar, .card > a:focus .card__bar {
    background: #393f4f; }
.card__img {
  height: 130px;
  position: relative;
  background: #0e1014;
  border-radius: 4px 4px 0 0; }
.card__img img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    -o-object-fit: cover;
       font-family: "object-fit:cover";
       object-fit: cover;
    border-radius: 4px 4px 0 0; }
@media screen and (max-width: 600px) {
    .card__img {
      height: 200px; } }
@media screen and (max-width: 415px) {
    .card__img {
      display: none; } }
.card__bar {
  position: relative;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #313543;
  border-radius: 0 0 4px 4px; }
@media screen and (max-width: 415px) {
    .card__bar {
      border-radius: 0; } }
.card__bar .avatar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 48px;
    height: 48px;
    padding-top: 2px; }
.card__bar .avatar img {
      width: 100%;
      height: 100%;
      display: block;
      margin: 0;
      border-radius: 4px;
      background: #17191f; }
.card__bar .display-name {
    margin-left: 15px;
    text-align: left; }
.card__bar .display-name strong {
      font-size: 15px;
      color: #ffffff;
      font-weight: 500;
      overflow: hidden;
      text-overflow: ellipsis; }
.card__bar .display-name span {
      display: block;
      font-size: 14px;
      color: #9baec8;
      font-weight: 400;
      overflow: hidden;
      text-overflow: ellipsis; }
.pagination {
  padding: 30px 0;
  text-align: center;
  overflow: hidden; }
.pagination a,
  .pagination .current,
  .pagination .newer,
  .pagination .older,
  .pagination .page,
  .pagination .gap {
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    display: inline-block;
    padding: 6px 10px;
    text-decoration: none; }
.pagination .current {
    background: #ffffff;
    border-radius: 100px;
    color: #282c37;
    cursor: default;
    margin: 0 10px; }
.pagination .gap {
    cursor: default; }
.pagination .older,
  .pagination .newer {
    text-transform: uppercase;
    color: #d9e1e8; }
.pagination .older {
    float: left;
    padding-left: 0; }
.pagination .older .fa {
      display: inline-block;
      margin-right: 5px; }
.pagination .newer {
    float: right;
    padding-right: 0; }
.pagination .newer .fa {
      display: inline-block;
      margin-left: 5px; }
.pagination .disabled {
    cursor: default;
    color: #3d4455; }
@media screen and (max-width: 700px) {
    .pagination {
      padding: 30px 20px; }
      .pagination .page {
        display: none; }
      .pagination .newer,
      .pagination .older {
        display: inline-block; } }
.nothing-here {
  background: #282c37;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  color: #9baec8;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: default;
  border-radius: 4px;
  padding: 20px;
  min-height: 30vh; }
.nothing-here--under-tabs {
    border-radius: 0 0 4px 4px; }
.account-role {
  display: inline-block;
  padding: 4px 6px;
  cursor: default;
  border-radius: 3px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  color: #d9e1e8;
  background-color: rgba(217, 225, 232, 0.1);
  border: 1px solid rgba(217, 225, 232, 0.5); }
.account-role.moderator {
    color: #79bd9a;
    background-color: rgba(121, 189, 154, 0.1);
    border-color: rgba(121, 189, 154, 0.5); }
.account-role.admin {
    color: #e87487;
    background-color: rgba(232, 116, 135, 0.1);
    border-color: rgba(232, 116, 135, 0.5); }
.account__header__fields {
  padding: 0;
  margin: 15px -15px -15px;
  border: 0 none;
  border-top: 1px solid #42485a;
  border-bottom: 1px solid #42485a;
  font-size: 14px;
  line-height: 20px; }
.account__header__fields dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #42485a; }
.account__header__fields dt,
  .account__header__fields dd {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 14px;
    text-align: center;
    max-height: 48px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
.account__header__fields dt {
    font-weight: 500;
    width: 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    color: #d9e1e8;
    background: rgba(23, 25, 31, 0.5); }
.account__header__fields dd {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    color: #9baec8; }
.account__header__fields a {
    color: #2b90d9;
    text-decoration: none; }
.account__header__fields a:hover, .account__header__fields a:focus, .account__header__fields a:active {
      text-decoration: underline; }
.account__header__fields .verified {
    border: 1px solid rgba(121, 189, 154, 0.5);
    background: rgba(121, 189, 154, 0.25); }
.account__header__fields .verified a {
      color: #79bd9a;
      font-weight: 500; }
.account__header__fields .verified__mark {
      color: #79bd9a; }
.account__header__fields dl:last-child {
    border-bottom: 0; }
.activity-stream {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 10px;
  text-align: left; }
@media screen and (max-width: 415px) {
    .activity-stream {
      margin-bottom: 0;
      border-radius: 0;
      -webkit-box-shadow: none;
              box-shadow: none; } }
.activity-stream--headless {
    border-radius: 0;
    margin: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
.activity-stream--headless .detailed-status,
    .activity-stream--headless .status {
      border-radius: 0 !important; }
.activity-stream div[data-component] {
    width: 100%; }
.activity-stream .entry {
    background: #282c37; }
.activity-stream .entry .detailed-status,
    .activity-stream .entry .status,
    .activity-stream .entry .load-more {
      -webkit-animation: none;
              animation: none; }
.activity-stream .entry:last-child .detailed-status,
    .activity-stream .entry:last-child .status,
    .activity-stream .entry:last-child .load-more {
      border-bottom: 0;
      border-radius: 0 0 4px 4px; }
.activity-stream .entry:first-child .detailed-status,
    .activity-stream .entry:first-child .status,
    .activity-stream .entry:first-child .load-more {
      border-radius: 4px 4px 0 0; }
.activity-stream .entry:first-child:last-child .detailed-status,
    .activity-stream .entry:first-child:last-child .status,
    .activity-stream .entry:first-child:last-child .load-more {
      border-radius: 4px; }
@media screen and (max-width: 740px) {
      .activity-stream .entry .detailed-status,
      .activity-stream .entry .status,
      .activity-stream .entry .load-more {
        border-radius: 0 !important; } }
.activity-stream--highlighted .entry {
    background: #393f4f; }
.button.logo-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  font-size: 14px;
  background: #2b90d9;
  color: #ffffff;
  text-transform: none;
  line-height: 36px;
  height: auto;
  padding: 3px 15px;
  border: 0; }
.button.logo-button svg {
    width: 20px;
    height: auto;
    vertical-align: middle;
    margin-right: 5px; }
.button.logo-button svg path:first-child {
      fill: #ffffff; }
.button.logo-button svg path:last-child {
      fill: #2b90d9; }
.button.logo-button:active, .button.logo-button:focus, .button.logo-button:hover {
    background: #56a7e1; }
.button.logo-button:active svg path:last-child, .button.logo-button:focus svg path:last-child, .button.logo-button:hover svg path:last-child {
      fill: #56a7e1; }
.button.logo-button.button--destructive:active, .button.logo-button.button--destructive:focus, .button.logo-button.button--destructive:hover {
    background: #df405a; }
.button.logo-button.button--destructive:active svg path:last-child, .button.logo-button.button--destructive:focus svg path:last-child, .button.logo-button.button--destructive:hover svg path:last-child {
      fill: #df405a; }
@media screen and (max-width: 415px) {
    .button.logo-button svg {
      display: none; } }
.embed .detailed-status,
.public-layout .detailed-status {
  padding: 15px; }
.embed .status,
.public-layout .status {
  padding: 15px 15px 15px 78px;
  min-height: 50px; }
.embed .status__avatar,
  .public-layout .status__avatar {
    left: 15px;
    top: 17px; }
.embed .status__content,
  .public-layout .status__content {
    padding-top: 5px; }
.embed .status__prepend,
  .public-layout .status__prepend {
    margin-left: 78px;
    padding-top: 15px; }
.embed .status__prepend-icon-wrapper,
  .public-layout .status__prepend-icon-wrapper {
    left: -32px; }
.embed .status .media-gallery, .embed .status__action-bar,
  .embed .status .video-player,
  .public-layout .status .media-gallery,
  .public-layout .status__action-bar,
  .public-layout .status .video-player {
    margin-top: 10px; }
button.icon-button i.fa-retweet {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23606984' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>"); }
button.icon-button i.fa-retweet:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23707B97' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>"); }
button.icon-button.disabled i.fa-retweet {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23444B5D' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232B90D9' stroke-width='0'/></svg>"); }
.app-body {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }
.button {
  background-color: #2b90d9;
  border: 10px none;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  letter-spacing: 0;
  line-height: 36px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  text-overflow: ellipsis;
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  white-space: nowrap;
  width: auto; }
.button:active, .button:focus, .button:hover {
    background-color: #56a7e1;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out; }
.button--destructive {
    -webkit-transition: none;
    transition: none; }
.button--destructive:active, .button--destructive:focus, .button--destructive:hover {
      background-color: #df405a;
      -webkit-transition: none;
      transition: none; }
.button:disabled {
    background-color: #9baec8;
    cursor: default; }
.button::-moz-focus-inner {
    border: 0; }
.button::-moz-focus-inner, .button:focus, .button:active {
    outline: 0 !important; }
.button.button-primary, .button.button-alternative, .button.button-secondary, .button.button-alternative-2 {
    font-size: 16px;
    line-height: 36px;
    height: auto;
    text-transform: none;
    padding: 4px 16px; }
.button.button-alternative {
    color: #282c37;
    background: #9baec8; }
.button.button-alternative:active, .button.button-alternative:focus, .button.button-alternative:hover {
      background-color: #a8b9cf; }
.button.button-alternative-2 {
    background: #606984; }
.button.button-alternative-2:active, .button.button-alternative-2:focus, .button.button-alternative-2:hover {
      background-color: #687390; }
.button.button-secondary {
    color: #9baec8;
    background: transparent;
    padding: 3px 15px;
    border: 1px solid #9baec8; }
.button.button-secondary:active, .button.button-secondary:focus, .button.button-secondary:hover {
      border-color: #a8b9cf;
      color: #a8b9cf; }
.button.button--block {
    display: block;
    width: 100%; }
.column__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative; }
.icon-button {
  display: inline-block;
  padding: 0;
  color: #606984;
  border: none;
  background: transparent;
  cursor: pointer;
  -webkit-transition: color 100ms ease-in;
  transition: color 100ms ease-in; }
.icon-button:hover, .icon-button:active, .icon-button:focus {
    color: #707b97;
    -webkit-transition: color 200ms ease-out;
    transition: color 200ms ease-out; }
.icon-button.disabled {
    color: #444b5d;
    cursor: default; }
.icon-button.active {
    color: #2b90d9; }
.icon-button::-moz-focus-inner {
    border: 0; }
.icon-button::-moz-focus-inner, .icon-button:focus, .icon-button:active {
    outline: 0 !important; }
.icon-button.inverted {
    color: #606984; }
.icon-button.inverted:hover, .icon-button.inverted:active, .icon-button.inverted:focus {
      color: #51596f; }
.icon-button.inverted.disabled {
      color: #707b97; }
.icon-button.inverted.active {
      color: #2b90d9; }
.icon-button.inverted.active.disabled {
        color: #63ade3; }
.icon-button.overlayed {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    background: rgba(0, 0, 0, 0.6);
    color: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    padding: 2px; }
.icon-button.overlayed:hover {
      background: rgba(0, 0, 0, 0.9); }
.text-icon-button {
  color: #606984;
  border: none;
  background: transparent;
  cursor: pointer;
  font-weight: 600;
  font-size: 11px;
  padding: 0 3px;
  line-height: 27px;
  outline: 0;
  -webkit-transition: color 100ms ease-in;
  transition: color 100ms ease-in; }
.text-icon-button:hover, .text-icon-button:active, .text-icon-button:focus {
    color: #51596f;
    -webkit-transition: color 200ms ease-out;
    transition: color 200ms ease-out; }
.text-icon-button.disabled {
    color: #979eb3;
    cursor: default; }
.text-icon-button.active {
    color: #2b90d9; }
.text-icon-button::-moz-focus-inner {
    border: 0; }
.text-icon-button::-moz-focus-inner, .text-icon-button:focus, .text-icon-button:active {
    outline: 0 !important; }
.dropdown-menu {
  position: absolute; }
.invisible {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute; }
.invisible img,
  .invisible svg {
    margin: 0 !important;
    border: 0 !important;
    padding: 0 !important;
    width: 0 !important;
    height: 0 !important; }
.ellipsis::after {
  content: "\2026"; }
.compose-form {
  padding: 10px; }
.compose-form .compose-form__warning {
    color: #282c37;
    margin-bottom: 10px;
    background: #9baec8;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400; }
.compose-form .compose-form__warning strong {
      color: #282c37;
      font-weight: 500; }
.compose-form .compose-form__warning strong:lang(ja) {
        font-weight: 700; }
.compose-form .compose-form__warning strong:lang(ko) {
        font-weight: 700; }
.compose-form .compose-form__warning strong:lang(zh-CN) {
        font-weight: 700; }
.compose-form .compose-form__warning strong:lang(zh-HK) {
        font-weight: 700; }
.compose-form .compose-form__warning strong:lang(zh-TW) {
        font-weight: 700; }
.compose-form .compose-form__warning a {
      color: #606984;
      font-weight: 500;
      text-decoration: underline; }
.compose-form .compose-form__warning a:hover, .compose-form .compose-form__warning a:active, .compose-form .compose-form__warning a:focus {
        text-decoration: none; }
.compose-form .compose-form__autosuggest-wrapper {
    position: relative; }
.compose-form .compose-form__autosuggest-wrapper .emoji-picker-dropdown {
      position: absolute;
      right: 5px;
      top: 5px; }
.compose-form .autosuggest-textarea,
  .compose-form .spoiler-input {
    position: relative; }
.compose-form .spoiler-input {
    height: 0;
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    opacity: 0.0; }
.compose-form .spoiler-input.spoiler-input--visible {
      height: 47px;
      opacity: 1.0; }
.compose-form .autosuggest-textarea__textarea,
  .compose-form .spoiler-input__input {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0;
    color: #282c37;
    background: #ffffff;
    padding: 10px;
    font-family: inherit;
    font-size: 14px;
    resize: vertical;
    border: 0;
    outline: 0; }
.compose-form .autosuggest-textarea__textarea:focus,
    .compose-form .spoiler-input__input:focus {
      outline: 0; }
@media screen and (max-width: 600px) {
      .compose-form .autosuggest-textarea__textarea,
      .compose-form .spoiler-input__input {
        font-size: 16px; } }
.compose-form .spoiler-input__input {
    border-radius: 4px; }
.compose-form .autosuggest-textarea__textarea {
    min-height: 100px;
    border-radius: 4px 4px 0 0;
    padding-bottom: 0;
    padding-right: 32px;
    resize: none; }
@media screen and (max-width: 600px) {
      .compose-form .autosuggest-textarea__textarea {
        height: 100px !important;
        resize: vertical; } }
.compose-form .autosuggest-textarea__suggestions {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 99;
    -webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);
            box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);
    background: #d9e1e8;
    border-radius: 0 0 4px 4px;
    color: #282c37;
    font-size: 14px;
    padding: 6px; }
.compose-form .autosuggest-textarea__suggestions.autosuggest-textarea__suggestions--visible {
      display: block; }
.compose-form .autosuggest-textarea__suggestions__item {
    padding: 10px;
    cursor: pointer;
    border-radius: 4px; }
.compose-form .autosuggest-textarea__suggestions__item:hover, .compose-form .autosuggest-textarea__suggestions__item:focus, .compose-form .autosuggest-textarea__suggestions__item:active, .compose-form .autosuggest-textarea__suggestions__item.selected {
      background: #b9c8d5; }
.compose-form .autosuggest-account,
  .compose-form .autosuggest-emoji {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    line-height: 18px;
    font-size: 14px; }
.compose-form .autosuggest-account-icon,
  .compose-form .autosuggest-emoji img {
    display: block;
    margin-right: 8px;
    width: 16px;
    height: 16px; }
.compose-form .autosuggest-account .display-name__account {
    color: #606984; }
.compose-form .compose-form__modifiers {
    color: #282c37;
    font-family: inherit;
    font-size: 14px;
    background: #ffffff; }
.compose-form .compose-form__modifiers .compose-form__upload-wrapper {
      overflow: hidden; }
.compose-form .compose-form__modifiers .compose-form__uploads-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      padding: 5px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
.compose-form .compose-form__modifiers .compose-form__upload {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0;
      min-width: 40%;
      margin: 5px; }
.compose-form .compose-form__modifiers .compose-form__upload__actions {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.8)), color-stop(80%, rgba(0, 0, 0, 0.35)), to(transparent));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        opacity: 0;
        -webkit-transition: opacity .1s ease;
        transition: opacity .1s ease; }
.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 auto;
                  flex: 0 1 auto;
          color: #d9e1e8;
          font-size: 14px;
          font-weight: 500;
          padding: 10px;
          font-family: inherit; }
.compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:hover, .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:focus, .compose-form .compose-form__modifiers .compose-form__upload__actions .icon-button:active {
            color: #eff3f5; }
.compose-form .compose-form__modifiers .compose-form__upload__actions.active {
          opacity: 1; }
.compose-form .compose-form__modifiers .compose-form__upload-description {
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.8)), color-stop(80%, rgba(0, 0, 0, 0.35)), to(transparent));
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.35) 80%, transparent);
        padding: 10px;
        opacity: 0;
        -webkit-transition: opacity .1s ease;
        transition: opacity .1s ease; }
.compose-form .compose-form__modifiers .compose-form__upload-description input {
          background: transparent;
          color: #d9e1e8;
          border: 0;
          padding: 0;
          margin: 0;
          width: 100%;
          font-family: inherit;
          font-size: 14px;
          font-weight: 500; }
.compose-form .compose-form__modifiers .compose-form__upload-description input:focus {
            color: #ffffff; }
.compose-form .compose-form__modifiers .compose-form__upload-description input::-webkit-input-placeholder {
            opacity: 0.75;
            color: #d9e1e8; }
.compose-form .compose-form__modifiers .compose-form__upload-description input:-ms-input-placeholder {
            opacity: 0.75;
            color: #d9e1e8; }
.compose-form .compose-form__modifiers .compose-form__upload-description input::-ms-input-placeholder {
            opacity: 0.75;
            color: #d9e1e8; }
.compose-form .compose-form__modifiers .compose-form__upload-description input::placeholder {
            opacity: 0.75;
            color: #d9e1e8; }
.compose-form .compose-form__modifiers .compose-form__upload-description.active {
          opacity: 1; }
.compose-form .compose-form__modifiers .compose-form__upload-thumbnail {
      border-radius: 4px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 140px;
      width: 100%;
      overflow: hidden; }
.compose-form .compose-form__buttons-wrapper {
    padding: 10px;
    background: #ebebeb;
    border-radius: 0 0 4px 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
.compose-form .compose-form__buttons-wrapper .compose-form__buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__upload-button-icon {
        line-height: 27px; }
.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button {
        display: none; }
.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button.compose-form__sensitive-button--visible {
          display: block; }
.compose-form .compose-form__buttons-wrapper .compose-form__buttons .compose-form__sensitive-button .compose-form__sensitive-button__icon {
          line-height: 27px; }
.compose-form .compose-form__buttons-wrapper .icon-button {
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      padding: 0 3px; }
.compose-form .compose-form__buttons-wrapper .character-counter__wrapper {
      -ms-flex-item-align: center;
          align-self: center;
      margin-right: 4px; }
.compose-form .compose-form__buttons-wrapper .character-counter__wrapper .character-counter {
        cursor: default;
        font-family: "mastodon-font-sans-serif", sans-serif;
        font-size: 14px;
        font-weight: 600;
        color: #606984; }
.compose-form .compose-form__buttons-wrapper .character-counter__wrapper .character-counter.character-counter--over {
          color: #ff5050; }
.compose-form .compose-form__publish {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    min-width: 0; }
.compose-form .compose-form__publish .compose-form__publish-button-wrapper {
      overflow: hidden;
      padding-top: 10px; }
.no-reduce-motion .spoiler-input {
  -webkit-transition: height 0.4s ease, opacity 0.4s ease;
  transition: height 0.4s ease, opacity 0.4s ease; }
.emojione {
  font-family: "object-fit:contain", inherit;
  vertical-align: middle;
  -o-object-fit: contain;
     object-fit: contain;
  margin: -.2ex .15em .2ex;
  width: 16px;
  height: 16px; }
.emojione img {
    width: auto; }
.reply-indicator {
  border-radius: 4px;
  margin-bottom: 10px;
  background: #9baec8;
  padding: 10px; }
.reply-indicator__header {
  margin-bottom: 5px;
  overflow: hidden; }
.reply-indicator__cancel {
  float: right;
  line-height: 24px; }
.reply-indicator__display-name {
  color: #282c37;
  display: block;
  max-width: 100%;
  line-height: 24px;
  overflow: hidden;
  padding-right: 25px;
  text-decoration: none; }
.reply-indicator__display-avatar {
  float: left;
  margin-right: 5px; }
.status__content--with-action {
  cursor: pointer; }
.status__content,
.reply-indicator__content {
  position: relative;
  font-size: 15px;
  line-height: 20px;
  word-wrap: break-word;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  padding-top: 2px;
  color: #ffffff; }
.status__content:focus,
  .reply-indicator__content:focus {
    outline: 0; }
.status__content.status__content--with-spoiler,
  .reply-indicator__content.status__content--with-spoiler {
    white-space: normal; }
.status__content.status__content--with-spoiler .status__content__text,
    .reply-indicator__content.status__content--with-spoiler .status__content__text {
      white-space: pre-wrap; }
.status__content .emojione,
  .reply-indicator__content .emojione {
    width: 20px;
    height: 20px;
    margin: -3px 0 0; }
.status__content p,
  .reply-indicator__content p {
    margin-bottom: 20px; }
.status__content p:last-child,
    .reply-indicator__content p:last-child {
      margin-bottom: 0; }
.status__content a,
  .reply-indicator__content a {
    color: #d9e1e8;
    text-decoration: none; }
.status__content a:hover,
    .reply-indicator__content a:hover {
      text-decoration: underline; }
.status__content a:hover .fa,
      .reply-indicator__content a:hover .fa {
        color: #707b97; }
.status__content a.mention:hover,
    .reply-indicator__content a.mention:hover {
      text-decoration: none; }
.status__content a.mention:hover span,
      .reply-indicator__content a.mention:hover span {
        text-decoration: underline; }
.status__content a .fa,
    .reply-indicator__content a .fa {
      color: #606984; }
.status__content .status__content__spoiler-link,
  .reply-indicator__content .status__content__spoiler-link {
    background: #606984; }
.status__content .status__content__spoiler-link:hover,
    .reply-indicator__content .status__content__spoiler-link:hover {
      background: #707b97;
      text-decoration: none; }
.status__content .status__content__spoiler-link::-moz-focus-inner,
    .reply-indicator__content .status__content__spoiler-link::-moz-focus-inner {
      border: 0; }
.status__content .status__content__spoiler-link::-moz-focus-inner, .status__content .status__content__spoiler-link:focus, .status__content .status__content__spoiler-link:active,
    .reply-indicator__content .status__content__spoiler-link::-moz-focus-inner,
    .reply-indicator__content .status__content__spoiler-link:focus,
    .reply-indicator__content .status__content__spoiler-link:active {
      outline: 0 !important; }
.status__content .status__content__text,
  .reply-indicator__content .status__content__text {
    display: none; }
.status__content .status__content__text.status__content__text--visible,
    .reply-indicator__content .status__content__text.status__content__text--visible {
      display: block; }
.status__content.status__content--collapsed {
  max-height: 300px; }
.status__content__read-more-button {
  display: block;
  font-size: 15px;
  line-height: 20px;
  color: #4ea2df;
  border: 0;
  background: transparent;
  padding: 0;
  padding-top: 8px; }
.status__content__read-more-button:hover, .status__content__read-more-button:active {
    text-decoration: underline; }
.status__content__spoiler-link {
  display: inline-block;
  border-radius: 2px;
  background: transparent;
  border: 0;
  color: #282c37;
  font-weight: 700;
  font-size: 11px;
  padding: 0 6px;
  text-transform: uppercase;
  line-height: 20px;
  cursor: pointer;
  vertical-align: middle; }
.status__wrapper--filtered {
  color: #606984;
  border: 0;
  font-size: inherit;
  text-align: center;
  line-height: inherit;
  margin: 0;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  clear: both;
  border-bottom: 1px solid #393f4f; }
.status__prepend-icon-wrapper {
  left: -26px;
  position: absolute; }
.focusable:focus {
  outline: 0;
  background: #313543; }
.focusable:focus .status.status-direct {
    background: #42485a; }
.focusable:focus .status.status-direct.muted {
      background: transparent; }
.focusable:focus .detailed-status,
  .focusable:focus .detailed-status__action-bar {
    background: #393f4f; }
.status {
  padding: 8px 10px;
  padding-left: 68px;
  position: relative;
  min-height: 48px;
  border-bottom: 1px solid #393f4f;
  cursor: default;
  opacity: 1;
  -webkit-animation: fade 150ms linear;
          animation: fade 150ms linear; }
@supports (-ms-overflow-style: -ms-autohiding-scrollbar) {
    .status {
      padding-right: 26px; } }
@-webkit-keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.status .video-player {
    margin-top: 8px; }
.status.status-direct {
    background: #393f4f;
    border-bottom-color: #42485a; }
.status.light .status__relative-time {
    color: #9baec8; }
.status.light .status__display-name {
    color: #282c37; }
.status.light .display-name strong {
    color: #282c37; }
.status.light .display-name span {
    color: #9baec8; }
.status.light .status__content {
    color: #282c37; }
.status.light .status__content a {
      color: #2b90d9; }
.status.light .status__content a.status__content__spoiler-link {
      color: #ffffff;
      background: #9baec8; }
.status.light .status__content a.status__content__spoiler-link:hover {
        background: #b5c3d6; }
.notification-favourite .status.status-direct {
  background: transparent; }
.notification-favourite .status.status-direct .icon-button.disabled {
    color: #828ba4; }
.status__relative-time {
  color: #606984;
  float: right;
  font-size: 14px; }
.status__display-name {
  color: #606984; }
.status__info .status__display-name {
  display: block;
  max-width: 100%;
  padding-right: 25px; }
.status__info {
  font-size: 15px; }
.status-check-box {
  border-bottom: 1px solid #d9e1e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.status-check-box .status-check-box__status {
    margin: 10px 0 10px 10px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
.status-check-box .status-check-box__status .media-gallery {
      max-width: 250px; }
.status-check-box .status-check-box__status .status__content {
      padding: 0;
      white-space: normal; }
.status-check-box .status-check-box__status .video-player {
      margin-top: 8px;
      max-width: 250px; }
.status-check-box .status-check-box__status .media-gallery__item-thumbnail {
      cursor: default; }
.status-check-box-toggle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px; }
.status__prepend {
  margin-left: 68px;
  color: #606984;
  padding: 8px 0;
  padding-bottom: 2px;
  font-size: 14px;
  position: relative; }
.status__prepend .status__display-name strong {
    color: #606984; }
.status__prepend > span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis; }
.status__action-bar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px; }
.status__action-bar__counter {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 11px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.status__action-bar__counter .status__action-bar-button {
      margin-right: 4px; }
.status__action-bar__counter__label {
      display: inline-block;
      width: 14px;
      font-size: 12px;
      font-weight: 500;
      color: #606984; }
.status__action-bar-button {
  margin-right: 18px; }
.status__action-bar-dropdown {
  height: 23.15px;
  width: 23.15px; }
.detailed-status__action-bar-dropdown {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }
.detailed-status {
  background: #313543;
  padding: 14px 10px; }
.detailed-status--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
.detailed-status--flex .status__content,
    .detailed-status--flex .detailed-status__meta {
      -webkit-box-flex: 100%;
          -ms-flex: 100%;
              flex: 100%; }
.detailed-status .status__content {
    font-size: 19px;
    line-height: 24px; }
.detailed-status .status__content .emojione {
      width: 24px;
      height: 24px;
      margin: -1px 0 0; }
.detailed-status .status__content .status__content__spoiler-link {
      line-height: 24px;
      margin: -1px 0 0; }
.detailed-status .video-player {
    margin-top: 8px; }
.detailed-status__meta {
  margin-top: 15px;
  color: #606984;
  font-size: 14px;
  line-height: 18px; }
.detailed-status__action-bar {
  background: #313543;
  border-top: 1px solid #393f4f;
  border-bottom: 1px solid #393f4f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 10px 0; }
.detailed-status__link {
  color: inherit;
  text-decoration: none; }
.detailed-status__favorites,
.detailed-status__reblogs {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  margin-left: 6px; }
.reply-indicator__content {
  color: #282c37;
  font-size: 14px; }
.reply-indicator__content a {
    color: #606984; }
.domain {
  padding: 10px;
  border-bottom: 1px solid #393f4f; }
.domain .domain__domain-name {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500; }
.domain__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.domain_buttons {
  height: 18px;
  padding: 10px;
  white-space: nowrap; }
.account {
  padding: 10px;
  border-bottom: 1px solid #393f4f; }
.account.compact {
    padding: 0;
    border-bottom: 0; }
.account.compact .account__avatar-wrapper {
      margin-left: 0; }
.account .account__display-name {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: block;
    color: #9baec8;
    overflow: hidden;
    text-decoration: none;
    font-size: 14px; }
.account__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.account__avatar-wrapper {
  float: left;
  margin-left: 12px;
  margin-right: 12px; }
.account__avatar {
  border-radius: 4px;
  background: transparent no-repeat;
  background-position: 50%;
  background-clip: padding-box;
  position: relative; }
.account__avatar-inline {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px; }
a .account__avatar {
  cursor: pointer; }
.account__avatar-overlay {
  width: 48px;
  height: 48px;
  background-size: 48px 48px; }
.account__avatar-overlay-base {
    border-radius: 4px;
    background: transparent no-repeat;
    background-position: 50%;
    background-clip: padding-box;
    width: 36px;
    height: 36px;
    background-size: 36px 36px; }
.account__avatar-overlay-overlay {
    border-radius: 4px;
    background: transparent no-repeat;
    background-position: 50%;
    background-clip: padding-box;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1; }
.account__relationship {
  height: 18px;
  padding: 10px;
  white-space: nowrap; }
.account__header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: #313543;
  text-align: center;
  background-size: cover;
  background-position: center;
  position: relative; }
.account__header.inactive {
    opacity: 0.5; }
.account__header.inactive .account__header__avatar {
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%); }
.account__header.inactive .account__header__username {
      color: #d9e1e8; }
.account__header > div {
    background: rgba(49, 53, 67, 0.9);
    padding: 20px 10px; }
.account__header .account__header__content {
    color: #d9e1e8; }
.account__header .account__header__display-name {
    color: #ffffff;
    display: inline-block;
    width: 100%;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis; }
.account__header .account__header__username {
    color: #2b90d9;
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis; }
.account__disclaimer {
  padding: 10px;
  border-top: 1px solid #393f4f;
  color: #606984; }
.account__disclaimer strong {
    font-weight: 500; }
.account__disclaimer strong:lang(ja) {
      font-weight: 700; }
.account__disclaimer strong:lang(ko) {
      font-weight: 700; }
.account__disclaimer strong:lang(zh-CN) {
      font-weight: 700; }
.account__disclaimer strong:lang(zh-HK) {
      font-weight: 700; }
.account__disclaimer strong:lang(zh-TW) {
      font-weight: 700; }
.account__disclaimer a {
    font-weight: 500;
    color: inherit;
    text-decoration: underline; }
.account__disclaimer a:hover, .account__disclaimer a:focus, .account__disclaimer a:active {
      text-decoration: none; }
.account__header__content {
  color: #9baec8;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  word-break: normal;
  word-wrap: break-word; }
.account__header__content p {
    margin-bottom: 20px; }
.account__header__content p:last-child {
      margin-bottom: 0; }
.account__header__content a {
    color: inherit;
    text-decoration: underline; }
.account__header__content a:hover {
      text-decoration: none; }
.account__header__display-name .emojione {
  width: 25px;
  height: 25px; }
.account__action-bar {
  border-top: 1px solid #393f4f;
  border-bottom: 1px solid #393f4f;
  line-height: 36px;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.account__action-bar-dropdown {
  padding: 10px; }
.account__action-bar-dropdown .icon-button {
    vertical-align: middle; }
.account__action-bar-dropdown .dropdown--active .dropdown__content.dropdown__right {
    left: 6px;
    right: auto;
    right: initial; }
.account__action-bar-dropdown .dropdown--active::after {
    bottom: auto;
    bottom: initial;
    margin-left: 11px;
    margin-top: -7px;
    right: auto;
    right: initial; }
.account__action-bar-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  line-height: 18px;
  text-align: center; }
.account__action-bar__tab {
  text-decoration: none;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  border-right: 1px solid #393f4f;
  padding: 10px 0;
  border-bottom: 4px solid transparent; }
.account__action-bar__tab.active {
    border-bottom: 4px solid #2b90d9; }
.account__action-bar__tab > span {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    color: #9baec8; }
.account__action-bar__tab strong {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff; }
.account__action-bar__tab strong:lang(ja) {
      font-weight: 700; }
.account__action-bar__tab strong:lang(ko) {
      font-weight: 700; }
.account__action-bar__tab strong:lang(zh-CN) {
      font-weight: 700; }
.account__action-bar__tab strong:lang(zh-HK) {
      font-weight: 700; }
.account__action-bar__tab strong:lang(zh-TW) {
      font-weight: 700; }
.account__header__avatar {
  background-size: 90px 90px;
  display: block;
  height: 90px;
  margin: 0 auto 10px;
  overflow: hidden;
  width: 90px; }
.account-authorize {
  padding: 14px 10px; }
.account-authorize .detailed-status__display-name {
    display: block;
    margin-bottom: 15px;
    overflow: hidden; }
.account-authorize__avatar {
  float: left;
  margin-right: 10px; }
.status__display-name,
.status__relative-time,
.detailed-status__display-name,
.detailed-status__datetime,
.detailed-status__application,
.account__display-name {
  text-decoration: none; }
.status__display-name strong,
.account__display-name strong {
  color: #ffffff; }
.muted .emojione {
  opacity: 0.5; }
.status__display-name:hover strong,
.reply-indicator__display-name:hover strong,
.detailed-status__display-name:hover strong,
a.account__display-name:hover strong {
  text-decoration: underline; }
.account__display-name strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis; }
.detailed-status__application,
.detailed-status__datetime {
  color: inherit; }
.detailed-status__display-name {
  color: #d9e1e8;
  display: block;
  line-height: 24px;
  margin-bottom: 15px;
  overflow: hidden; }
.detailed-status__display-name strong,
  .detailed-status__display-name span {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden; }
.detailed-status__display-name strong {
    font-size: 16px;
    color: #ffffff; }
.detailed-status__display-avatar {
  float: left;
  margin-right: 10px; }
.status__avatar {
  height: 48px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 48px; }
.muted .status__content p,
.muted .status__content a {
  color: #606984; }
.muted .status__display-name strong {
  color: #606984; }
.muted .status__avatar {
  opacity: 0.5; }
.muted a.status__content__spoiler-link {
  background: #606984;
  color: #282c37; }
.muted a.status__content__spoiler-link:hover {
    background: #707b97;
    text-decoration: none; }
.notification__message {
  margin: 0 10px 0 68px;
  padding: 8px 0 0;
  cursor: default;
  color: #9baec8;
  font-size: 15px;
  position: relative; }
.notification__message .fa {
    color: #2b90d9; }
.notification__message > span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis; }
.notification__favourite-icon-wrapper {
  left: -26px;
  position: absolute; }
.notification__favourite-icon-wrapper .star-icon {
    color: #ca8f04; }
.star-icon.active {
  color: #ca8f04; }
.notification__display-name {
  color: inherit;
  font-weight: 500;
  text-decoration: none; }
.notification__display-name:hover {
    color: #ffffff;
    text-decoration: underline; }
.display-name {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.display-name__html {
  font-weight: 500; }
.display-name__account {
  font-size: 14px; }
.status__relative-time:hover,
.detailed-status__datetime:hover {
  text-decoration: underline; }
.image-loader {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
.image-loader .image-loader__preview-canvas {
    max-width: 100%;
    max-height: 80%;
    background: url(/packs/void-4c8270c17facce6d53726a2ebb9745f2.png) repeat;
    -o-object-fit: contain;
       font-family: "object-fit:contain";
       object-fit: contain; }
.image-loader .loading-bar {
    position: relative; }
.image-loader.image-loader--amorphous .image-loader__preview-canvas {
    display: none; }
.zoomable-image {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
.zoomable-image img {
    max-width: 100%;
    max-height: 80%;
    width: auto;
    height: auto;
    -o-object-fit: contain;
       font-family: "object-fit:contain";
       object-fit: contain; }
.navigation-bar {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: default;
  color: #9baec8; }
.navigation-bar strong {
    color: #d9e1e8; }
.navigation-bar a {
    color: inherit; }
.navigation-bar .permalink {
    text-decoration: none; }
.navigation-bar .navigation-bar__actions {
    position: relative; }
.navigation-bar .navigation-bar__actions .icon-button.close {
      position: absolute;
      pointer-events: none;
      -webkit-transform: scale(0, 1) translate(-100%, 0);
              transform: scale(0, 1) translate(-100%, 0);
      opacity: 0; }
.navigation-bar .navigation-bar__actions .compose__action-bar .icon-button {
      pointer-events: auto;
      -webkit-transform: scale(1, 1) translate(0, 0);
              transform: scale(1, 1) translate(0, 0);
      opacity: 1; }
.navigation-bar__profile {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 8px;
  line-height: 20px;
  margin-top: -1px;
  overflow: hidden; }
.navigation-bar__profile-account {
  display: block;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis; }
.navigation-bar__profile-edit {
  color: inherit;
  text-decoration: none; }
.dropdown {
  display: inline-block; }
.dropdown__content {
  display: none;
  position: absolute; }
.dropdown-menu__separator {
  border-bottom: 1px solid #c0cdd9;
  margin: 5px 7px 6px;
  height: 0; }
.dropdown-menu {
  background: #d9e1e8;
  padding: 4px 0;
  border-radius: 4px;
  -webkit-box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);
          box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4); }
.dropdown-menu ul {
    list-style: none; }
.dropdown-menu.left {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%; }
.dropdown-menu.top {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%; }
.dropdown-menu.bottom {
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0; }
.dropdown-menu.right {
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%; }
.dropdown-menu__arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 0 solid transparent; }
.dropdown-menu__arrow.left {
    right: -5px;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #d9e1e8; }
.dropdown-menu__arrow.top {
    bottom: -5px;
    margin-left: -7px;
    border-width: 5px 7px 0;
    border-top-color: #d9e1e8; }
.dropdown-menu__arrow.bottom {
    top: -5px;
    margin-left: -7px;
    border-width: 0 7px 5px;
    border-bottom-color: #d9e1e8; }
.dropdown-menu__arrow.right {
    left: -5px;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #d9e1e8; }
.dropdown-menu__item a {
  font-size: 13px;
  line-height: 18px;
  display: block;
  padding: 4px 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  background: #d9e1e8;
  color: #282c37;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.dropdown-menu__item a:focus, .dropdown-menu__item a:hover, .dropdown-menu__item a:active {
    background: #2b90d9;
    color: #d9e1e8;
    outline: 0; }
.dropdown--active .dropdown__content {
  display: block;
  line-height: 18px;
  max-width: 311px;
  right: 0;
  text-align: left;
  z-index: 9999; }
.dropdown--active .dropdown__content > ul {
    list-style: none;
    background: #d9e1e8;
    padding: 4px 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    min-width: 140px;
    position: relative; }
.dropdown--active .dropdown__content.dropdown__right {
    right: 0; }
.dropdown--active .dropdown__content.dropdown__left > ul {
    left: -98px; }
.dropdown--active .dropdown__content > ul > li > a {
    font-size: 13px;
    line-height: 18px;
    display: block;
    padding: 4px 14px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-decoration: none;
    background: #d9e1e8;
    color: #282c37;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.dropdown--active .dropdown__content > ul > li > a:focus {
      outline: 0; }
.dropdown--active .dropdown__content > ul > li > a:hover {
      background: #2b90d9;
      color: #d9e1e8; }
.dropdown__icon {
  vertical-align: middle; }
.columns-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow-x: auto;
  position: relative; }
.columns-area.unscrollable {
    overflow-x: hidden; }
@media screen and (min-width: 360px) {
  .columns-area {
    padding: 10px; }
  .react-swipeable-view-container .columns-area {
    height: calc(100% - 20px) !important; } }
.react-swipeable-view-container,
.react-swipeable-view-container .columns-area,
.react-swipeable-view-container .drawer,
.react-swipeable-view-container .column {
  height: 100%; }
.react-swipeable-view-container > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%; }
.column {
  width: 330px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
.column > .scrollable {
    background: #282c37; }
.ui {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  background: #191b22; }
.drawer {
  width: 300px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: hidden; }
.drawer__tab {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 15px 5px 13px;
  color: #9baec8;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  border-bottom: 2px solid transparent; }
.column,
.drawer {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  overflow: hidden; }
@media screen and (min-width: 360px) {
  .tabs-bar {
    margin: 10px;
    margin-bottom: 0; }
  .getting-started__wrapper,
  .getting-started__trends,
  .search {
    margin-bottom: 10px; } }
@media screen and (max-width: 630px) {
  .column,
  .drawer {
    width: 100%;
    padding: 0; }
  .columns-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .search__input,
  .autosuggest-textarea__textarea {
    font-size: 16px; } }
@media screen and (min-width: 631px) {
  .columns-area {
    padding: 0; }
  .column,
  .drawer {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 10px;
    padding-left: 5px;
    padding-right: 5px; }
    .column:first-child,
    .drawer:first-child {
      padding-left: 10px; }
    .column:last-child,
    .drawer:last-child {
      padding-right: 10px; }
  .columns-area > div .column,
  .columns-area > div .drawer {
    padding-left: 5px;
    padding-right: 5px; } }
.drawer__pager {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.drawer__inner {
  position: absolute;
  top: 0;
  left: 0;
  background: #444b5d;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%; }
.drawer__inner.darker {
    background: #282c37; }
.drawer__inner__mastodon {
  background: #444b5d url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 234.80078 31.757813" width="234.80078" height="31.757812"><path d="M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z" fill="%23282C37"/></svg>') no-repeat bottom/100% auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 47px; }
.drawer__inner__mastodon > img {
    display: block;
    -o-object-fit: contain;
       font-family: "object-fit:contain;object-position:bottom left";
       object-fit: contain;
    -o-object-position: bottom left;
       object-position: bottom left;
    width: 100%;
    height: 100%;
    pointer-events: none;
    user-drag: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
.pseudo-drawer {
  background: #444b5d;
  font-size: 13px;
  text-align: left; }
.drawer__header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 16px;
  background: #393f4f;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
.drawer__header a {
    -webkit-transition: background 100ms ease-in;
    transition: background 100ms ease-in; }
.drawer__header a:hover {
      background: #2e3340;
      -webkit-transition: background 200ms ease-out;
      transition: background 200ms ease-out; }
.tabs-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #393f4f;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow-y: auto; }
.tabs-bar__link {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 15px 10px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 2px solid #393f4f;
  -webkit-transition: all 50ms linear;
  transition: all 50ms linear; }
.tabs-bar__link .fa {
    font-weight: 400;
    font-size: 16px; }
.tabs-bar__link.active {
    border-bottom: 2px solid #2b90d9;
    color: #2b90d9; }
@media screen and (min-width: 631px) {
    .tabs-bar__link:hover, .tabs-bar__link:focus, .tabs-bar__link:active {
      background: #464d60; } }
.tabs-bar__link span {
    margin-left: 5px;
    display: none; }
@media screen and (min-width: 600px) {
  .tabs-bar__link span {
    display: inline; } }
@media screen and (min-width: 631px) {
  .tabs-bar {
    display: none; } }
.scrollable {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-overflow-scrolling: touch;
  will-change: transform; }
.scrollable.optionally-scrollable {
    overflow-y: auto; }
@supports (display: grid) {
    .scrollable {
      contain: strict; } }
@supports (display: grid) {
  .scrollable.fullscreen {
    contain: none; } }
.column-back-button {
  background: #313543;
  color: #2b90d9;
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 16px;
  line-height: inherit;
  border: 0;
  text-align: unset;
  padding: 15px;
  margin: 0;
  z-index: 3;
  outline: 0; }
.column-back-button:hover {
    text-decoration: underline; }
.column-header__back-button {
  background: #313543;
  border: 0;
  font-family: inherit;
  color: #2b90d9;
  cursor: pointer;
  white-space: nowrap;
  font-size: 16px;
  padding: 0 5px 0 0;
  z-index: 3; }
.column-header__back-button:hover {
    text-decoration: underline; }
.column-header__back-button:last-child {
    padding: 0 15px 0 0; }
.column-back-button__icon {
  display: inline-block;
  margin-right: 5px; }
.column-back-button--slim {
  position: relative; }
.column-back-button--slim-button {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 16px;
  padding: 15px;
  position: absolute;
  right: 0;
  top: -48px; }
.react-toggle {
  display: inline-block;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }
.react-toggle-screenreader-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
.react-toggle--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s; }
.react-toggle-track {
  width: 50px;
  height: 24px;
  padding: 0;
  border-radius: 30px;
  background-color: #282c37;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #131419; }
.react-toggle--checked .react-toggle-track {
  background-color: #2b90d9; }
.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #56a7e1; }
.react-toggle-track-check {
  position: absolute;
  width: 14px;
  height: 10px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  left: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }
.react-toggle--checked .react-toggle-track-check {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }
.react-toggle-track-x {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  right: 10px;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }
.react-toggle--checked .react-toggle-track-x {
  opacity: 0; }
.react-toggle-thumb {
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 22px;
  height: 22px;
  border: 1px solid #282c37;
  border-radius: 50%;
  background-color: #fafafa;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease; }
.react-toggle--checked .react-toggle-thumb {
  left: 27px;
  border-color: #2b90d9; }
.column-link {
  background: #393f4f;
  color: #ffffff;
  display: block;
  font-size: 16px;
  padding: 15px;
  text-decoration: none; }
.column-link:hover {
    background: #404657; }
.column-link__icon {
  display: inline-block;
  margin-right: 5px; }
.column-link__badge {
  display: inline-block;
  border-radius: 4px;
  font-size: 12px;
  line-height: 19px;
  font-weight: 500;
  background: #282c37;
  padding: 4px 8px;
  margin: -6px 10px; }
.column-subheading {
  background: #282c37;
  color: #606984;
  padding: 8px 20px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  cursor: default; }
.getting-started__wrapper,
.getting-started,
.flex-spacer {
  background: #282c37; }
.getting-started__wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
.flex-spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
.getting-started {
  color: #606984; }
.getting-started__footer {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 10px;
    padding-top: 20px; }
.getting-started__footer ul {
      margin-bottom: 10px; }
.getting-started__footer ul li {
      display: inline; }
.getting-started__footer p {
      color: #606984;
      font-size: 13px;
      margin-bottom: 20px; }
.getting-started__footer p a {
        color: #606984;
        text-decoration: underline; }
.getting-started__footer a {
      text-decoration: none;
      color: #9baec8; }
.getting-started__footer a:hover, .getting-started__footer a:focus, .getting-started__footer a:active {
        text-decoration: underline; }
.getting-started__trends {
    background: #282c37;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
@media screen and (max-height: 810px) {
      .getting-started__trends .trends__item:nth-child(3) {
        display: none; } }
@media screen and (max-height: 720px) {
      .getting-started__trends .trends__item:nth-child(2) {
        display: none; } }
@media screen and (max-height: 670px) {
      .getting-started__trends {
        display: none; } }
.getting-started__scrollable {
    max-height: 100%;
    overflow-y: auto; }
.keyboard-shortcuts {
  padding: 8px 0 0;
  overflow: hidden; }
.keyboard-shortcuts thead {
    position: absolute;
    left: -9999px; }
.keyboard-shortcuts td {
    padding: 0 10px 8px; }
.keyboard-shortcuts kbd {
    display: inline-block;
    padding: 3px 5px;
    background-color: #393f4f;
    border: 1px solid #1f232b; }
.setting-text {
  color: #9baec8;
  background: transparent;
  border: none;
  border-bottom: 2px solid #9baec8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  font-family: inherit;
  margin-bottom: 10px;
  padding: 7px 0;
  width: 100%; }
.setting-text:focus, .setting-text:active {
    color: #ffffff;
    border-bottom-color: #2b90d9; }
@media screen and (max-width: 600px) {
    .setting-text {
      font-size: 16px; } }
.no-reduce-motion button.icon-button i.fa-retweet {
  background-position: 0 0;
  height: 19px;
  -webkit-transition: background-position 0.9s steps(10);
  transition: background-position 0.9s steps(10);
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  vertical-align: middle;
  width: 22px; }
.no-reduce-motion button.icon-button i.fa-retweet::before {
    display: none !important; }
.no-reduce-motion button.icon-button.active i.fa-retweet {
  -webkit-transition-duration: 0.9s;
          transition-duration: 0.9s;
  background-position: 0 100%; }
.reduce-motion button.icon-button i.fa-retweet {
  color: #606984;
  -webkit-transition: color 100ms ease-in;
  transition: color 100ms ease-in; }
.reduce-motion button.icon-button.active i.fa-retweet {
  color: #2b90d9; }
.status-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  border: 1px solid #393f4f;
  border-radius: 4px;
  color: #606984;
  margin-top: 14px;
  text-decoration: none;
  overflow: hidden; }
.status-card__actions {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.status-card__actions > div {
      background: rgba(0, 0, 0, 0.6);
      border-radius: 4px;
      padding: 12px 9px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
.status-card__actions button,
    .status-card__actions a {
      display: inline;
      color: #ffffff;
      background: transparent;
      border: 0;
      padding: 0 5px;
      text-decoration: none;
      opacity: 0.6;
      font-size: 18px;
      line-height: 18px; }
.status-card__actions button:hover, .status-card__actions button:active, .status-card__actions button:focus,
      .status-card__actions a:hover,
      .status-card__actions a:active,
      .status-card__actions a:focus {
        opacity: 1; }
.status-card__actions a {
      font-size: 19px;
      position: relative;
      bottom: -1px; }
a.status-card {
  cursor: pointer; }
a.status-card:hover {
    background: #393f4f; }
.status-card-photo {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  display: block;
  text-decoration: none;
  width: 100%;
  height: auto;
  margin: 0; }
.status-card-video iframe {
  width: 100%;
  height: 100%; }
.status-card__title {
  display: block;
  font-weight: 500;
  margin-bottom: 5px;
  color: #9baec8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none; }
.status-card__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  padding: 14px 14px 14px 8px; }
.status-card__description {
  color: #9baec8; }
.status-card__host {
  display: block;
  margin-top: 5px;
  font-size: 13px; }
.status-card__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  background: #393f4f;
  position: relative; }
.status-card.horizontal {
  display: block; }
.status-card.horizontal .status-card__image {
    width: 100%; }
.status-card.horizontal .status-card__image-image {
    border-radius: 4px 4px 0 0; }
.status-card.horizontal .status-card__title {
    white-space: inherit; }
.status-card__image-image {
  border-radius: 4px 0 0 4px;
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  background-size: cover;
  background-position: center center; }
.load-more {
  display: block;
  color: #606984;
  background-color: transparent;
  border: 0;
  font-size: inherit;
  text-align: center;
  line-height: inherit;
  margin: 0;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  clear: both;
  text-decoration: none; }
.load-more:hover {
    background: #2c313d; }
.load-gap {
  border-bottom: 1px solid #393f4f; }
.regeneration-indicator {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #606984;
  background: #282c37;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px; }
.regeneration-indicator > div {
    width: 100%;
    background: transparent;
    padding-top: 0; }
.regeneration-indicator__figure {
    background: url(/packs/elephant_ui_working-2e653cc278c2ac871c23aeb10de1c0e2.svg) no-repeat center 0;
    width: 100%;
    height: 160px;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
.regeneration-indicator.missing-indicator {
    padding-top: 68px; }
.regeneration-indicator.missing-indicator .regeneration-indicator__figure {
      background-image: url(/packs/elephant_ui_disappointed-8864342480c3612e3061702851d3a798.svg); }
.regeneration-indicator__label {
    margin-top: 200px; }
.regeneration-indicator__label strong {
      display: block;
      margin-bottom: 10px;
      color: #606984; }
.regeneration-indicator__label span {
      font-size: 15px;
      font-weight: 400; }
.column-header__wrapper {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
.column-header__wrapper.active::before {
    display: block;
    content: "";
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 60%;
    pointer-events: none;
    height: 28px;
    z-index: 1;
    background: radial-gradient(ellipse, rgba(43, 144, 217, 0.23) 0%, rgba(43, 144, 217, 0) 60%); }
.column-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  background: #313543;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  cursor: pointer;
  position: relative;
  z-index: 2;
  outline: 0;
  overflow: hidden; }
.column-header > button {
    margin: 0;
    border: none;
    padding: 15px 0 15px 15px;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
.column-header > .column-header__back-button {
    color: #2b90d9; }
.column-header.active {
    -webkit-box-shadow: 0 1px 0 rgba(43, 144, 217, 0.3);
            box-shadow: 0 1px 0 rgba(43, 144, 217, 0.3); }
.column-header.active .column-header__icon {
      color: #2b90d9;
      text-shadow: 0 0 10px rgba(43, 144, 217, 0.4); }
.column-header:focus, .column-header:active {
    outline: 0; }
.column-header__buttons {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.column-header__links .text-btn {
  margin-right: 10px; }
.column-header__button {
  background: #313543;
  border: 0;
  color: #9baec8;
  cursor: pointer;
  font-size: 16px;
  padding: 0 15px; }
.column-header__button:hover {
    color: #b2c1d5; }
.column-header__button.active {
    color: #ffffff;
    background: #393f4f; }
.column-header__button.active:hover {
      color: #ffffff;
      background: #393f4f; }
.column-header__collapsible {
  max-height: 70vh;
  overflow: hidden;
  overflow-y: auto;
  color: #9baec8;
  -webkit-transition: max-height 150ms ease-in-out, opacity 300ms linear;
  transition: max-height 150ms ease-in-out, opacity 300ms linear;
  opacity: 1; }
.column-header__collapsible.collapsed {
    max-height: 0;
    opacity: 0.5; }
.column-header__collapsible.animating {
    overflow-y: hidden; }
.column-header__collapsible hr {
    height: 0;
    background: transparent;
    border: 0;
    border-top: 1px solid #42485a;
    margin: 10px 0; }
.column-header__collapsible-inner {
  background: #393f4f;
  padding: 15px; }
.column-header__setting-btn:hover {
  color: #9baec8;
  text-decoration: underline; }
.column-header__setting-arrows {
  float: right; }
.column-header__setting-arrows .column-header__setting-btn {
    padding: 0 10px; }
.column-header__setting-arrows .column-header__setting-btn:last-child {
      padding-right: 0; }
.text-btn {
  display: inline-block;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border: 0;
  background: transparent;
  cursor: pointer; }
.column-header__icon {
  display: inline-block;
  margin-right: 5px; }
.loading-indicator {
  color: #606984;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  overflow: visible;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
.loading-indicator span {
    display: block;
    float: left;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin: 82px 0 0 50%;
    white-space: nowrap;
    -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
            animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); }
.loading-indicator__figure {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0 solid #606984;
  border-radius: 50%;
  -webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
          animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); }
@-webkit-keyframes loader-figure {
  0% {
    width: 0;
    height: 0;
    background-color: #606984; }
  29% {
    background-color: #606984; }
  30% {
    width: 42px;
    height: 42px;
    background-color: transparent;
    border-width: 21px;
    opacity: 1; }
  100% {
    width: 42px;
    height: 42px;
    border-width: 0;
    opacity: 0;
    background-color: transparent; } }
@keyframes loader-figure {
  0% {
    width: 0;
    height: 0;
    background-color: #606984; }
  29% {
    background-color: #606984; }
  30% {
    width: 42px;
    height: 42px;
    background-color: transparent;
    border-width: 21px;
    opacity: 1; }
  100% {
    width: 42px;
    height: 42px;
    border-width: 0;
    opacity: 0;
    background-color: transparent; } }
@-webkit-keyframes loader-label {
  0% {
    opacity: 0.25; }
  30% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }
@keyframes loader-label {
  0% {
    opacity: 0.25; }
  30% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }
.video-error-cover {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #000000;
  color: #ffffff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 8px;
  position: relative;
  text-align: center;
  z-index: 100; }
.media-spoiler {
  background: #000000;
  color: #9baec8;
  border: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
.media-spoiler:hover, .media-spoiler:active, .media-spoiler:focus {
    padding: 0;
    color: #b5c3d6; }
.media-spoiler__warning {
  display: block;
  font-size: 14px; }
.media-spoiler__trigger {
  display: block;
  font-size: 11px;
  font-weight: 700; }
.spoiler-button {
  display: none;
  left: 4px;
  position: absolute;
  text-shadow: 0 1px 1px #000000, 1px 0 1px #000000;
  top: 4px;
  z-index: 100; }
.spoiler-button.spoiler-button--visible {
    display: block; }
.modal-container--preloader {
  background: #393f4f; }
.account--panel {
  background: #313543;
  border-top: 1px solid #393f4f;
  border-bottom: 1px solid #393f4f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 10px 0; }
.account--panel__button,
.detailed-status__button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center; }
.column-settings__outer {
  background: #393f4f;
  padding: 15px; }
.column-settings__section {
  color: #9baec8;
  cursor: default;
  display: block;
  font-weight: 500;
  margin-bottom: 10px; }
.column-settings__row .text-btn {
  margin-bottom: 15px; }
.account--follows-info {
  color: #ffffff;
  position: absolute;
  top: 10px;
  left: 10px;
  opacity: 0.7;
  display: inline-block;
  vertical-align: top;
  background-color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  padding: 4px;
  border-radius: 4px; }
.account--muting-info {
  color: #ffffff;
  position: absolute;
  top: 40px;
  left: 10px;
  opacity: 0.7;
  display: inline-block;
  vertical-align: top;
  background-color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  padding: 4px;
  border-radius: 4px; }
.account--action-button {
  position: absolute;
  top: 10px;
  right: 20px; }
.setting-toggle {
  display: block;
  line-height: 24px; }
.setting-toggle__label {
  color: #9baec8;
  display: inline-block;
  margin-bottom: 14px;
  margin-left: 8px;
  vertical-align: middle; }
.empty-column-indicator,
.error-column {
  color: #606984;
  background: #282c37;
  text-align: center;
  padding: 20px;
  font-size: 15px;
  font-weight: 400;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
@supports (display: grid) {
    .empty-column-indicator,
    .error-column {
      contain: strict; } }
.empty-column-indicator a,
  .error-column a {
    color: #2b90d9;
    text-decoration: none; }
.empty-column-indicator a:hover,
    .error-column a:hover {
      text-decoration: underline; }
.error-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; } }
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; } }
.no-reduce-motion .pulse-loading {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
          animation: heartbeat 1.5s ease-in-out infinite both; }
@-webkit-keyframes shake-bottom {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%; }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg); }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); } }
@keyframes shake-bottom {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%; }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg); }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); } }
.no-reduce-motion .shake-bottom {
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-animation: shake-bottom 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both;
          animation: shake-bottom 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s 2 both; }
.emoji-picker-dropdown__menu {
  background: #ffffff;
  position: absolute;
  -webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);
          box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  margin-top: 5px; }
.emoji-picker-dropdown__menu .emoji-mart-scroll {
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease; }
.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll {
    opacity: 0.5; }
.emoji-picker-dropdown__modifiers {
  position: absolute;
  top: 60px;
  right: 11px;
  cursor: pointer; }
.emoji-picker-dropdown__modifiers__menu {
  position: absolute;
  z-index: 4;
  top: -4px;
  left: -8px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);
  overflow: hidden; }
.emoji-picker-dropdown__modifiers__menu button {
    display: block;
    cursor: pointer;
    border: 0;
    padding: 4px 8px;
    background: transparent; }
.emoji-picker-dropdown__modifiers__menu button:hover, .emoji-picker-dropdown__modifiers__menu button:focus, .emoji-picker-dropdown__modifiers__menu button:active {
      background: rgba(217, 225, 232, 0.4); }
.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji {
    height: 22px; }
.emoji-mart-emoji span {
  background-repeat: no-repeat; }
.upload-area {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 2000; }
.upload-area * {
    pointer-events: none; }
.upload-area__drop {
  width: 320px;
  height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding: 8px; }
.upload-area__background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 4px;
  background: #282c37;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
.upload-area__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #d9e1e8;
  font-size: 18px;
  font-weight: 500;
  border: 2px dashed #606984;
  border-radius: 4px; }
.upload-progress {
  padding: 10px;
  color: #606984;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.upload-progress .fa {
    font-size: 34px;
    margin-right: 10px; }
.upload-progress span {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    display: block; }
.upload-progess__message {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
.upload-progress__backdrop {
  width: 100%;
  height: 6px;
  border-radius: 6px;
  background: #606984;
  position: relative;
  margin-top: 5px; }
.upload-progress__tracker {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  background: #2b90d9;
  border-radius: 6px; }
.emoji-button {
  display: block;
  font-size: 24px;
  line-height: 24px;
  margin-left: 2px;
  width: 24px;
  outline: 0;
  cursor: pointer; }
.emoji-button:active, .emoji-button:focus {
    outline: 0 !important; }
.emoji-button img {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    opacity: 0.8;
    display: block;
    margin: 0;
    width: 22px;
    height: 22px;
    margin-top: 2px; }
.emoji-button:hover img, .emoji-button:active img, .emoji-button:focus img {
    opacity: 1;
    -webkit-filter: none;
            filter: none; }
.dropdown--active .emoji-button img {
  opacity: 1;
  -webkit-filter: none;
          filter: none; }
.privacy-dropdown__dropdown {
  position: absolute;
  background: #ffffff;
  -webkit-box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);
          box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  margin-left: 40px;
  overflow: hidden; }
.privacy-dropdown__dropdown.top {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%; }
.privacy-dropdown__dropdown.bottom {
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0; }
.privacy-dropdown__option {
  color: #282c37;
  padding: 10px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.privacy-dropdown__option:hover, .privacy-dropdown__option.active {
    background: #2b90d9;
    color: #ffffff;
    outline: 0; }
.privacy-dropdown__option:hover .privacy-dropdown__option__content, .privacy-dropdown__option.active .privacy-dropdown__option__content {
      color: #ffffff; }
.privacy-dropdown__option:hover .privacy-dropdown__option__content strong, .privacy-dropdown__option.active .privacy-dropdown__option__content strong {
        color: #ffffff; }
.privacy-dropdown__option.active:hover {
    background: #3c99dc; }
.privacy-dropdown__option__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 10px; }
.privacy-dropdown__option__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: #606984; }
.privacy-dropdown__option__content strong {
    font-weight: 500;
    display: block;
    color: #282c37; }
.privacy-dropdown__option__content strong:lang(ja) {
      font-weight: 700; }
.privacy-dropdown__option__content strong:lang(ko) {
      font-weight: 700; }
.privacy-dropdown__option__content strong:lang(zh-CN) {
      font-weight: 700; }
.privacy-dropdown__option__content strong:lang(zh-HK) {
      font-weight: 700; }
.privacy-dropdown__option__content strong:lang(zh-TW) {
      font-weight: 700; }
.privacy-dropdown.active .privacy-dropdown__value {
  background: #ffffff;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.1); }
.privacy-dropdown.active .privacy-dropdown__value .icon-button {
    -webkit-transition: none;
    transition: none; }
.privacy-dropdown.active .privacy-dropdown__value.active {
    background: #2b90d9; }
.privacy-dropdown.active .privacy-dropdown__value.active .icon-button {
      color: #ffffff; }
.privacy-dropdown.active.top .privacy-dropdown__value {
  border-radius: 0 0 4px 4px; }
.privacy-dropdown.active .privacy-dropdown__dropdown {
  display: block;
  -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1); }
.search {
  position: relative; }
.search__input {
  outline: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 100%;
  border: none;
  padding: 10px;
  padding-right: 30px;
  font-family: inherit;
  background: #282c37;
  color: #9baec8;
  font-size: 14px;
  margin: 0; }
.search__input::-moz-focus-inner {
    border: 0; }
.search__input::-moz-focus-inner, .search__input:focus, .search__input:active {
    outline: 0 !important; }
.search__input:focus {
    background: #313543; }
@media screen and (max-width: 600px) {
    .search__input {
      font-size: 16px; } }
.search__icon::-moz-focus-inner {
  border: 0; }
.search__icon::-moz-focus-inner, .search__icon:focus {
  outline: 0 !important; }
.search__icon .fa {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: inline-block;
  opacity: 0;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: #d9e1e8;
  cursor: default;
  pointer-events: none; }
.search__icon .fa.active {
    pointer-events: auto;
    opacity: 0.3; }
.search__icon .fa-search {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }
.search__icon .fa-search.active {
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
.search__icon .fa-times-circle {
  top: 11px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  color: #606984;
  cursor: pointer; }
.search__icon .fa-times-circle.active {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
.search__icon .fa-times-circle:hover {
    color: #707b97; }
.search-results__header {
  color: #606984;
  background: #2c313d;
  padding: 15px;
  font-weight: 500;
  font-size: 16px;
  cursor: default; }
.search-results__header .fa {
    display: inline-block;
    margin-right: 5px; }
.search-results__section {
  margin-bottom: 5px; }
.search-results__section h5 {
    background: #1f232b;
    border-bottom: 1px solid #393f4f;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    font-weight: 500;
    font-size: 16px;
    color: #606984; }
.search-results__section h5 .fa {
      display: inline-block;
      margin-right: 5px; }
.search-results__section .account:last-child,
  .search-results__section > div:last-child .status {
    border-bottom: 0; }
.search-results__hashtag {
  display: block;
  padding: 10px;
  color: #d9e1e8;
  text-decoration: none; }
.search-results__hashtag:hover, .search-results__hashtag:active, .search-results__hashtag:focus {
    color: #e6ebf0;
    text-decoration: underline; }
.modal-root {
  position: relative;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  will-change: opacity;
  z-index: 9999; }
.modal-root__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7); }
.modal-root__container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  z-index: 9999;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
.modal-root__modal {
  pointer-events: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 9999; }
.video-modal {
  max-width: 100vw;
  max-height: 100vh;
  position: relative; }
.media-modal {
  width: 100%;
  height: 100%;
  position: relative; }
.media-modal .extended-video-player {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
.media-modal .extended-video-player video {
      max-width: 100%;
      max-height: 80%; }
.media-modal__closer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
.media-modal__navigation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  will-change: opacity; }
.media-modal__navigation * {
    pointer-events: auto; }
.media-modal__navigation.media-modal__navigation--hidden {
    opacity: 0; }
.media-modal__navigation.media-modal__navigation--hidden * {
      pointer-events: none; }
.media-modal__nav {
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  height: 20vmax;
  margin: auto 0;
  padding: 30px 15px;
  position: absolute;
  top: 0;
  bottom: 0; }
.media-modal__nav--left {
  left: 0; }
.media-modal__nav--right {
  right: 0; }
.media-modal__pagination {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 20px;
  pointer-events: none; }
.media-modal__page-dot {
  display: inline-block; }
.media-modal__button {
  background-color: #ffffff;
  height: 12px;
  width: 12px;
  border-radius: 6px;
  margin: 10px;
  padding: 0;
  border: 0;
  font-size: 0; }
.media-modal__button--active {
  background-color: #2b90d9; }
.media-modal__close {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 100; }
.onboarding-modal,
.error-modal,
.embed-modal {
  background: #d9e1e8;
  color: #282c37;
  border-radius: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
.onboarding-modal__pager {
  height: 80vh;
  width: 80vw;
  max-width: 520px;
  max-height: 470px; }
.onboarding-modal__pager .react-swipeable-view-container > div {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text; }
.error-modal__body {
  height: 80vh;
  width: 80vw;
  max-width: 520px;
  max-height: 420px;
  position: relative; }
.error-modal__body > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 25px;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text; }
.error-modal__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }
@media screen and (max-width: 550px) {
  .onboarding-modal {
    width: 100%;
    height: 100%;
    border-radius: 0; }
  .onboarding-modal__pager {
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; } }
.onboarding-modal__paginator,
.error-modal__footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: #c0cdd9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px; }
.onboarding-modal__paginator > div,
  .error-modal__footer > div {
    min-width: 33px; }
.onboarding-modal__paginator .onboarding-modal__nav,
  .onboarding-modal__paginator .error-modal__nav,
  .error-modal__footer .onboarding-modal__nav,
  .error-modal__footer .error-modal__nav {
    color: #606984;
    border: 0;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 25px;
    line-height: inherit;
    height: auto;
    margin: -10px;
    border-radius: 4px;
    background-color: transparent; }
.onboarding-modal__paginator .onboarding-modal__nav:hover, .onboarding-modal__paginator .onboarding-modal__nav:focus, .onboarding-modal__paginator .onboarding-modal__nav:active,
    .onboarding-modal__paginator .error-modal__nav:hover,
    .onboarding-modal__paginator .error-modal__nav:focus,
    .onboarding-modal__paginator .error-modal__nav:active,
    .error-modal__footer .onboarding-modal__nav:hover,
    .error-modal__footer .onboarding-modal__nav:focus,
    .error-modal__footer .onboarding-modal__nav:active,
    .error-modal__footer .error-modal__nav:hover,
    .error-modal__footer .error-modal__nav:focus,
    .error-modal__footer .error-modal__nav:active {
      color: #576078;
      background-color: #a6b9c9; }
.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next,
    .onboarding-modal__paginator .error-modal__nav.onboarding-modal__done,
    .onboarding-modal__paginator .error-modal__nav.onboarding-modal__next,
    .error-modal__footer .onboarding-modal__nav.onboarding-modal__done,
    .error-modal__footer .onboarding-modal__nav.onboarding-modal__next,
    .error-modal__footer .error-modal__nav.onboarding-modal__done,
    .error-modal__footer .error-modal__nav.onboarding-modal__next {
      color: #282c37; }
.onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:hover, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:focus, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__done:active, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:hover, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:focus, .onboarding-modal__paginator .onboarding-modal__nav.onboarding-modal__next:active,
      .onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:hover,
      .onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:focus,
      .onboarding-modal__paginator .error-modal__nav.onboarding-modal__done:active,
      .onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:hover,
      .onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:focus,
      .onboarding-modal__paginator .error-modal__nav.onboarding-modal__next:active,
      .error-modal__footer .onboarding-modal__nav.onboarding-modal__done:hover,
      .error-modal__footer .onboarding-modal__nav.onboarding-modal__done:focus,
      .error-modal__footer .onboarding-modal__nav.onboarding-modal__done:active,
      .error-modal__footer .onboarding-modal__nav.onboarding-modal__next:hover,
      .error-modal__footer .onboarding-modal__nav.onboarding-modal__next:focus,
      .error-modal__footer .onboarding-modal__nav.onboarding-modal__next:active,
      .error-modal__footer .error-modal__nav.onboarding-modal__done:hover,
      .error-modal__footer .error-modal__nav.onboarding-modal__done:focus,
      .error-modal__footer .error-modal__nav.onboarding-modal__done:active,
      .error-modal__footer .error-modal__nav.onboarding-modal__next:hover,
      .error-modal__footer .error-modal__nav.onboarding-modal__next:focus,
      .error-modal__footer .error-modal__nav.onboarding-modal__next:active {
        color: #313543; }
.error-modal__footer {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
.onboarding-modal__dots {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
.onboarding-modal__dot {
  width: 14px;
  height: 14px;
  border-radius: 14px;
  background: #a6b9c9;
  margin: 0 3px;
  cursor: pointer; }
.onboarding-modal__dot:hover {
    background: #a0b4c5; }
.onboarding-modal__dot.active {
    cursor: default;
    background: #8da5ba; }
.onboarding-modal__page__wrapper {
  pointer-events: none;
  padding: 25px;
  padding-bottom: 0; }
.onboarding-modal__page__wrapper.onboarding-modal__page__wrapper--active {
    pointer-events: auto; }
.onboarding-modal__page {
  cursor: default;
  line-height: 21px; }
.onboarding-modal__page h1 {
    font-size: 18px;
    font-weight: 500;
    color: #282c37;
    margin-bottom: 20px; }
.onboarding-modal__page a {
    color: #2b90d9; }
.onboarding-modal__page a:hover, .onboarding-modal__page a:focus, .onboarding-modal__page a:active {
      color: #3c99dc; }
.onboarding-modal__page .navigation-bar a {
    color: inherit; }
.onboarding-modal__page p {
    font-size: 16px;
    color: #606984;
    margin-top: 10px;
    margin-bottom: 10px; }
.onboarding-modal__page p:last-child {
      margin-bottom: 0; }
.onboarding-modal__page p strong {
      font-weight: 500;
      background: #282c37;
      color: #d9e1e8;
      border-radius: 4px;
      font-size: 14px;
      padding: 3px 6px; }
.onboarding-modal__page p strong:lang(ja) {
        font-weight: 700; }
.onboarding-modal__page p strong:lang(ko) {
        font-weight: 700; }
.onboarding-modal__page p strong:lang(zh-CN) {
        font-weight: 700; }
.onboarding-modal__page p strong:lang(zh-HK) {
        font-weight: 700; }
.onboarding-modal__page p strong:lang(zh-TW) {
        font-weight: 700; }
.onboarding-modal__page__wrapper-0 {
  background: url(/packs/elephant_ui_greeting-475430963d0b00fe82b07b17857ebf6c.svg) no-repeat left bottom/auto 250px;
  height: 100%;
  padding: 0; }
.onboarding-modal__page-one__lead {
  padding: 65px;
  padding-top: 45px;
  padding-bottom: 0;
  margin-bottom: 10px; }
.onboarding-modal__page-one__lead h1 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 8px; }
.onboarding-modal__page-one__lead p {
    margin-bottom: 0; }
.onboarding-modal__page-one__extra {
  padding-right: 65px;
  padding-left: 185px;
  text-align: center; }
.display-case {
  text-align: center;
  font-size: 15px;
  margin-bottom: 15px; }
.display-case__label {
    font-weight: 500;
    color: #282c37;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 12px; }
.display-case__case {
    background: #282c37;
    color: #d9e1e8;
    font-weight: 500;
    padding: 10px;
    border-radius: 4px; }
.onboarding-modal__page-two p,
.onboarding-modal__page-three p,
.onboarding-modal__page-four p,
.onboarding-modal__page-five p {
  text-align: left; }
.onboarding-modal__page-two .figure,
.onboarding-modal__page-three .figure,
.onboarding-modal__page-four .figure,
.onboarding-modal__page-five .figure {
  background: #17191f;
  color: #d9e1e8;
  margin-bottom: 20px;
  border-radius: 4px;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3); }
.onboarding-modal__page-two .figure .onboarding-modal__image,
  .onboarding-modal__page-three .figure .onboarding-modal__image,
  .onboarding-modal__page-four .figure .onboarding-modal__image,
  .onboarding-modal__page-five .figure .onboarding-modal__image {
    border-radius: 4px;
    margin-bottom: 10px; }
.onboarding-modal__page-two .figure.non-interactive,
  .onboarding-modal__page-three .figure.non-interactive,
  .onboarding-modal__page-four .figure.non-interactive,
  .onboarding-modal__page-five .figure.non-interactive {
    pointer-events: none;
    text-align: left; }
.onboarding-modal__page-four__columns .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px; }
.onboarding-modal__page-four__columns .row > div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    margin: 0 10px; }
.onboarding-modal__page-four__columns .row > div:first-child {
      margin-left: 0; }
.onboarding-modal__page-four__columns .row > div:last-child {
      margin-right: 0; }
.onboarding-modal__page-four__columns .row > div p {
      text-align: center; }
.onboarding-modal__page-four__columns .row:last-child {
    margin-bottom: 0; }
.onboarding-modal__page-four__columns .column-header {
  color: #ffffff; }
@media screen and (max-width: 320px) and (max-height: 600px) {
  .onboarding-modal__page p {
    font-size: 14px;
    line-height: 20px; }
  .onboarding-modal__page-two .figure,
  .onboarding-modal__page-three .figure,
  .onboarding-modal__page-four .figure,
  .onboarding-modal__page-five .figure {
    font-size: 12px;
    margin-bottom: 10px; }
  .onboarding-modal__page-four__columns .row {
    margin-bottom: 10px; }
  .onboarding-modal__page-four__columns .column-header {
    padding: 5px;
    font-size: 12px; } }
.onboard-sliders {
  display: inline-block;
  max-width: 30px;
  max-height: auto;
  margin-left: 10px; }
.boost-modal,
.confirmation-modal,
.report-modal,
.actions-modal,
.mute-modal {
  background: #f2f5f7;
  color: #282c37;
  border-radius: 8px;
  overflow: hidden;
  max-width: 90vw;
  width: 480px;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
.boost-modal .status__display-name,
  .confirmation-modal .status__display-name,
  .report-modal .status__display-name,
  .actions-modal .status__display-name,
  .mute-modal .status__display-name {
    display: block;
    max-width: 100%;
    padding-right: 25px; }
.boost-modal .status__avatar,
  .confirmation-modal .status__avatar,
  .report-modal .status__avatar,
  .actions-modal .status__avatar,
  .mute-modal .status__avatar {
    height: 28px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 48px; }
.boost-modal .status__content__spoiler-link,
  .confirmation-modal .status__content__spoiler-link,
  .report-modal .status__content__spoiler-link,
  .actions-modal .status__content__spoiler-link,
  .mute-modal .status__content__spoiler-link {
    color: #f2f5f7; }
.actions-modal .status {
  background: #ffffff;
  border-bottom-color: #d9e1e8;
  padding-top: 10px;
  padding-bottom: 10px; }
.actions-modal .dropdown-menu__separator {
  border-bottom-color: #d9e1e8; }
.boost-modal__container {
  overflow-x: scroll;
  padding: 10px; }
.boost-modal__container .status {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
    border-bottom: 0; }
.boost-modal__action-bar,
.confirmation-modal__action-bar,
.mute-modal__action-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #d9e1e8;
  padding: 10px;
  line-height: 36px; }
.boost-modal__action-bar > div,
  .confirmation-modal__action-bar > div,
  .mute-modal__action-bar > div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    text-align: right;
    color: #606984;
    padding-right: 10px; }
.boost-modal__action-bar .button,
  .confirmation-modal__action-bar .button,
  .mute-modal__action-bar .button {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
.boost-modal__status-header {
  font-size: 15px; }
.boost-modal__status-time {
  float: right;
  font-size: 14px; }
.confirmation-modal {
  max-width: 85vw; }
@media screen and (min-width: 480px) {
    .confirmation-modal {
      max-width: 380px; } }
.mute-modal {
  line-height: 24px; }
.mute-modal .react-toggle {
  vertical-align: middle; }
.report-modal {
  width: 90vw;
  max-width: 700px; }
.report-modal__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #d9e1e8; }
@media screen and (max-width: 480px) {
    .report-modal__container {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      overflow-y: auto; } }
.report-modal__statuses,
.report-modal__comment {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%; }
@media screen and (max-width: 480px) {
    .report-modal__statuses,
    .report-modal__comment {
      width: 100%; } }
.report-modal__statuses {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 20vh;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden; }
.report-modal__statuses .status__content a {
    color: #2b90d9; }
.report-modal__statuses .status__content p {
    color: #282c37; }
@media screen and (max-width: 480px) {
    .report-modal__statuses {
      max-height: 10vh; } }
.report-modal__comment {
  padding: 20px;
  border-right: 1px solid #d9e1e8;
  max-width: 320px; }
.report-modal__comment p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px; }
.report-modal__comment .setting-text {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0;
    color: #282c37;
    background: #ffffff;
    padding: 10px;
    font-family: inherit;
    font-size: 14px;
    resize: vertical;
    border: 0;
    outline: 0;
    border-radius: 4px;
    border: 1px solid #d9e1e8;
    margin-bottom: 20px; }
.report-modal__comment .setting-text:focus {
      border: 1px solid #c0cdd9; }
.report-modal__comment .setting-toggle {
    margin-top: 20px;
    margin-bottom: 24px; }
.report-modal__comment .setting-toggle__label {
      color: #282c37;
      font-size: 14px; }
@media screen and (max-width: 480px) {
    .report-modal__comment {
      padding: 10px;
      max-width: 100%;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
      .report-modal__comment .setting-toggle {
        margin-bottom: 4px; } }
.actions-modal {
  max-height: 80vh;
  max-width: 80vw; }
.actions-modal .status {
    overflow-y: auto;
    max-height: 300px; }
.actions-modal .actions-modal__item-label {
    font-weight: 500; }
.actions-modal ul {
    overflow-y: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
.actions-modal ul li:empty {
      margin: 0; }
.actions-modal ul li:not(:empty) a {
      color: #282c37;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 12px 16px;
      font-size: 15px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-decoration: none; }
.actions-modal ul li:not(:empty) a,
      .actions-modal ul li:not(:empty) a button {
        -webkit-transition: none;
        transition: none; }
.actions-modal ul li:not(:empty) a.active,
      .actions-modal ul li:not(:empty) a.active button, .actions-modal ul li:not(:empty) a:hover,
      .actions-modal ul li:not(:empty) a:hover button, .actions-modal ul li:not(:empty) a:active,
      .actions-modal ul li:not(:empty) a:active button, .actions-modal ul li:not(:empty) a:focus,
      .actions-modal ul li:not(:empty) a:focus button {
        background: #2b90d9;
        color: #ffffff; }
.actions-modal ul li:not(:empty) a button:first-child {
        margin-right: 10px; }
.confirmation-modal__action-bar .confirmation-modal__cancel-button,
.confirmation-modal__action-bar .mute-modal__cancel-button,
.mute-modal__action-bar .confirmation-modal__cancel-button,
.mute-modal__action-bar .mute-modal__cancel-button {
  background-color: transparent;
  color: #606984;
  font-size: 14px;
  font-weight: 500; }
.confirmation-modal__action-bar .confirmation-modal__cancel-button:hover, .confirmation-modal__action-bar .confirmation-modal__cancel-button:focus, .confirmation-modal__action-bar .confirmation-modal__cancel-button:active,
  .confirmation-modal__action-bar .mute-modal__cancel-button:hover,
  .confirmation-modal__action-bar .mute-modal__cancel-button:focus,
  .confirmation-modal__action-bar .mute-modal__cancel-button:active,
  .mute-modal__action-bar .confirmation-modal__cancel-button:hover,
  .mute-modal__action-bar .confirmation-modal__cancel-button:focus,
  .mute-modal__action-bar .confirmation-modal__cancel-button:active,
  .mute-modal__action-bar .mute-modal__cancel-button:hover,
  .mute-modal__action-bar .mute-modal__cancel-button:focus,
  .mute-modal__action-bar .mute-modal__cancel-button:active {
    color: #576078; }
.confirmation-modal__container,
.mute-modal__container,
.report-modal__target {
  padding: 30px;
  font-size: 16px;
  text-align: center; }
.confirmation-modal__container strong,
  .mute-modal__container strong,
  .report-modal__target strong {
    font-weight: 500; }
.confirmation-modal__container strong:lang(ja),
    .mute-modal__container strong:lang(ja),
    .report-modal__target strong:lang(ja) {
      font-weight: 700; }
.confirmation-modal__container strong:lang(ko),
    .mute-modal__container strong:lang(ko),
    .report-modal__target strong:lang(ko) {
      font-weight: 700; }
.confirmation-modal__container strong:lang(zh-CN),
    .mute-modal__container strong:lang(zh-CN),
    .report-modal__target strong:lang(zh-CN) {
      font-weight: 700; }
.confirmation-modal__container strong:lang(zh-HK),
    .mute-modal__container strong:lang(zh-HK),
    .report-modal__target strong:lang(zh-HK) {
      font-weight: 700; }
.confirmation-modal__container strong:lang(zh-TW),
    .mute-modal__container strong:lang(zh-TW),
    .report-modal__target strong:lang(zh-TW) {
      font-weight: 700; }
.report-modal__target {
  padding: 20px; }
.report-modal__target .media-modal__close {
    top: 19px;
    right: 15px; }
.loading-bar {
  background-color: #2b90d9;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0; }
.media-gallery__gifv__label {
  display: block;
  position: absolute;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.5);
  bottom: 6px;
  left: 6px;
  padding: 2px 6px;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 600;
  z-index: 1;
  pointer-events: none;
  opacity: 0.9;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease; }
.media-gallery__gifv.autoplay .media-gallery__gifv__label {
  display: none; }
.media-gallery__gifv:hover .media-gallery__gifv__label {
  opacity: 1; }
.attachment-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  border: 1px solid #393f4f;
  border-radius: 4px;
  margin-top: 14px;
  overflow: hidden; }
.attachment-list__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    color: #606984;
    padding: 8px 18px;
    cursor: default;
    border-right: 1px solid #393f4f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 26px; }
.attachment-list__icon .fa {
      display: block; }
.attachment-list__list {
    list-style: none;
    padding: 4px 0;
    padding-left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
.attachment-list__list li {
      display: block;
      padding: 4px 0; }
.attachment-list__list a {
      text-decoration: none;
      color: #606984;
      font-weight: 500; }
.attachment-list__list a:hover {
        text-decoration: underline; }
.attachment-list.compact {
    border: 0;
    margin-top: 4px; }
.attachment-list.compact .attachment-list__list {
      padding: 0;
      display: block; }
.attachment-list.compact .fa {
      color: #606984; }
/* Media Gallery */
.media-gallery {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 8px;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  width: 100%; }
.media-gallery__item {
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  float: left;
  position: relative;
  border-radius: 4px;
  overflow: hidden; }
.media-gallery__item.standalone .media-gallery__item-gifv-thumbnail {
    -webkit-transform: none;
            transform: none;
    top: 0; }
.media-gallery__item-thumbnail {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  display: block;
  text-decoration: none;
  color: #d9e1e8;
  line-height: 0; }
.media-gallery__item-thumbnail,
  .media-gallery__item-thumbnail img {
    height: 100%;
    width: 100%; }
.media-gallery__item-thumbnail img {
    -o-object-fit: cover;
       font-family: "object-fit:cover";
       object-fit: cover; }
.media-gallery__gifv {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%; }
.media-gallery__item-gifv-thumbnail {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  z-index: 1; }
.media-gallery__item-thumbnail-label {
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute; }
/* End Media Gallery */
/* Status Video Player */
.status__video-player {
  background: #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: default;
  /* May not be needed */
  margin-top: 8px;
  overflow: hidden;
  position: relative; }
.status__video-player-video {
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  z-index: 1; }
.status__video-player-expand,
.status__video-player-mute {
  color: #ffffff;
  opacity: 0.8;
  position: absolute;
  right: 4px;
  text-shadow: 0 1px 1px #000000, 1px 0 1px #000000; }
.status__video-player-spoiler {
  display: none;
  color: #ffffff;
  left: 4px;
  position: absolute;
  text-shadow: 0 1px 1px #000000, 1px 0 1px #000000;
  top: 4px;
  z-index: 100; }
.status__video-player-spoiler.status__video-player-spoiler--visible {
    display: block; }
.status__video-player-expand {
  bottom: 4px;
  z-index: 100; }
.status__video-player-mute {
  top: 4px;
  z-index: 5; }
.video-player {
  overflow: hidden;
  position: relative;
  background: #000000;
  max-width: 100%;
  border-radius: 4px; }
.video-player:focus {
    outline: 0; }
.video-player video {
    max-width: 100vw;
    max-height: 80vh;
    z-index: 1; }
.video-player.fullscreen {
    width: 100% !important;
    height: 100% !important;
    margin: 0; }
.video-player.fullscreen video {
      max-width: 100% !important;
      max-height: 100% !important;
      width: 100% !important;
      height: 100% !important; }
.video-player.inline video {
    -o-object-fit: contain;
       font-family: "object-fit:contain";
       object-fit: contain;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
.video-player__controls {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.85)), color-stop(60%, rgba(0, 0, 0, 0.45)), to(transparent));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.45) 60%, transparent);
    padding: 0 15px;
    opacity: 0;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease; }
.video-player__controls.active {
      opacity: 1; }
.video-player.inactive video,
  .video-player.inactive .video-player__controls {
    visibility: hidden; }
.video-player__spoiler {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    border: 0;
    background: #000000;
    color: #9baec8;
    -webkit-transition: none;
    transition: none;
    pointer-events: none; }
.video-player__spoiler.active {
      display: block;
      pointer-events: auto; }
.video-player__spoiler.active:hover, .video-player__spoiler.active:active, .video-player__spoiler.active:focus {
        color: #b2c1d5; }
.video-player__spoiler__title {
      display: block;
      font-size: 14px; }
.video-player__spoiler__subtitle {
      display: block;
      font-size: 11px;
      font-weight: 500; }
.video-player__buttons-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 10px; }
.video-player__buttons {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.video-player__buttons.left button {
      padding-left: 0; }
.video-player__buttons.right button {
      padding-right: 0; }
.video-player__buttons button {
      background: transparent;
      padding: 2px 10px;
      font-size: 16px;
      border: 0;
      color: rgba(255, 255, 255, 0.75); }
.video-player__buttons button:active, .video-player__buttons button:hover, .video-player__buttons button:focus {
        color: #ffffff; }
.video-player__time-sep, .video-player__time-total, .video-player__time-current {
    font-size: 14px;
    font-weight: 500; }
.video-player__time-current {
    color: #ffffff;
    margin-left: 10px; }
.video-player__time-sep {
    display: inline-block;
    margin: 0 6px; }
.video-player__time-sep, .video-player__time-total {
    color: #ffffff; }
.video-player__seek {
    cursor: pointer;
    height: 24px;
    position: relative; }
.video-player__seek::before {
      content: "";
      width: 100%;
      background: rgba(255, 255, 255, 0.35);
      border-radius: 4px;
      display: block;
      position: absolute;
      height: 4px;
      top: 10px; }
.video-player__seek__progress, .video-player__seek__buffer {
      display: block;
      position: absolute;
      height: 4px;
      border-radius: 4px;
      top: 10px;
      background: #4ea2df; }
.video-player__seek__buffer {
      background: rgba(255, 255, 255, 0.2); }
.video-player__seek__handle {
      position: absolute;
      z-index: 3;
      opacity: 0;
      border-radius: 50%;
      width: 12px;
      height: 12px;
      top: 6px;
      margin-left: -6px;
      -webkit-transition: opacity .1s ease;
      transition: opacity .1s ease;
      background: #4ea2df;
      -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);
              box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);
      pointer-events: none; }
.video-player__seek__handle.active {
        opacity: 1; }
.video-player__seek:hover .video-player__seek__handle {
      opacity: 1; }
.video-player.detailed .video-player__buttons button, .video-player.fullscreen .video-player__buttons button {
    padding-top: 10px;
    padding-bottom: 10px; }
.media-spoiler-video {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  margin-top: 8px;
  position: relative;
  border: 0;
  display: block; }
.media-spoiler-video-play-icon {
  border-radius: 100px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 36px;
  left: 50%;
  padding: 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
/* End Video Player */
.account-gallery__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 2px; }
.account-gallery__item {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 50%;
  overflow: hidden;
  position: relative; }
.account-gallery__item::before {
    content: "";
    display: block;
    padding-top: 100%; }
.account-gallery__item a {
    display: block;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    margin: 2px;
    top: 0;
    left: 0;
    background-color: #000000;
    background-size: cover;
    background-position: center;
    position: absolute;
    color: #9baec8;
    text-decoration: none;
    border-radius: 4px; }
.account-gallery__item a:hover, .account-gallery__item a:active, .account-gallery__item a:focus {
      outline: 0;
      color: #d9e1e8; }
.account-gallery__item a:hover::before, .account-gallery__item a:active::before, .account-gallery__item a:focus::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 4px; }
.account-gallery__item__icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 24px; }
.account__section-headline {
  background: #1f232b;
  border-bottom: 1px solid #393f4f;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.account__section-headline a {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    color: #9baec8;
    padding: 15px 0;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    position: relative; }
.account__section-headline a.active {
      color: #d9e1e8; }
.account__section-headline a.active::before, .account__section-headline a.active::after {
        display: block;
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 0;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        border-style: solid;
        border-width: 0 10px 10px;
        border-color: transparent transparent #393f4f; }
.account__section-headline a.active::after {
        bottom: -1px;
        border-color: transparent transparent #282c37; }
::-webkit-scrollbar-thumb {
  border-radius: 0; }
.search-popout {
  background: #ffffff;
  border-radius: 4px;
  padding: 10px 14px;
  padding-bottom: 14px;
  margin-top: 10px;
  color: #9baec8;
  -webkit-box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);
          box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4); }
.search-popout h4 {
    text-transform: uppercase;
    color: #9baec8;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px; }
.search-popout li {
    padding: 4px 0; }
.search-popout ul {
    margin-bottom: 10px; }
.search-popout em {
    font-weight: 500;
    color: #282c37; }
noscript {
  text-align: center; }
noscript img {
    width: 200px;
    opacity: 0.5;
    -webkit-animation: flicker 4s infinite;
            animation: flicker 4s infinite; }
noscript div {
    font-size: 14px;
    margin: 30px auto;
    color: #d9e1e8;
    max-width: 400px; }
noscript div a {
      color: #2b90d9;
      text-decoration: underline; }
noscript div a:hover {
        text-decoration: none; }
@-webkit-keyframes flicker {
  0% {
    opacity: 1; }
  30% {
    opacity: 0.75; }
  100% {
    opacity: 1; } }
@keyframes flicker {
  0% {
    opacity: 1; }
  30% {
    opacity: 0.75; }
  100% {
    opacity: 1; } }
@media screen and (max-width: 630px) and (max-height: 400px) {
  .tabs-bar,
  .search {
    will-change: margin-top;
    -webkit-transition: margin-top 400ms 100ms;
    transition: margin-top 400ms 100ms; }
  .navigation-bar {
    will-change: padding-bottom;
    -webkit-transition: padding-bottom 400ms 100ms;
    transition: padding-bottom 400ms 100ms; }
  .navigation-bar > a:first-child {
    will-change: margin-top, margin-left, margin-right, width;
    -webkit-transition: margin-top 400ms 100ms, margin-left 400ms 500ms, margin-right 400ms 500ms;
    transition: margin-top 400ms 100ms, margin-left 400ms 500ms, margin-right 400ms 500ms; }
  .navigation-bar > .navigation-bar__profile-edit {
    will-change: margin-top;
    -webkit-transition: margin-top 400ms 100ms;
    transition: margin-top 400ms 100ms; }
  .navigation-bar .navigation-bar__actions > .icon-button.close {
    will-change: opacity transform;
    -webkit-transition: opacity 200ms 100ms, -webkit-transform 400ms 100ms;
    transition: opacity 200ms 100ms, -webkit-transform 400ms 100ms;
    transition: opacity 200ms 100ms, transform 400ms 100ms;
    transition: opacity 200ms 100ms, transform 400ms 100ms, -webkit-transform 400ms 100ms; }
  .navigation-bar .navigation-bar__actions > .compose__action-bar .icon-button {
    will-change: opacity transform;
    -webkit-transition: opacity 200ms 300ms, -webkit-transform 400ms 100ms;
    transition: opacity 200ms 300ms, -webkit-transform 400ms 100ms;
    transition: opacity 200ms 300ms, transform 400ms 100ms;
    transition: opacity 200ms 300ms, transform 400ms 100ms, -webkit-transform 400ms 100ms; }
  .is-composing .tabs-bar,
  .is-composing .search {
    margin-top: -50px; }
  .is-composing .navigation-bar {
    padding-bottom: 0; }
    .is-composing .navigation-bar > a:first-child {
      margin: -100px 10px 0 -50px; }
    .is-composing .navigation-bar .navigation-bar__profile {
      padding-top: 2px; }
    .is-composing .navigation-bar .navigation-bar__profile-edit {
      position: absolute;
      margin-top: -60px; }
    .is-composing .navigation-bar .navigation-bar__actions .icon-button.close {
      pointer-events: auto;
      opacity: 1;
      -webkit-transform: scale(1, 1) translate(0, 0);
              transform: scale(1, 1) translate(0, 0);
      bottom: 5px; }
    .is-composing .navigation-bar .navigation-bar__actions .compose__action-bar .icon-button {
      pointer-events: none;
      opacity: 0;
      -webkit-transform: scale(0, 1) translate(100%, 0);
              transform: scale(0, 1) translate(100%, 0); } }
.embed-modal {
  max-width: 80vw;
  max-height: 80vh; }
.embed-modal h4 {
    padding: 30px;
    font-weight: 500;
    font-size: 16px;
    text-align: center; }
.embed-modal .embed-modal__container {
    padding: 10px; }
.embed-modal .embed-modal__container .hint {
      margin-bottom: 15px; }
.embed-modal .embed-modal__container .embed-modal__html {
      outline: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: block;
      width: 100%;
      border: none;
      padding: 10px;
      font-family: "mastodon-font-monospace", monospace;
      background: #282c37;
      color: #ffffff;
      font-size: 14px;
      margin: 0;
      margin-bottom: 15px; }
.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner {
        border: 0; }
.embed-modal .embed-modal__container .embed-modal__html::-moz-focus-inner, .embed-modal .embed-modal__container .embed-modal__html:focus, .embed-modal .embed-modal__container .embed-modal__html:active {
        outline: 0 !important; }
.embed-modal .embed-modal__container .embed-modal__html:focus {
        background: #313543; }
@media screen and (max-width: 600px) {
        .embed-modal .embed-modal__container .embed-modal__html {
          font-size: 16px; } }
.embed-modal .embed-modal__container .embed-modal__iframe {
      width: 400px;
      max-width: 100%;
      overflow: hidden;
      border: 0; }
.account__moved-note {
  padding: 14px 10px;
  padding-bottom: 16px;
  background: #313543;
  border-top: 1px solid #393f4f;
  border-bottom: 1px solid #393f4f; }
.account__moved-note__message {
    position: relative;
    margin-left: 58px;
    color: #606984;
    padding: 8px 0;
    padding-top: 0;
    padding-bottom: 4px;
    font-size: 14px; }
.account__moved-note__message > span {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis; }
.account__moved-note__icon-wrapper {
    left: -26px;
    position: absolute; }
.account__moved-note .detailed-status__display-avatar {
    position: relative; }
.account__moved-note .detailed-status__display-name {
    margin-bottom: 0; }
.column-inline-form {
  padding: 7px 15px;
  padding-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #313543; }
.column-inline-form label {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
.column-inline-form label input {
      width: 100%;
      margin-bottom: 6px; }
.column-inline-form label input:focus {
        outline: 0; }
.column-inline-form .icon-button {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 5px; }
.drawer__backdrop {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }
.list-editor {
  background: #282c37;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 8px;
  -webkit-box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);
          box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);
  width: 380px;
  overflow: hidden; }
@media screen and (max-width: 420px) {
    .list-editor {
      width: 90%; } }
.list-editor h4 {
    padding: 15px 0;
    background: #444b5d;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    border-radius: 8px 8px 0 0; }
.list-editor .drawer__pager {
    height: 50vh; }
.list-editor .drawer__inner {
    border-radius: 0 0 8px 8px; }
.list-editor .drawer__inner.backdrop {
      width: calc(100% - 60px);
      -webkit-box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);
              box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.4);
      border-radius: 0 0 0 8px; }
.list-editor__accounts {
    overflow-y: auto; }
.list-editor .account__display-name:hover strong {
    text-decoration: none; }
.list-editor .account__avatar {
    cursor: default; }
.list-editor .search {
    margin-bottom: 0; }
.focal-point-modal {
  max-width: 80vw;
  max-height: 80vh;
  position: relative; }
.focal-point {
  position: relative;
  cursor: pointer;
  overflow: hidden; }
.focal-point.dragging {
    cursor: move; }
.focal-point img {
    max-width: 80vw;
    max-height: 80vh;
    width: auto;
    height: auto;
    margin: auto; }
.focal-point__reticle {
    position: absolute;
    width: 100px;
    height: 100px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url(/packs/reticle-6490ecbb61185e86e62dca0845cf2dcf.png) no-repeat 0 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.35); }
.focal-point__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
.floating-action-button {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 3.9375rem;
  height: 3.9375rem;
  bottom: 1.3125rem;
  right: 1.3125rem;
  background: #2588d0;
  color: #ffffff;
  border-radius: 50%;
  font-size: 21px;
  line-height: 21px;
  text-decoration: none;
  -webkit-box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.4);
          box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.4); }
.floating-action-button:hover, .floating-action-button:focus, .floating-action-button:active {
    background: #49a0de; }
.account__header .roles {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 15px; }
.account__header .account__header__fields {
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  margin: 20px -10px -20px;
  border-bottom: 0;
  border-top: 0; }
.account__header .account__header__fields dl {
    border-top: 1px solid #313543;
    border-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.account__header .account__header__fields dt,
  .account__header .account__header__fields dd {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 14px 5px;
    text-align: center;
    max-height: 48px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
.account__header .account__header__fields dt {
    color: #9baec8;
    background: #1f232b;
    width: 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    font-weight: 500; }
.account__header .account__header__fields dd {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    color: #ffffff;
    background: #282c37; }
.account__header .account__header__fields dd.verified {
      border: 1px solid rgba(121, 189, 154, 0.5);
      background: rgba(121, 189, 154, 0.25); }
.trends__header {
  color: #606984;
  background: #2c313d;
  border-bottom: 1px solid #1f232b;
  font-weight: 500;
  padding: 15px;
  font-size: 16px;
  cursor: default; }
.trends__header .fa {
    display: inline-block;
    margin-right: 5px; }
.trends__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
  border-bottom: 1px solid #393f4f; }
.trends__item:last-child {
    border-bottom: 0; }
.trends__item__name {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    color: #606984;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.trends__item__name strong {
      font-weight: 500; }
.trends__item__name a {
      color: #9baec8;
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
.trends__item__name a:hover span, .trends__item__name a:focus span, .trends__item__name a:active span {
        text-decoration: underline; }
.trends__item__current {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    text-align: center;
    color: #d9e1e8; }
.trends__item__sparkline {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50px; }
.trends__item__sparkline path {
      stroke: #459ede !important; }
.conversation {
  padding: 14px 10px;
  border-bottom: 1px solid #393f4f;
  cursor: pointer; }
.conversation__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px; }
.conversation__avatars {
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
.conversation__avatars > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: none;
          flex-wrap: none;
      width: 900px; }
.conversation__avatars .account__avatar {
      margin-right: 10px; }
.conversation__time {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    font-size: 14px;
    color: #9baec8;
    text-align: right; }
.conversation__time .display-name {
      color: #d9e1e8; }
.conversation .attachment-list.compact {
    margin-top: 15px; }
.modal-layout {
  background: #282c37 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 234.80078 31.757813" width="234.80078" height="31.757812"><path d="M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z" fill="%23606984"/></svg>') repeat-x bottom fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
  padding: 0; }
.modal-layout__mastodon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
.modal-layout__mastodon > * {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-height: 235px;
    background: url(/packs/elephant_ui_plane-e3f2d57c12c376e189c274cbe81af8dd.svg) no-repeat left bottom/contain; }
@media screen and (max-width: 600px) {
  .account-header {
    margin-top: 0; } }
.emoji-mart {
  font-size: 13px;
  display: inline-block;
  color: #282c37; }
.emoji-mart,
  .emoji-mart * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 1.15; }
.emoji-mart .emoji-mart-emoji {
    padding: 6px; }
.emoji-mart-bar {
  border: 0 solid #c0cdd9; }
.emoji-mart-bar:first-child {
    border-bottom-width: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #d9e1e8; }
.emoji-mart-bar:last-child {
    border-top-width: 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none; }
.emoji-mart-anchors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 6px;
  color: #606984;
  line-height: 0; }
.emoji-mart-anchor {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  -webkit-transition: color .1s ease-out;
  transition: color .1s ease-out;
  cursor: pointer; }
.emoji-mart-anchor:hover {
    color: #576078; }
.emoji-mart-anchor-selected {
  color: #2b90d9; }
.emoji-mart-anchor-selected:hover {
    color: #2485cb; }
.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
    bottom: -1px; }
.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #2b90d9; }
.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px; }
.emoji-mart-anchors svg {
  fill: currentColor;
  max-height: 18px; }
.emoji-mart-scroll {
  overflow-y: scroll;
  height: 270px;
  max-height: 35vh;
  padding: 0 6px 6px;
  background: #ffffff;
  will-change: transform; }
.emoji-mart-scroll::-webkit-scrollbar-track:hover, .emoji-mart-scroll::-webkit-scrollbar-track:active {
    background-color: rgba(0, 0, 0, 0.3); }
.emoji-mart-search {
  padding: 10px;
  padding-right: 45px;
  background: #ffffff; }
.emoji-mart-search input {
    font-size: 14px;
    font-weight: 400;
    padding: 7px 9px;
    font-family: inherit;
    display: block;
    width: 100%;
    background: rgba(217, 225, 232, 0.3);
    color: #282c37;
    border: 1px solid #d9e1e8;
    border-radius: 4px; }
.emoji-mart-search input::-moz-focus-inner {
      border: 0; }
.emoji-mart-search input::-moz-focus-inner, .emoji-mart-search input:focus, .emoji-mart-search input:active {
      outline: 0 !important; }
.emoji-mart-category .emoji-mart-emoji {
  cursor: pointer; }
.emoji-mart-category .emoji-mart-emoji span {
    z-index: 1;
    position: relative;
    text-align: center; }
.emoji-mart-category .emoji-mart-emoji:hover::before {
    z-index: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(217, 225, 232, 0.7);
    border-radius: 100%; }
.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0; }
.emoji-mart-category-label span {
    display: block;
    width: 100%;
    font-weight: 500;
    padding: 5px 6px;
    background: #ffffff; }
.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0; }
.emoji-mart-emoji span {
    width: 22px;
    height: 22px; }
.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #9baec8; }
.emoji-mart-no-results .emoji-mart-category-label {
    display: none; }
.emoji-mart-no-results .emoji-mart-no-results-label {
    margin-top: .2em; }
.emoji-mart-no-results .emoji-mart-emoji:hover::before {
    content: none; }
.emoji-mart-preview {
  display: none; }
.container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1235px;
  margin: 0 auto;
  position: relative; }
@media screen and (max-width: 1255px) {
    .container {
      width: 100%;
      padding: 0 10px; } }
.rich-formatting {
  font-family: "mastodon-font-sans-serif", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #9baec8;
  padding-right: 10px; }
.rich-formatting a {
    color: #2b90d9;
    text-decoration: underline; }
.rich-formatting p,
  .rich-formatting li {
    font-family: "mastodon-font-sans-serif", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 12px;
    color: #9baec8; }
.rich-formatting p a,
    .rich-formatting li a {
      color: #2b90d9;
      text-decoration: underline; }
.rich-formatting p:last-child,
    .rich-formatting li:last-child {
      margin-bottom: 0; }
.rich-formatting em {
    display: inline;
    margin: 0;
    padding: 0;
    font-weight: 700;
    background: transparent;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: #bcc9da; }
.rich-formatting h1 {
    font-family: "mastodon-font-display", sans-serif;
    font-size: 26px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #d9e1e8; }
.rich-formatting h1 small {
      font-family: "mastodon-font-sans-serif", sans-serif;
      display: block;
      font-size: 18px;
      font-weight: 400;
      color: #bcc9da; }
.rich-formatting h2 {
    font-family: "mastodon-font-display", sans-serif;
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #d9e1e8; }
.rich-formatting h3 {
    font-family: "mastodon-font-display", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #d9e1e8; }
.rich-formatting h4 {
    font-family: "mastodon-font-display", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #d9e1e8; }
.rich-formatting h5 {
    font-family: "mastodon-font-display", sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #d9e1e8; }
.rich-formatting h6 {
    font-family: "mastodon-font-display", sans-serif;
    font-size: 12px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #d9e1e8; }
.rich-formatting ul,
  .rich-formatting ol {
    margin-left: 20px; }
.rich-formatting ul[type='a'],
    .rich-formatting ol[type='a'] {
      list-style-type: lower-alpha; }
.rich-formatting ul[type='i'],
    .rich-formatting ol[type='i'] {
      list-style-type: lower-roman; }
.rich-formatting ul {
    list-style: disc; }
.rich-formatting ol {
    list-style: decimal; }
.rich-formatting li > ol,
  .rich-formatting li > ul {
    margin-top: 6px; }
.rich-formatting hr {
    width: 100%;
    height: 0;
    border: 0;
    border-bottom: 1px solid rgba(96, 105, 132, 0.6);
    margin: 20px 0; }
.rich-formatting hr.spacer {
      height: 1px;
      border: 0; }
.information-board {
  background: #1f232b;
  padding: 20px 0; }
.information-board .container-alt {
    position: relative;
    padding-right: 295px; }
.information-board__sections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
.information-board__section {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    font-family: "mastodon-font-sans-serif", sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    text-align: right;
    padding: 10px 15px; }
.information-board__section span,
    .information-board__section strong {
      display: block; }
.information-board__section span:last-child {
      color: #d9e1e8; }
.information-board__section strong {
      font-weight: 500;
      font-size: 32px;
      line-height: 48px; }
@media screen and (max-width: 700px) {
      .information-board__section {
        text-align: center; } }
.information-board .panel {
    position: absolute;
    width: 280px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #17191f;
    padding: 20px;
    padding-top: 10px;
    border-radius: 4px 4px 0 0;
    right: 0;
    bottom: -40px; }
.information-board .panel .panel-header {
      font-family: "mastodon-font-display", sans-serif;
      font-size: 14px;
      line-height: 24px;
      font-weight: 500;
      color: #9baec8;
      padding-bottom: 5px;
      margin-bottom: 15px;
      border-bottom: 1px solid #313543;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
.information-board .panel .panel-header a,
      .information-board .panel .panel-header span {
        font-weight: 400;
        color: #7a93b6; }
.information-board .panel .panel-header a {
        text-decoration: none; }
.information-board .owner {
    text-align: center; }
.information-board .owner .avatar {
      width: 80px;
      height: 80px;
      margin: 0 auto;
      margin-bottom: 15px; }
.information-board .owner .avatar img {
        display: block;
        width: 80px;
        height: 80px;
        border-radius: 48px; }
.information-board .owner .name {
      font-size: 14px; }
.information-board .owner .name a {
        display: block;
        color: #ffffff;
        text-decoration: none; }
.information-board .owner .name a:hover .display_name {
          text-decoration: underline; }
.information-board .owner .name .username {
        display: block;
        color: #9baec8; }
.landing-page .grid {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 25%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content; }
.landing-page .grid .column-0 {
    display: none; }
.landing-page .grid .column-1 {
    grid-column: 1;
    grid-row: 1; }
.landing-page .grid .column-2 {
    grid-column: 2;
    grid-row: 1; }
.landing-page .grid .column-3 {
    grid-column: 3;
    grid-row: 1 / 3; }
.landing-page .grid .column-4 {
    grid-column: 1 / 3;
    grid-row: 2; }
@media screen and (max-width: 960px) {
  .landing-page .grid {
    grid-template-columns: 40% 60%; }
    .landing-page .grid .column-0 {
      display: none; }
    .landing-page .grid .column-1 {
      grid-column: 1;
      grid-row: 1; }
      .landing-page .grid .column-1.non-preview .landing-page__forms {
        height: 100%; }
    .landing-page .grid .column-2 {
      grid-column: 2;
      grid-row: 1 / 3; }
      .landing-page .grid .column-2.non-preview {
        grid-column: 2;
        grid-row: 1; }
    .landing-page .grid .column-3 {
      grid-column: 1;
      grid-row: 2 / 4; }
    .landing-page .grid .column-4 {
      grid-column: 2;
      grid-row: 3; }
      .landing-page .grid .column-4.non-preview {
        grid-column: 1 / 3;
        grid-row: 2; } }
@media screen and (max-width: 700px) {
  .landing-page .grid {
    grid-template-columns: auto; }
    .landing-page .grid .column-0 {
      display: block;
      grid-column: 1;
      grid-row: 1; }
    .landing-page .grid .column-1 {
      grid-column: 1;
      grid-row: 3; }
      .landing-page .grid .column-1 .brand {
        display: none; }
    .landing-page .grid .column-2 {
      grid-column: 1;
      grid-row: 2; }
      .landing-page .grid .column-2 .landing-page__logo,
      .landing-page .grid .column-2 .landing-page__call-to-action {
        display: none; }
      .landing-page .grid .column-2.non-preview {
        grid-column: 1;
        grid-row: 2; }
    .landing-page .grid .column-3 {
      grid-column: 1;
      grid-row: 5; }
    .landing-page .grid .column-4 {
      grid-column: 1;
      grid-row: 4; }
      .landing-page .grid .column-4.non-preview {
        grid-column: 1;
        grid-row: 4; } }
.landing-page .column-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
.landing-page .separator-or {
  position: relative;
  margin: 40px 0;
  text-align: center; }
.landing-page .separator-or::before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    border-bottom: 1px solid rgba(96, 105, 132, 0.6);
    position: absolute;
    top: 50%;
    left: 0; }
.landing-page .separator-or span {
    display: inline-block;
    background: #282c37;
    font-size: 12px;
    font-weight: 500;
    color: #9baec8;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    padding: 0 8px;
    cursor: default; }
.landing-page p,
.landing-page li {
  font-family: "mastodon-font-sans-serif", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 12px;
  color: #9baec8; }
.landing-page p a,
  .landing-page li a {
    color: #2b90d9;
    text-decoration: underline; }
.landing-page .closed-registrations-message {
  margin-top: 20px; }
.landing-page .closed-registrations-message,
  .landing-page .closed-registrations-message p {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #9baec8;
    margin-bottom: 0; }
.landing-page .closed-registrations-message a,
    .landing-page .closed-registrations-message p a {
      color: #2b90d9;
      text-decoration: underline; }
.landing-page .closed-registrations-message p:last-child {
    margin-bottom: 0; }
.landing-page em {
  display: inline;
  margin: 0;
  padding: 0;
  font-weight: 700;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: #bcc9da; }
.landing-page h1 {
  font-family: "mastodon-font-display", sans-serif;
  font-size: 26px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #d9e1e8; }
.landing-page h1 small {
    font-family: "mastodon-font-sans-serif", sans-serif;
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #bcc9da; }
.landing-page h2 {
  font-family: "mastodon-font-display", sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #d9e1e8; }
.landing-page h3 {
  font-family: "mastodon-font-display", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #d9e1e8; }
.landing-page h4 {
  font-family: "mastodon-font-display", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #d9e1e8; }
.landing-page h5 {
  font-family: "mastodon-font-display", sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #d9e1e8; }
.landing-page h6 {
  font-family: "mastodon-font-display", sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #d9e1e8; }
.landing-page ul,
.landing-page ol {
  margin-left: 20px; }
.landing-page ul[type='a'],
  .landing-page ol[type='a'] {
    list-style-type: lower-alpha; }
.landing-page ul[type='i'],
  .landing-page ol[type='i'] {
    list-style-type: lower-roman; }
.landing-page ul {
  list-style: disc; }
.landing-page ol {
  list-style: decimal; }
.landing-page li > ol,
.landing-page li > ul {
  margin-top: 6px; }
.landing-page hr {
  width: 100%;
  height: 0;
  border: 0;
  border-bottom: 1px solid rgba(96, 105, 132, 0.6);
  margin: 20px 0; }
.landing-page hr.spacer {
    height: 1px;
    border: 0; }
.landing-page .container-alt {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 800px;
  margin: 0 auto;
  word-wrap: break-word; }
.landing-page .header-wrapper {
  padding-top: 15px;
  background: #282c37;
  background: linear-gradient(150deg, #393f4f, #282c37);
  position: relative; }
.landing-page .header-wrapper.compact {
    background: #282c37;
    padding-bottom: 15px; }
.landing-page .header-wrapper.compact .hero .heading {
      padding-bottom: 20px;
      font-family: "mastodon-font-sans-serif", sans-serif;
      font-size: 16px;
      font-weight: 400;
      font-size: 16px;
      line-height: 30px;
      color: #9baec8; }
.landing-page .header-wrapper.compact .hero .heading a {
        color: #2b90d9;
        text-decoration: underline; }
.landing-page .brand a {
  padding-left: 0;
  padding-right: 0;
  color: #ffffff; }
.landing-page .brand img {
  height: 32px;
  position: relative;
  top: 4px;
  left: -10px; }
.landing-page .header {
  line-height: 30px;
  overflow: hidden; }
.landing-page .header .container-alt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
.landing-page .header .links {
    position: relative;
    z-index: 4; }
.landing-page .header .links a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #9baec8;
      text-decoration: none;
      padding: 12px 16px;
      line-height: 32px;
      font-family: "mastodon-font-display", sans-serif;
      font-weight: 500;
      font-size: 14px; }
.landing-page .header .links a:hover {
        color: #d9e1e8; }
.landing-page .header .links ul {
      list-style: none;
      margin: 0; }
.landing-page .header .links ul li {
        display: inline-block;
        vertical-align: bottom;
        margin: 0; }
.landing-page .header .links ul li:first-child a {
          padding-left: 0; }
.landing-page .header .links ul li:last-child a {
          padding-right: 0; }
.landing-page .header .hero {
    margin-top: 50px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
.landing-page .header .hero .heading {
      position: relative;
      z-index: 4;
      padding-bottom: 150px; }
.landing-page .header .hero .simple_form,
    .landing-page .header .hero .closed-registrations-message {
      background: #1f232b;
      width: 280px;
      padding: 15px 20px;
      border-radius: 4px 4px 0 0;
      line-height: normal;
      line-height: initial;
      position: relative;
      z-index: 4; }
.landing-page .header .hero .simple_form .actions,
      .landing-page .header .hero .closed-registrations-message .actions {
        margin-bottom: 0; }
.landing-page .header .hero .simple_form .actions button,
        .landing-page .header .hero .simple_form .actions .button,
        .landing-page .header .hero .simple_form .actions .block-button,
        .landing-page .header .hero .closed-registrations-message .actions button,
        .landing-page .header .hero .closed-registrations-message .actions .button,
        .landing-page .header .hero .closed-registrations-message .actions .block-button {
          margin-bottom: 0; }
.landing-page .header .hero .closed-registrations-message {
      min-height: 330px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
.landing-page .about-short {
  background: #1f232b;
  padding: 50px 0 30px;
  font-family: "mastodon-font-sans-serif", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #9baec8; }
.landing-page .about-short a {
    color: #2b90d9;
    text-decoration: underline; }
.landing-page.alternative {
  padding: 10px 0; }
.landing-page.alternative .brand {
    text-align: center;
    padding: 30px 0;
    margin-bottom: 10px; }
.landing-page.alternative .brand img {
      position: static;
      padding: 10px 0; }
@media screen and (max-width: 960px) {
      .landing-page.alternative .brand {
        padding: 15px 0; } }
@media screen and (max-width: 700px) {
      .landing-page.alternative .brand {
        padding: 0;
        margin-bottom: -10px; } }
.landing-page__information, .landing-page__forms {
  padding: 20px; }
.landing-page__call-to-action {
  background: #1f232b;
  border-radius: 4px;
  padding: 25px 40px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
.landing-page__call-to-action .row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.landing-page__call-to-action .row__information-board {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
.landing-page__call-to-action .row__information-board .information-board__section {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      padding: 0 10px; }
@media screen and (max-width: 415px) {
      .landing-page__call-to-action .row__information-board {
        width: 100%;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
.landing-page__call-to-action .row__mascot {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 10px -50px 0 0; }
@media screen and (max-width: 415px) {
      .landing-page__call-to-action .row__mascot {
        display: none; } }
.landing-page__logo {
  margin-right: 20px; }
.landing-page__logo img {
    height: 50px;
    width: auto;
    mix-blend-mode: lighten; }
.landing-page__information {
  padding: 45px 40px;
  margin-bottom: 10px; }
.landing-page__information:last-child {
    margin-bottom: 0; }
.landing-page__information .account {
    border-bottom: 0;
    padding: 0; }
.landing-page__information .account__display-name {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: 5px; }
.landing-page__information .account div.account__display-name:hover .display-name strong {
      text-decoration: none; }
.landing-page__information .account div.account__display-name .account__avatar {
      cursor: default; }
.landing-page__information .account__avatar-wrapper {
      margin-left: 0;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
.landing-page__information .account__avatar {
      width: 44px;
      height: 44px;
      background-size: 44px 44px; }
.landing-page__information .account .display-name {
      font-size: 15px; }
.landing-page__information .account .display-name__account {
        font-size: 14px; }
@media screen and (max-width: 960px) {
    .landing-page__information .contact {
      margin-top: 30px; } }
@media screen and (max-width: 700px) {
    .landing-page__information {
      padding: 25px 20px; } }
.landing-page__information, .landing-page__forms,
.landing-page #mastodon-timeline {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #282c37;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); }
.landing-page__mascot {
  height: 104px;
  position: relative;
  left: -40px;
  bottom: 25px; }
.landing-page__mascot img {
    height: 190px;
    width: auto; }
.landing-page__short-description .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px; }
@media screen and (max-width: 700px) {
  .landing-page__short-description .row {
    margin-bottom: 20px; } }
.landing-page__short-description p a {
  color: #d9e1e8; }
.landing-page__short-description h1 {
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 0; }
.landing-page__short-description h1 small {
    color: #9baec8; }
.landing-page__short-description h1 small span {
      color: #d9e1e8; }
.landing-page__short-description p:last-child {
  margin-bottom: 0; }
.landing-page__hero {
  margin-bottom: 10px; }
.landing-page__hero img {
    display: block;
    margin: 0;
    max-width: 100%;
    height: auto;
    border-radius: 4px; }
.landing-page__forms {
  height: 100%; }
@media screen and (max-width: 960px) {
    .landing-page__forms {
      height: auto; } }
@media screen and (max-width: 700px) {
    .landing-page__forms {
      background: transparent;
      -webkit-box-shadow: none;
              box-shadow: none;
      padding: 0 20px;
      margin-top: 30px;
      margin-bottom: 40px; }
      .landing-page__forms .separator-or span {
        background: #17191f; } }
.landing-page__forms hr {
    margin: 40px 0; }
.landing-page__forms .button {
    display: block; }
.landing-page__forms .subtle-hint a {
    text-decoration: none; }
.landing-page__forms .subtle-hint a:hover, .landing-page__forms .subtle-hint a:focus, .landing-page__forms .subtle-hint a:active {
      text-decoration: underline; }
.landing-page #mastodon-timeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  font-family: "mastodon-font-sans-serif", sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  color: #ffffff;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  height: 100%; }
.landing-page #mastodon-timeline .column-header {
    color: inherit;
    font-family: inherit;
    font-size: 16px;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0; }
.landing-page #mastodon-timeline .column {
    padding: 0;
    border-radius: 4px;
    overflow: hidden;
    width: 100%; }
.landing-page #mastodon-timeline .scrollable {
    height: 400px; }
.landing-page #mastodon-timeline p {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: #ffffff;
    margin-bottom: 20px; }
.landing-page #mastodon-timeline p:last-child {
      margin-bottom: 0; }
.landing-page #mastodon-timeline p a {
      color: #d9e1e8;
      text-decoration: none; }
.landing-page #mastodon-timeline .attachment-list__list {
    margin-left: 0;
    list-style: none; }
.landing-page #mastodon-timeline .attachment-list__list li {
      font-size: inherit;
      line-height: inherit;
      font-weight: inherit;
      margin-bottom: 0; }
.landing-page #mastodon-timeline .attachment-list__list li a {
        color: #606984;
        text-decoration: none; }
.landing-page #mastodon-timeline .attachment-list__list li a:hover {
          text-decoration: underline; }
@media screen and (max-width: 700px) {
    .landing-page #mastodon-timeline {
      display: none; } }
.landing-page__features > p {
  padding-right: 60px; }
.landing-page__features .features-list {
  margin: 40px 0;
  margin-top: 30px; }
.landing-page__features__action {
  text-align: center; }
.landing-page .features-list .features-list__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
.landing-page .features-list .features-list__row .visual {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 15px; }
.landing-page .features-list .features-list__row .visual .fa {
      display: block;
      color: #9baec8;
      font-size: 48px; }
.landing-page .features-list .features-list__row .text {
    font-size: 16px;
    line-height: 30px;
    color: #9baec8; }
.landing-page .features-list .features-list__row .text h6 {
      font-size: inherit;
      line-height: inherit;
      margin-bottom: 0; }
@media screen and (min-width: 960px) {
  .landing-page .features-list {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 50%;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content; } }
.landing-page .footer-links {
  padding-bottom: 50px;
  text-align: right;
  color: #606984; }
.landing-page .footer-links p {
    font-size: 14px; }
.landing-page .footer-links a {
    color: inherit;
    text-decoration: underline; }
.landing-page__footer {
  margin-top: 10px;
  text-align: center;
  color: #606984; }
.landing-page__footer p {
    font-size: 14px; }
.landing-page__footer p a {
      color: inherit;
      text-decoration: underline; }
@media screen and (max-width: 840px) {
  .landing-page .container-alt {
    padding: 0 20px; }
  .landing-page .information-board .container-alt {
    padding-right: 20px; }
  .landing-page .information-board .panel {
    position: static;
    margin-top: 20px;
    width: 100%;
    border-radius: 4px; }
    .landing-page .information-board .panel .panel-header {
      text-align: center; } }
@media screen and (max-width: 675px) {
  .landing-page .header-wrapper {
    padding-top: 0; }
    .landing-page .header-wrapper.compact {
      padding-bottom: 0; }
    .landing-page .header-wrapper.compact .hero .heading {
      text-align: left;
      text-align: initial; }
  .landing-page .header .container-alt,
  .landing-page .features .container-alt {
    display: block; }
  .landing-page .header .links {
    padding-top: 15px;
    background: #1f232b; }
    .landing-page .header .links a {
      padding: 12px 8px; }
    .landing-page .header .links .nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
    .landing-page .header .links .brand img {
      left: 0;
      top: 0; }
  .landing-page .header .hero {
    margin-top: 30px;
    padding: 0; }
    .landing-page .header .hero .heading {
      padding: 30px 20px;
      text-align: center; }
    .landing-page .header .hero .simple_form,
    .landing-page .header .hero .closed-registrations-message {
      background: #17191f;
      width: 100%;
      border-radius: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; } }
.landing-page .cta {
  margin: 20px; }
@media screen and (max-width: 700px) {
  .landing-page.tag-page {
    padding: 0; }
    .landing-page.tag-page .container {
      padding: 0; }
    .landing-page.tag-page #mastodon-timeline {
      display: block;
      width: 100vw;
      height: 100vh;
      border-radius: 0; } }
@media screen and (min-width: 960px) {
  .landing-page.tag-page .grid {
    grid-template-columns: 33% 67%; } }
.landing-page.tag-page .grid .column-2 {
  grid-column: 2;
  grid-row: 1; }
.landing-page.tag-page .brand {
  text-align: unset;
  padding: 0; }
.landing-page.tag-page .brand img {
    height: 48px;
    width: auto; }
.landing-page.tag-page .cta {
  margin: 0; }
.landing-page.tag-page .cta .button {
    margin-right: 4px; }
@media screen and (max-width: 700px) {
  .landing-page.tag-page .grid {
    grid-gap: 0; }
    .landing-page.tag-page .grid .column-1 {
      grid-column: 1;
      grid-row: 1; }
    .landing-page.tag-page .grid .column-2 {
      display: none; } }
.table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse; }
.table th,
  .table td {
    padding: 8px;
    line-height: 18px;
    vertical-align: top;
    border-top: 1px solid #282c37;
    text-align: left;
    background: #1f232b; }
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #282c37;
    border-top: 0;
    font-weight: 500; }
.table > tbody > tr > th {
    font-weight: 500; }
.table > tbody > tr:nth-child(odd) > td,
  .table > tbody > tr:nth-child(odd) > th {
    background: #282c37; }
.table a {
    color: #2b90d9;
    text-decoration: underline; }
.table a:hover {
      text-decoration: none; }
.table strong {
    font-weight: 500; }
.table strong:lang(ja) {
      font-weight: 700; }
.table strong:lang(ko) {
      font-weight: 700; }
.table strong:lang(zh-CN) {
      font-weight: 700; }
.table strong:lang(zh-HK) {
      font-weight: 700; }
.table strong:lang(zh-TW) {
      font-weight: 700; }
.table.inline-table > tbody > tr:nth-child(odd) > td,
  .table.inline-table > tbody > tr:nth-child(odd) > th {
    background: transparent; }
.table.inline-table > tbody > tr:first-child > td,
  .table.inline-table > tbody > tr:first-child > th {
    border-top: 0; }
.table.batch-table > thead > tr > th {
    background: #282c37;
    border-top: 1px solid #17191f;
    border-bottom: 1px solid #17191f; }
.table.batch-table > thead > tr > th:first-child {
      border-radius: 4px 0 0;
      border-left: 1px solid #17191f; }
.table.batch-table > thead > tr > th:last-child {
      border-radius: 0 4px 0 0;
      border-right: 1px solid #17191f; }
.table-wrapper {
  overflow: auto;
  margin-bottom: 20px; }
samp {
  font-family: "mastodon-font-monospace", monospace; }
button.table-action-link {
  background: transparent;
  border: 0;
  font: inherit; }
button.table-action-link,
a.table-action-link {
  text-decoration: none;
  display: inline-block;
  margin-right: 5px;
  padding: 0 10px;
  color: #9baec8;
  font-weight: 500; }
button.table-action-link:hover,
  a.table-action-link:hover {
    color: #ffffff; }
button.table-action-link i.fa,
  a.table-action-link i.fa {
    font-weight: 400;
    margin-right: 5px; }
button.table-action-link:first-child,
  a.table-action-link:first-child {
    padding-left: 0; }
.batch-table__toolbar, .batch-table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.batch-table__toolbar__select, .batch-table__row__select {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 8px 16px;
    cursor: pointer;
    min-height: 100%; }
.batch-table__toolbar__select input, .batch-table__row__select input {
      margin-top: 8px; }
.batch-table__toolbar__actions, .batch-table__toolbar__content, .batch-table__row__actions, .batch-table__row__content {
    padding: 8px 0;
    padding-right: 16px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
.batch-table__toolbar {
  border: 1px solid #17191f;
  background: #282c37;
  border-radius: 4px 0 0;
  height: 47px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.batch-table__toolbar__actions {
    text-align: right;
    padding-right: 11px; }
.batch-table__row {
  border: 1px solid #17191f;
  border-top: 0;
  background: #1f232b; }
.batch-table__row:hover {
    background: #242731; }
.batch-table__row:nth-child(even) {
    background: #282c37; }
.batch-table__row:nth-child(even):hover {
      background: #2c313d; }
.batch-table__row__content {
    padding-top: 12px;
    padding-bottom: 16px; }
.batch-table .status__content {
  padding-top: 0; }
.batch-table .status__content summary {
    display: list-item; }
.batch-table .status__content strong {
    font-weight: 700; }
.admin-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%; }
.admin-wrapper .sidebar-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    background: #282c37;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
.admin-wrapper .sidebar {
    width: 240px;
    height: 100%;
    padding: 0;
    overflow-y: auto; }
.admin-wrapper .sidebar .logo {
      display: block;
      margin: 40px auto;
      width: 100px;
      height: 100px; }
@media screen and (max-width: 600px) {
      .admin-wrapper .sidebar > a:first-child {
        display: none; } }
.admin-wrapper .sidebar ul {
      list-style: none;
      border-radius: 4px 0 0 4px;
      overflow: hidden;
      margin-bottom: 20px; }
@media screen and (max-width: 600px) {
        .admin-wrapper .sidebar ul {
          margin-bottom: 0; } }
.admin-wrapper .sidebar ul a {
        display: block;
        padding: 15px;
        color: #9baec8;
        text-decoration: none;
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear;
        border-radius: 4px 0 0 4px; }
.admin-wrapper .sidebar ul a i.fa {
          margin-right: 5px; }
.admin-wrapper .sidebar ul a:hover {
          color: #ffffff;
          background-color: #1d2028;
          -webkit-transition: all 100ms linear;
          transition: all 100ms linear; }
.admin-wrapper .sidebar ul a.selected {
          background: #242731;
          border-radius: 4px 0 0; }
.admin-wrapper .sidebar ul ul {
        background: #1f232b;
        border-radius: 0 0 0 4px;
        margin: 0; }
.admin-wrapper .sidebar ul ul a {
          border: 0;
          padding: 15px 35px; }
.admin-wrapper .sidebar ul .simple-navigation-active-leaf a {
        color: #ffffff;
        background-color: #2b90d9;
        border-bottom: 0;
        border-radius: 0; }
.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover {
          background-color: #419bdd; }
.admin-wrapper .sidebar > ul > .simple-navigation-active-leaf a {
      border-radius: 4px 0 0 4px; }
.admin-wrapper .content-wrapper {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    overflow: auto; }
.admin-wrapper .content {
    max-width: 700px;
    padding: 20px 15px;
    padding-top: 60px;
    padding-left: 25px; }
@media screen and (max-width: 600px) {
      .admin-wrapper .content {
        max-width: none;
        padding: 15px;
        padding-top: 30px; } }
.admin-wrapper .content h2 {
      color: #d9e1e8;
      font-size: 24px;
      line-height: 28px;
      font-weight: 400;
      padding-bottom: 40px;
      border-bottom: 1px solid #393f4f;
      margin-bottom: 40px; }
.admin-wrapper .content h3 {
      color: #d9e1e8;
      font-size: 20px;
      line-height: 28px;
      font-weight: 400;
      margin-bottom: 30px; }
.admin-wrapper .content h4 {
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 700;
      color: #9baec8;
      padding-bottom: 8px;
      margin-bottom: 8px;
      border-bottom: 1px solid #393f4f; }
.admin-wrapper .content h6 {
      font-size: 16px;
      color: #d9e1e8;
      line-height: 28px;
      font-weight: 400; }
.admin-wrapper .content .fields-group h6 {
      color: #ffffff;
      font-weight: 500; }
.admin-wrapper .content > p {
      font-size: 14px;
      line-height: 18px;
      color: #d9e1e8;
      margin-bottom: 20px; }
.admin-wrapper .content > p strong {
        color: #ffffff;
        font-weight: 500; }
.admin-wrapper .content > p strong:lang(ja) {
          font-weight: 700; }
.admin-wrapper .content > p strong:lang(ko) {
          font-weight: 700; }
.admin-wrapper .content > p strong:lang(zh-CN) {
          font-weight: 700; }
.admin-wrapper .content > p strong:lang(zh-HK) {
          font-weight: 700; }
.admin-wrapper .content > p strong:lang(zh-TW) {
          font-weight: 700; }
.admin-wrapper .content hr {
      width: 100%;
      height: 0;
      border: 0;
      border-bottom: 1px solid rgba(96, 105, 132, 0.6);
      margin: 20px 0; }
.admin-wrapper .content hr.spacer {
        height: 1px;
        border: 0; }
.admin-wrapper .content .muted-hint {
      color: #9baec8; }
.admin-wrapper .content .muted-hint a {
        color: #2b90d9; }
.admin-wrapper .content .positive-hint {
      color: #79bd9a;
      font-weight: 500; }
.admin-wrapper .content .negative-hint {
      color: #df405a;
      font-weight: 500; }
@media screen and (max-width: 600px) {
    .admin-wrapper {
      display: block;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
      .admin-wrapper .sidebar-wrapper,
      .admin-wrapper .content-wrapper {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        height: auto;
        overflow: visible;
        overflow: initial; }
      .admin-wrapper .sidebar {
        width: 100%;
        padding: 0;
        height: auto; } }
.filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
.filters .filter-subset {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 40px 10px 0; }
.filters .filter-subset:last-child {
      margin-bottom: 20px; }
.filters .filter-subset ul {
      margin-top: 5px;
      list-style: none; }
.filters .filter-subset ul li {
        display: inline-block;
        margin-right: 5px; }
.filters .filter-subset strong {
      font-weight: 500;
      text-transform: uppercase;
      font-size: 12px; }
.filters .filter-subset strong:lang(ja) {
        font-weight: 700; }
.filters .filter-subset strong:lang(ko) {
        font-weight: 700; }
.filters .filter-subset strong:lang(zh-CN) {
        font-weight: 700; }
.filters .filter-subset strong:lang(zh-HK) {
        font-weight: 700; }
.filters .filter-subset strong:lang(zh-TW) {
        font-weight: 700; }
.filters .filter-subset a {
      display: inline-block;
      color: #9baec8;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 500;
      border-bottom: 2px solid #282c37; }
.filters .filter-subset a:hover {
        color: #ffffff;
        border-bottom: 2px solid #333846; }
.filters .filter-subset a.selected {
        color: #2b90d9;
        border-bottom: 2px solid #2b90d9; }
.report-accounts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px; }
.report-accounts__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 250px;
      -ms-flex: 250px;
          flex: 250px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 5px; }
.report-accounts__item > strong {
    display: block;
    margin: 0 0 10px -5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #d9e1e8; }
.report-accounts__item > strong:lang(ja) {
      font-weight: 700; }
.report-accounts__item > strong:lang(ko) {
      font-weight: 700; }
.report-accounts__item > strong:lang(zh-CN) {
      font-weight: 700; }
.report-accounts__item > strong:lang(zh-HK) {
      font-weight: 700; }
.report-accounts__item > strong:lang(zh-TW) {
      font-weight: 700; }
.report-accounts__item .account-card {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
.report-status,
.account-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px; }
.report-status .activity-stream,
  .account-status .activity-stream {
    -webkit-box-flex: 2;
        -ms-flex: 2 0 0px;
            flex: 2 0 0;
    margin-right: 20px;
    max-width: calc(100% - 60px); }
.report-status .activity-stream .entry,
    .account-status .activity-stream .entry {
      border-radius: 4px; }
.report-status__actions,
.account-status__actions {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
.report-status__actions .icon-button,
  .account-status__actions .icon-button {
    font-size: 24px;
    width: 24px;
    text-align: center;
    margin-bottom: 10px; }
.simple_form.new_report_note,
.simple_form.new_account_moderation_note {
  max-width: 100%; }
.batch-form-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 5px; }
.batch-form-box #form_status_batch_action {
    margin: 0 5px 5px 0;
    font-size: 14px; }
.batch-form-box input.button {
    margin: 0 5px 5px 0; }
.batch-form-box .media-spoiler-toggle-buttons {
    margin-left: auto; }
.batch-form-box .media-spoiler-toggle-buttons .button {
      overflow: visible;
      margin: 0 0 5px 5px;
      float: right; }
.back-link {
  margin-bottom: 10px;
  font-size: 14px; }
.back-link a {
    color: #2b90d9;
    text-decoration: none; }
.back-link a:hover {
      text-decoration: underline; }
.spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
.log-entry {
  margin-bottom: 20px;
  line-height: 20px; }
.log-entry__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px;
    background: #282c37;
    color: #9baec8;
    border-radius: 4px 4px 0 0;
    font-size: 14px;
    position: relative; }
.log-entry__avatar {
    margin-right: 10px; }
.log-entry__avatar .avatar {
      display: block;
      margin: 0;
      border-radius: 50%;
      width: 40px;
      height: 40px; }
.log-entry__content {
    max-width: calc(100% - 90px); }
.log-entry__title {
    word-wrap: break-word; }
.log-entry__timestamp {
    color: #606984; }
.log-entry__extras {
    background: #353a49;
    border-radius: 0 0 4px 4px;
    padding: 10px;
    color: #9baec8;
    font-family: "mastodon-font-monospace", monospace;
    font-size: 12px;
    word-wrap: break-word;
    min-height: 20px; }
.log-entry__icon {
    font-size: 28px;
    margin-right: 10px;
    color: #606984; }
.log-entry__icon__overlay {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%; }
.log-entry__icon__overlay.positive {
      background: #79bd9a; }
.log-entry__icon__overlay.negative {
      background: #e87487; }
.log-entry__icon__overlay.neutral {
      background: #2b90d9; }
.log-entry a,
  .log-entry .username,
  .log-entry .target {
    color: #d9e1e8;
    text-decoration: none;
    font-weight: 500; }
.log-entry .diff-old {
    color: #e87487; }
.log-entry .diff-neutral {
    color: #d9e1e8; }
.log-entry .diff-new {
    color: #79bd9a; }
a.name-tag,
.name-tag,
a.inline-name-tag,
.inline-name-tag {
  text-decoration: none;
  color: #d9e1e8; }
a.name-tag .username,
  .name-tag .username,
  a.inline-name-tag .username,
  .inline-name-tag .username {
    font-weight: 500; }
a.name-tag.suspended .username,
  .name-tag.suspended .username,
  a.inline-name-tag.suspended .username,
  .inline-name-tag.suspended .username {
    text-decoration: line-through;
    color: #e87487; }
a.name-tag.suspended .avatar,
  .name-tag.suspended .avatar,
  a.inline-name-tag.suspended .avatar,
  .inline-name-tag.suspended .avatar {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    opacity: 0.8; }
a.name-tag,
.name-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
a.name-tag .avatar,
  .name-tag .avatar {
    display: block;
    margin: 0;
    margin-right: 5px;
    border-radius: 50%; }
a.name-tag.suspended .avatar,
  .name-tag.suspended .avatar {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    opacity: 0.8; }
.speech-bubble {
  margin-bottom: 20px;
  border-left: 4px solid #2b90d9; }
.speech-bubble.positive {
    border-left-color: #79bd9a; }
.speech-bubble.negative {
    border-left-color: #e87487; }
.speech-bubble__bubble {
    padding: 16px;
    padding-left: 14px;
    font-size: 15px;
    line-height: 20px;
    border-radius: 4px 4px 4px 0;
    position: relative;
    font-weight: 500; }
.speech-bubble__bubble a {
      color: #9baec8; }
.speech-bubble__owner {
    padding: 8px;
    padding-left: 12px; }
.speech-bubble time {
    color: #606984; }
.report-card {
  background: #282c37;
  border-radius: 4px;
  margin-bottom: 20px; }
.report-card__profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px; }
.report-card__profile .account {
      padding: 0;
      border: 0; }
.report-card__profile .account__avatar-wrapper {
        margin-left: 0; }
.report-card__profile__stats {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      font-weight: 500;
      color: #9baec8;
      text-transform: uppercase;
      text-align: right; }
.report-card__profile__stats a {
        color: inherit;
        text-decoration: none; }
.report-card__profile__stats a:focus, .report-card__profile__stats a:hover, .report-card__profile__stats a:active {
          color: #b5c3d6; }
.report-card__profile__stats .red {
        color: #df405a; }
.report-card__summary__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border-top: 1px solid #1f232b; }
.report-card__summary__item:hover {
      background: #2c313d; }
.report-card__summary__item__reported-by, .report-card__summary__item__assigned {
      padding: 15px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 150px;
      color: #9baec8; }
.report-card__summary__item__reported-by,
      .report-card__summary__item__reported-by .username, .report-card__summary__item__assigned,
      .report-card__summary__item__assigned .username {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
.report-card__summary__item__content {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      max-width: calc(100% - 300px); }
.report-card__summary__item__content__icon {
        color: #606984;
        margin-right: 4px;
        font-weight: 500; }
.report-card__summary__item__content a {
      display: block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      padding: 15px;
      text-decoration: none;
      color: #9baec8; }
.one-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.dashboard__counters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -5px;
  margin-bottom: 20px; }
.dashboard__counters > div {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
    padding: 0 5px;
    margin-bottom: 10px; }
.dashboard__counters > div > div,
    .dashboard__counters > div > a {
      padding: 20px;
      background: #313543;
      border-radius: 4px; }
.dashboard__counters > div > a {
      text-decoration: none;
      color: inherit;
      display: block; }
.dashboard__counters > div > a:hover, .dashboard__counters > div > a:focus, .dashboard__counters > div > a:active {
        background: #393f4f; }
.dashboard__counters__num {
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    color: #ffffff;
    font-family: "mastodon-font-display", sans-serif;
    margin-bottom: 20px; }
.dashboard__counters__label {
    font-size: 14px;
    color: #9baec8;
    text-align: center;
    font-weight: 500; }
.dashboard__widgets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -5px; }
.dashboard__widgets > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
    margin-bottom: 20px; }
.dashboard__widgets > div > div {
      padding: 0 5px; }
.dashboard__widgets a:not(.name-tag) {
    color: #d9e1e8;
    font-weight: 500;
    text-decoration: none; }
body.rtl {
  direction: rtl; }
body.rtl .column-header > button {
    text-align: right;
    padding-left: 0;
    padding-right: 15px; }
body.rtl .landing-page__logo {
    margin-right: 0;
    margin-left: 20px; }
body.rtl .landing-page .features-list .features-list__row .visual {
    margin-left: 0;
    margin-right: 15px; }
body.rtl .column-link__icon,
  body.rtl .column-header__icon {
    margin-right: 0;
    margin-left: 5px; }
body.rtl .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {
    margin-right: 0;
    margin-left: 4px; }
body.rtl .navigation-bar__profile {
    margin-left: 0;
    margin-right: 8px; }
body.rtl .search__input {
    padding-right: 10px;
    padding-left: 30px; }
body.rtl .search__icon .fa {
    right: auto;
    left: 10px; }
body.rtl .column-header__buttons {
    left: 0;
    right: auto;
    margin-left: 0;
    margin-right: -15px; }
body.rtl .column-inline-form .icon-button {
    margin-left: 0;
    margin-right: 5px; }
body.rtl .column-header__links .text-btn {
    margin-left: 10px;
    margin-right: 0; }
body.rtl .account__avatar-wrapper {
    float: right; }
body.rtl .column-header__back-button {
    padding-left: 5px;
    padding-right: 0; }
body.rtl .column-header__setting-arrows {
    float: left; }
body.rtl .setting-toggle {
    margin-left: 0;
    margin-right: 8px; }
body.rtl .status__avatar {
    left: auto;
    right: 10px; }
body.rtl .status,
  body.rtl .activity-stream .status.light {
    padding-left: 10px;
    padding-right: 68px; }
body.rtl .status__info .status__display-name,
  body.rtl .activity-stream .status.light .status__display-name {
    padding-left: 25px;
    padding-right: 0; }
body.rtl .activity-stream .pre-header {
    padding-right: 68px;
    padding-left: 0; }
body.rtl .status__prepend {
    margin-left: 0;
    margin-right: 68px; }
body.rtl .status__prepend-icon-wrapper {
    left: auto;
    right: -26px; }
body.rtl .activity-stream .pre-header .pre-header__icon {
    left: auto;
    right: 42px; }
body.rtl .account__avatar-overlay-overlay {
    right: auto;
    left: 0; }
body.rtl .column-back-button--slim-button {
    right: auto;
    left: 0; }
body.rtl .status__relative-time,
  body.rtl .activity-stream .status.light .status__header .status__meta {
    float: left; }
body.rtl .activity-stream .detailed-status.light .detailed-status__display-name > div {
    float: right;
    margin-right: 0;
    margin-left: 10px; }
body.rtl .activity-stream .detailed-status.light .detailed-status__meta span > span {
    margin-left: 0;
    margin-right: 6px; }
body.rtl .status__action-bar__counter {
    margin-right: 0;
    margin-left: 11px; }
body.rtl .status__action-bar__counter .status__action-bar-button {
      margin-right: 0;
      margin-left: 4px; }
body.rtl .status__action-bar-button {
    float: right;
    margin-right: 0;
    margin-left: 18px; }
body.rtl .status__action-bar-dropdown {
    float: right; }
body.rtl .privacy-dropdown__dropdown {
    margin-left: 0;
    margin-right: 40px; }
body.rtl .privacy-dropdown__option__icon {
    margin-left: 10px;
    margin-right: 0; }
body.rtl .detailed-status__display-avatar {
    margin-right: 0;
    margin-left: 10px;
    float: right; }
body.rtl .detailed-status__favorites,
  body.rtl .detailed-status__reblogs {
    margin-left: 0;
    margin-right: 6px; }
body.rtl .fa-ul {
    margin-left: 0;
    margin-left: 2.14285714em; }
body.rtl .fa-li {
    left: auto;
    right: -2.14285714em; }
body.rtl .admin-wrapper .sidebar ul a i.fa,
  body.rtl a.table-action-link i.fa {
    margin-right: 0;
    margin-left: 5px; }
body.rtl .simple_form .check_boxes .checkbox label,
  body.rtl .simple_form .input.with_label.boolean label.checkbox {
    padding-left: 0;
    padding-right: 25px; }
body.rtl .simple_form .check_boxes .checkbox input[type="checkbox"],
  body.rtl .simple_form .input.boolean input[type="checkbox"] {
    left: auto;
    right: 0; }
body.rtl .simple_form .input-with-append .input input {
    padding-left: 142px;
    padding-right: 0; }
body.rtl .simple_form .input-with-append .append {
    right: auto;
    left: 0; }
body.rtl .simple_form .input-with-append .append::after {
      right: auto;
      left: 0;
      background-image: -webkit-gradient(linear, right top, left top, from(rgba(40, 44, 55, 0)), to(#282c37));
      background-image: linear-gradient(to left, rgba(40, 44, 55, 0), #282c37); }
body.rtl .table th,
  body.rtl .table td {
    text-align: right; }
body.rtl .filters .filter-subset {
    margin-right: 0;
    margin-left: 45px; }
body.rtl .landing-page .header-wrapper .mascot {
    right: 60px;
    left: auto; }
body.rtl .landing-page .header .hero .floats .float-1 {
    left: -120px;
    right: auto; }
body.rtl .landing-page .header .hero .floats .float-2 {
    left: 210px;
    right: auto; }
body.rtl .landing-page .header .hero .floats .float-3 {
    left: 110px;
    right: auto; }
body.rtl .landing-page .header .links .brand img {
    left: 0; }
body.rtl .landing-page .fa-external-link {
    padding-right: 5px;
    padding-left: 0 !important; }
body.rtl .landing-page .features #mastodon-timeline {
    margin-right: 0;
    margin-left: 30px; }
@media screen and (min-width: 631px) {
    body.rtl .column,
    body.rtl .drawer {
      padding-left: 5px;
      padding-right: 5px; }
      body.rtl .column:first-child,
      body.rtl .drawer:first-child {
        padding-left: 5px;
        padding-right: 10px; }
    body.rtl .columns-area > div .column,
    body.rtl .columns-area > div .drawer {
      padding-left: 5px;
      padding-right: 5px; } }
body.rtl .public-layout .header .nav-button {
    margin-left: 8px;
    margin-right: 0; }
body.rtl .public-layout .public-account-header__tabs {
    margin-left: 0;
    margin-right: 20px; }
.emojione[title=':8ball:'], .emojione[title=':ant:'], .emojione[title=':back:'], .emojione[title=':black_circle:'], .emojione[title=':black_heart:'], .emojione[title=':black_large_square:'], .emojione[title=':black_medium_small_square:'], .emojione[title=':black_medium_square:'], .emojione[title=':black_nib:'], .emojione[title=':black_small_square:'], .emojione[title=':bomb:'], .emojione[title=':bowling:'], .emojione[title=':bust_in_silhouette:'], .emojione[title=':busts_in_silhouette:'], .emojione[title=':camera:'], .emojione[title=':camera_with_flash:'], .emojione[title=':clubs:'], .emojione[title=':copyright:'], .emojione[title=':curly_loop:'], .emojione[title=':currency_exchange:'], .emojione[title=':dark_sunglasses:'], .emojione[title=':eight_pointed_black_star:'], .emojione[title=':electric_plug:'], .emojione[title=':end:'], .emojione[title=':female-guard:'], .emojione[title=':film_projector:'], .emojione[title=':fried_egg:'], .emojione[title=':gorilla:'], .emojione[title=':guardsman:'], .emojione[title=':heavy_check_mark:'], .emojione[title=':heavy_division_sign:'], .emojione[title=':heavy_dollar_sign:'], .emojione[title=':heavy_minus_sign:'], .emojione[title=':heavy_multiplication_x:'], .emojione[title=':heavy_plus_sign:'], .emojione[title=':hocho:'], .emojione[title=':hole:'], .emojione[title=':joystick:'], .emojione[title=':kaaba:'], .emojione[title=':lower_left_ballpoint_pen:'], .emojione[title=':lower_left_fountain_pen:'], .emojione[title=':male-guard:'], .emojione[title=':microphone:'], .emojione[title=':mortar_board:'], .emojione[title=':movie_camera:'], .emojione[title=':musical_score:'], .emojione[title=':on:'], .emojione[title=':registered:'], .emojione[title=':soon:'], .emojione[title=':spades:'], .emojione[title=':speaking_head_in_silhouette:'], .emojione[title=':spider:'], .emojione[title=':telephone_receiver:'], .emojione[title=':tm:'], .emojione[title=':top:'], .emojione[title=':tophat:'], .emojione[title=':turkey:'], .emojione[title=':vhs:'], .emojione[title=':video_camera:'], .emojione[title=':video_game:'], .emojione[title=':water_buffalo:'], .emojione[title=':waving_black_flag:'], .emojione[title=':wavy_dash:'] {
  -webkit-filter: drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff);
          filter: drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff);
  -webkit-transform: scale(0.71);
          transform: scale(0.71); }


/*# sourceMappingURL=default-8f0e38f5171244b22634.css.map*/