/* START of background */

.app-body::before {
  content: ' ';
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  background-color: #a4508b;
  background-image: linear-gradient(326deg, #a4508b 0%, #5f0a87 74%);
  opacity: 0.2;
}

.tabs-bar__wrapper {
  background: #271836;
}

.app-body::after,
.app-holder::before,
.app-holder::after {
  content: ' ';
  position: fixed;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  animation-timing-function: linear;
  animation-duration: 10s;
  animation-name: star-zoom-anim;
  animation-iteration-count: infinite;
  animation-play-state: running;
  filter: blur(2px);
  z-index: -1;
}

.app-body::after {
  box-shadow: -16vw -28vh 3px #ffcf91, -47vw -43vh 1px 3px #ffcf91,
    25vw 27vh 3px 3px #ffcf91, 42vw -22vh 2px 3px #ffcf91,
    -24vw 46vh 3px 1px #ffcf91, -5vw -2vh 3px 3px #ffcf91,
    48vw 2vh 1px 3px #ffcf91, 8vw -21vh 3px 1px #ffcf91, 10vw -47vh 2px #ffcf91,
    -1vw 16vh 3px 2px #ffcf91, -1vw 11vh 1px 2px #ffcf91,
    3vw -14vh 2px 3px #ffcf91, -49vw 35vh 0 2px #ffcf91, -30vw -33vh 2px #ffcf91,
    24vw -7vh 0 1px #ffcf91, 38vw -36vh #ffcf91, 22vw 40vh 2px #ffcf91,
    -28vw -46vh 1px 1px #ffcf91, -19vw 26vh 3px 2px #ffcf91,
    -32vw -31vh 1px 1px #ffcf91, 9vw -48vh 2px 1px #ffcf91,
    28vw -8vh 0 3px #ffcf91, 43vw -3vh 2px 1px #ffcf91, 18vw 2vh 3px #ffcf91,
    17vw 46vh 2px #ffcf91, 33vw 11vh 1px #ffcf91, -29vw 44vh 3px 1px #ffcf91,
    -5vw -37vh 3px 1px #ffcf91, 11vw 31vh #ffcf91, -14vw 30vh 3px 2px #ffcf91,
    -11vw -45vh 1px #ffcf91, 46vw -16vh 1px 2px #ffcf91,
    45vw -49vh 3px 3px #ffcf91, -1vw -15vh 3px 2px #ffcf91,
    -47vw 24vh 0 3px #ffcf91, 3vw 36vh 3px #ffcf91, 4vw -44vh 1px 1px #ffcf91,
    -18vw 44vh 3px 1px #ffcf91, 13vw 5vh 0 3px #ffcf91, -48vw -7vh 0 1px #ffcf91,
    -50vw -18vh 1px #ffcf91, -35vw -29vh 1px 1px #ffcf91,
    -31vw -40vh 1px 2px #ffcf91, 24vw 44vh 3px 3px #ffcf91, -41vw -16vh #ffcf91,
    13vw 0 1px 1px #ffcf91, 48vw 32vh #ffcf91, -38vw -39vh 2px 2px #ffcf91,
    34vw 23vh 3px 3px #ffcf91, 5vw 18vh 1px 1px #ffcf91,
    -7vw 13vh 2px 2px #ffcf91, 29vw 34vh 1px #ffcf91, -4vw 25vh 1px 2px #ffcf91,
    -14vw -1vh 0 1px #ffcf91, -10vw -6vh 3px 2px #ffcf91,
    -19vw 26vh 3px 3px #ffcf91, 20vw 20vh 3px 1px #ffcf91, -16vw 50vh #ffcf91,
    11vw 33vh #ffcf91, 12vw -35vh 1px 3px #ffcf91, 34vw -38vh 0 3px #ffcf91,
    -14vw 5vh 0 1px #ffcf91, 23vw 29vh 3px 3px #ffcf91,
    -5vw -39vh 1px 3px #ffcf91, 0 16vh 3px #ffcf91, -20vw 37vh 3px 1px #ffcf91,
    48vw -48vh 3px 3px #ffcf91, 9vw -41vh 1px 3px #ffcf91,
    -48vw -6vh 3px 2px #ffcf91, -9vw -20vh 2px 3px #ffcf91,
    15vw 11vh 1px 2px #ffcf91, -4vw -8vh #ffcf91, 38vw -47vh 3px 2px #ffcf91,
    20vw 50vh 1px 2px #ffcf91, 43vw -2vh 0 3px #ffcf91,
    -17vw -50vh 0 2px #ffcf91, -30vw 24vh 1px #ffcf91,
    -16vw 23vh 3px 2px #ffcf91, 44vw -4vh 2px 3px #ffcf91, 11vw 1vh #ffcf91,
    -36vw 34vh 1px 1px #ffcf91, -3vw 15vh 0 1px #ffcf91,
    30vw -45vh 3px 1px #ffcf91, -11vw 15vh 1px #ffcf91, 4vw 6vh #ffcf91,
    -50vw -6vh 2px 1px #ffcf91, 49vw -22vh 2px 2px #ffcf91,
    -42vw 37vh 2px #ffcf91, -35vw 5vh 0 1px #ffcf91, -1vw 13vh 3px 1px #ffcf91,
    49vw 10vh 2px 1px #ffcf91, 10vw 43vh 1px 3px #ffcf91, 43vw 27vh 1px #ffcf91,
    -2vw -12vh 2px 2px #ffcf91, -37vw 38vh 2px #ffcf91,
    17vw 17vh 2px 1px #ffcf91, 0 15vh 3px 2px #ffcf91, 9vw 5vh 1px #ffcf91,
    -24vw 16vh #ffcf91, 18vw -41vh 0 1px #ffcf91;
}

.app-holder::before {
  animation-delay: 3.3s;
  opacity: 0;
  box-shadow: -45vw -35vh 3px #9db7ff, 25vw 38vh 0 3px #9db7ff,
    -23vw -42vh 0 3px #9db7ff, 19vw -11vh 3px 1px #9db7ff,
    -18vw 29vh 2px 3px #9db7ff, 27vw -23vh 3px 1px #9db7ff,
    -17vw 46vh 0 3px #9db7ff, 37vw 36vh 1px #9db7ff, 47vw 38vh 3px #9db7ff,
    -30vw -48vh 3px 3px #9db7ff, -24vw -35vh 3px 3px #9db7ff,
    33vw 0 2px 1px #9db7ff, -17vw 24vh 0 3px #9db7ff, 6vw -14vh 0 1px #9db7ff,
    23vw -44vh 2px 1px #9db7ff, 2vw 43vh 3px 1px #9db7ff,
    -47vw 49vh 0 1px #9db7ff, 38vw 28vh #9db7ff, 45vw 1vh 0 1px #9db7ff,
    -45vw -29vh 0 2px #9db7ff, -22vw 40vh 1px 1px #9db7ff,
    -39vw -46vh 0 3px #9db7ff, 3vw -2vh 0 3px #9db7ff, -34vw 7vh 2px 2px #9db7ff,
    0 50vh 3px 2px #9db7ff, 5vw 12vh 2px #9db7ff, 16vw 28vh 2px 1px #9db7ff,
    46vw -2vh 3px 3px #9db7ff, -6vw 9vh 0 3px #9db7ff, 38vw -11vh #9db7ff,
    27vw -47vh 2px 2px #9db7ff, 2vw -44vh 2px 2px #9db7ff,
    -30vw -26vh 1px 1px #9db7ff, -6vw 32vh 3px 3px #9db7ff,
    -34vw 29vh 2px 2px #9db7ff, -15vw -4vh 0 2px #9db7ff, 30vw 42vh 1px #9db7ff,
    22vw 50vh 2px 3px #9db7ff, -18vw 16vh 1px 1px #9db7ff,
    16vw -14vh 3px #9db7ff, -26vw 47vh #9db7ff, 46vw -33vh 2px 3px #9db7ff,
    -19vw 41vh 1px 1px #9db7ff, 34vw -22vh 3px 1px #9db7ff, 34vw 19vh #9db7ff,
    6vw -17vh 3px 2px #9db7ff, 31vw 8vh 0 3px #9db7ff,
    33vw -28vh 1px 3px #9db7ff, -6vw -2vh 0 2px #9db7ff,
    47vw -17vh 1px 2px #9db7ff, 45vw -21vh 1px 3px #9db7ff,
    48vw -31vh 2px #9db7ff, -10vw 30vh 2px 2px #9db7ff,
    -47vw -30vh 0 1px #9db7ff, 20vw -4vh 0 1px #9db7ff,
    33vw -40vh 3px 1px #9db7ff, -13vw 42vh 2px #9db7ff, -7vw -37vh 0 1px #9db7ff,
    -38vw -34vh #9db7ff, 3vw -25vh 2px #9db7ff, 28vw 8vh 2px 1px #9db7ff,
    39vw 45vh 3px #9db7ff, 8vw 37vh 0 2px #9db7ff, 15vw 46vh 2px #9db7ff,
    15vw 23vh 2px 1px #9db7ff, 41vw -24vh #9db7ff, 24vw -16vh 2px 2px #9db7ff,
    -41vw -50vh 3px 2px #9db7ff, -17vw -16vh 3px 2px #9db7ff,
    34vw -33vh 2px 2px #9db7ff, -13vw -42vh #9db7ff, 5vw -43vh 2px 2px #9db7ff,
    49vw -26vh 1px 3px #9db7ff, -12vw -6vh 2px 2px #9db7ff,
    6vw -43vh 3px 3px #9db7ff, 4vw 17vh 3px 3px #9db7ff,
    -36vw -22vh 2px 1px #9db7ff, 43vw 17vh 3px 2px #9db7ff,
    29vw 29vh 0 2px #9db7ff, -24vw -8vh 1px #9db7ff, -9vw 20vh 3px 3px #9db7ff,
    -6vw -42vh 2px 3px #9db7ff, -1vw 40vh 0 3px #9db7ff,
    -41vw 48vh 2px 1px #9db7ff, 45vw -49vh 2px 3px #9db7ff,
    8vw 5vh 0 1px #9db7ff, 15vw 29vh 1px #9db7ff, -3vw -3vh 0 1px #9db7ff,
    46vw -31vh 1px 3px #9db7ff, -29vw 1vh 1px #9db7ff, -46vw -10vh 0 2px #9db7ff,
    44vw 47vh 1px 3px #9db7ff, 41vw 4vh 3px 1px #9db7ff,
    -31vw 4vh 2px 2px #9db7ff, -4vw 28vh 1px 1px #9db7ff,
    14vw 26vh 3px 3px #9db7ff, -42vw -48vh 3px 3px #9db7ff,
    -24vw 41vh 1px 2px #9db7ff, 44vw 47vh 2px #9db7ff, 17vw -34vh 2px #9db7ff;
}

.app-holder::after {
  animation-delay: 6.6s;
  opacity: 0;
  box-shadow: -19vw 22vh 3px 3px #ff9d9d, -42vw -7vh 3px 3px #ff9d9d,
    44vw -30vh 2px 2px #ff9d9d, -27vw -5vh 3px 2px #ff9d9d,
    -44vw 42vh 1px 2px #ff9d9d, -34vw -9vh 0 2px #ff9d9d, -18vw -2vh 2px #ff9d9d,
    -7vw -27vh 3px 1px #ff9d9d, -32vw 26vh 1px 3px #ff9d9d,
    -26vw -11vh 3px 1px #ff9d9d, -35vw -43vh 2px 2px #ff9d9d,
    3vw 3vh 1px 1px #ff9d9d, -45vw 2vh 2px #ff9d9d, -34vw -7vh 1px #ff9d9d,
    44vw -2vh 0 1px #ff9d9d, -34vw -45vh 0 1px #ff9d9d, -1vw 19vh 1px #ff9d9d,
    24vw 49vh 1px 2px #ff9d9d, 5vw -39vh 1px 1px #ff9d9d, 0 -30vh 0 1px #ff9d9d,
    30vw 11vh 1px 2px #ff9d9d, -2vw -4vh 3px 2px #ff9d9d,
    -17vw -33vh 0 3px #ff9d9d, -41vw 45vh 2px 3px #ff9d9d,
    48vw -14vh 3px 1px #ff9d9d, -8vw 25vh 0 3px #ff9d9d, 25vw -40vh 2px #ff9d9d,
    48vw -47vh 1px 1px #ff9d9d, -25vw -12vh 3px 1px #ff9d9d,
    3vw 18vh 2px 3px #ff9d9d, -50vw 46vh 3px #ff9d9d, 5vw -10vh 3px 2px #ff9d9d,
    34vw -46vh 2px 1px #ff9d9d, 35vw 46vh 2px 2px #ff9d9d,
    42vw 42vh 0 1px #ff9d9d, -26vw -40vh 3px #ff9d9d, -41vw -17vh 0 3px #ff9d9d,
    -22vw -5vh 1px 1px #ff9d9d, 24vw 49vh 0 2px #ff9d9d,
    -12vw -16vh 2px 3px #ff9d9d, 29vw -16vh 2px 1px #ff9d9d,
    36vw 3vh 3px 3px #ff9d9d, -31vw -5vh 1px 3px #ff9d9d,
    27vw -32vh 0 1px #ff9d9d, 32vw 33vh 2px 2px #ff9d9d,
    -41vw 50vh 1px 1px #ff9d9d, -31vw 22vh 0 1px #ff9d9d,
    40vw 3vh 1px 2px #ff9d9d, -20vw -24vh 1px 2px #ff9d9d,
    -32vw 33vh 1px 3px #ff9d9d, -48vw 37vh 3px 3px #ff9d9d,
    11vw 22vh 1px 1px #ff9d9d, -24vw 34vh 0 3px #ff9d9d,
    35vw -16vh 3px 1px #ff9d9d, -2vw 13vh 1px 1px #ff9d9d,
    -17vw -37vh 3px 3px #ff9d9d, -15vw -27vh 3px 2px #ff9d9d,
    -16vw 8vh 2px 1px #ff9d9d, 44vw -30vh 0 2px #ff9d9d, -46vw -43vh #ff9d9d,
    -9vw 30vh 2px #ff9d9d, 23vw 25vh 0 3px #ff9d9d, 25vw -37vh 1px #ff9d9d,
    18vw 19vh 2px 1px #ff9d9d, -37vw 32vh 0 3px #ff9d9d,
    34vw -47vh 1px 2px #ff9d9d, -40vw -24vh 2px 1px #ff9d9d,
    27vw 23vh 0 3px #ff9d9d, -36vw 5vh 0 2px #ff9d9d, -35vw 7vh 2px 3px #ff9d9d,
    -17vw 49vh #ff9d9d, 23vw -46vh 2px 2px #ff9d9d, -47vw 44vh 2px 1px #ff9d9d,
    34vw 14vh 3px 3px #ff9d9d, 40vw 38vh 2px 2px #ff9d9d, -48vw 48vh 3px #ff9d9d,
    -27vw -32vh 0 1px #ff9d9d, 8vw 12vh 0 2px #ff9d9d, -1vw 16vh 0 3px #ff9d9d,
    -7vw -26vh 1px #ff9d9d, -29vw -1vh 2px 2px #ff9d9d,
    -21vw 17vh 1px 3px #ff9d9d, 6vw -23vh 2px 3px #ff9d9d,
    -6vw -14vh 3px 1px #ff9d9d, 24vw 27vh 3px 1px #ff9d9d,
    -32vw 13vh 0 2px #ff9d9d, -4vw -11vh 2px #ff9d9d, 11vw 23vh 3px #ff9d9d,
    19vw 37vh 3px 2px #ff9d9d, 46vw 31vh 0 1px #ff9d9d,
    -37vw 27vh 2px 3px #ff9d9d, 33vw 22vh 1px 1px #ff9d9d,
    43vw 3vh 2px 2px #ff9d9d, 0 -31vh 0 1px #ff9d9d, 49vw -18vh 1px 3px #ff9d9d,
    7vw 36vh 0 3px #ff9d9d, 22vw 1vh 1px #ff9d9d, -42vw -44vh 1px 2px #ff9d9d,
    -6vw 27vh 3px #ff9d9d, -48vw 50vh 1px 1px #ff9d9d;
}

.drawer__header,
#tabs-bar__portal,
.column .column-header__wrapper,
.column .notification__filter-bar,
.column .scrollable {
  background-color: #181821;
}

@keyframes star-zoom-anim {
  0% {
    transform: scale(0.75);
    opacity: 0;
  }

  50% {
    transform: scale(1.25);
    opacity: 0.5;
  }

  to {
    transform: scale(1.75);
    opacity: 0;
  }
}

/* END of background */

/* START of Twitch Ship */

.compose-form {
  z-index: 2;
}

.drawer__pager:before {
  content: ' ';
  position: absolute;
  top: 35%;
  left: -50%;
  display: inline-block;
  background-image: url('https://nomanssky.social/twitch-ship.png');
  background-size: contain;
  width: 100px;
  height: 100px;
  z-index: 1;
  opacity: 0.5;
  will-change: transform;
  animation-name: background-ship1-anim;
  animation-direction: normal;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 80s;
  animation-delay: 5s;
}

@keyframes background-ship1-anim {
  0% {
    transform: translate(-150%, -150%);
  }

  10%,
  100% {
    transform: translate(500%, 300%);
  }
}

/* END of Twitch Ship */

/* START General */
.account__header__bar .avatar .account__avatar {
  border-radius: 10px;
}

.account__header__bar .account-role.bot:before {
  content: 'NPC (';
}

.account__header__bar .account-role.bot:after {
  content: ')';
}
.confirmation-modal {
  background: #282c37;
  color: #f2f5f7;
}

.confirmation-modal__action-bar {
  background: #101217;
}

/* Set icon in top right corner of normal view */
.navigation-panel__logo svg.logo {
  opacity: 0;
}

.navigation-panel__logo .column-link--logo {
  position: relative;
}

.navigation-panel__logo .column-link--logo:before {
  content: '';
  background-image: url('https://nomanssky.social/instanceHeader.png');
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 7px;
}

@font-face {
  font-family: 'NMSGeoSans';
  src: url('/NMSGeoSans_Kerned.eot');
  src: url('/NMSGeoSans_Kerned.eot?#iefix') format('embedded-opentype'),
    url('/NMSGeoSans_Kerned.woff') format('woff'),
    url('/NMSGeoSans_Kerned.ttf') format('truetype');
}

*,
.drawer,
.navigation-panel,
.compose-panel,
.column {
  font-family: 'NMSGeoSans';
  font-size: 110%;
}

.reply-indicator__content,
.status__content,
.account__header__content {
  font-size: 18px;
}

/* END General */

/* START Compose toot box */

button.button.button--compact:before {
  content: '🚀';
  padding-right: 5px;
}

button.button.button--compact:after {
  content: '🚀';
  padding-left: 5px;
}

.drawer__inner {
  z-index: 2;
}

/* END Compose toot box */

/* START Hastag style by @slashine@slashine.onl and @flyover@pullopen.xyz*/
.mention.hashtag.status-link {
  background-color: #93aefd36;
  padding: 0px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-style: dashed;
  border-color: #93aefd;
  border-width: 0.5px;
  border-radius: 5px;
  /* --- nms social --- */
  font-family: 'mastodon-font-sans-serif', sans-serif;
  font-size: 15px;
}

.mention.hashtag.status-link:hover {
  background-color: #cdd2f54f;
}

/* END Hastag style */