:root {
  --no-emoji-font-family:
    "Roboto", "Kosugi Maru Sub", "Kosugi Maru", sans-serif;
  --emoji-only-font-family:
    "Noto Color Emoji Sub", "Noto Color Emoji", sans-serif;
  --pico-font-family:
    "Roboto", "Noto Color Emoji Sub", "Noto Color Emoji", "Kosugi Maru Sub",
    "Kosugi Maru", sans-serif;
  --pico-font-family-monospace:
    "Roboto", "Noto Color Emoji Sub", "Noto Color Emoji", "Kosugi Maru Sub",
    "Kosugi Maru", sans-serif;
  --pico-color-default: var(--pico-color);
  --pico-font-weight: 400;
  --pico-block-spacing-vertical: 0.5rem;
  --pico-nav-element-spacing-vertical: 0.25rem;
  --clipboard-border-size: 2px;
  --clipboard-border-color: var(--pico-color-blue-600);
  --clipboard-ms-border-color: darkgreen;
  --clipboard-color-success: var(--pico-color-azure-400);
  --color-success: var(--pico-color-jade-200);
  --color-success-dark: var(--pico-color-jade-900);
  --color-failed: var(--pico-color-pink-400);
  --color-failed-dark: var(--pico-color-pink-900);
  --color-info: var(--pico-color-cyan-400);
  --color-info-dark: var(--pico-color-cyan-900); }

.color-default {
  color: var(--pico-color-default) !important; }

.text-color-success {
  color: var(--color-success); }

.text-color-failed {
  color: var(--color-failed); }

.text-color-info {
  color: var(--color-info); }

body,
html {
  min-width: 360px; }

.fw-bold {
  font-weight: 700; }

#title-logo {
  font-family: "Dela Gothic One Sub", "Dela Gothic One", sans-serif; }

.emoji {
  font-family: var(--emoji-only-font-family) !important; }

.emoji-noto {
  font-family: "Roboto", "Noto Color Emoji Sub", "Noto Color Emoji", "Kosugi Maru Sub", "Kosugi Maru", sans-serif !important; }

.w-20 {
  width: 20%; }

.date-column {
  width: 9rem; }

.w-mc {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }

.font-bit-small {
  font-size: 0.85rem; }

.font-small {
  font-size: 0.75rem; }

.font-smaller {
  font-size: 0.625rem; }

.font-smallest {
  font-size: 0.5rem; }

.font-little-bit-large {
  font-size: 1.075rem; }

.font-bit-large {
  font-size: 1.15rem; }

.font-large {
  font-size: 1.25rem; }

pre {
  font-family: var(--pico-font-family) !important; }

.pre-in-toast {
  max-width: 10rem; }

.clipboard,
.no-clipboard {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-flex;
  align-items: center !important;
  justify-content: center !important;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 0.25rem;
  padding-right: 0.3rem;
  padding-left: 0.3rem;
  overflow: visible;
  color: lightgray;
  cursor: pointer;
  background: #050505;
  border-radius: 0.25rem; }
  .clipboard span,
  .clipboard i,
  .no-clipboard span,
  .no-clipboard i {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }

.clipboard {
  border: var(--clipboard-border-size) solid var(--clipboard-border-color); }

.clipboard-sample {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 1.4rem;
  height: 0.6rem;
  overflow: visible; }
  .clipboard-sample div {
    position: absolute;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 1.4rem;
    height: 0.8rem;
    background: #050505;
    border: 2px solid var(--clipboard-border-color);
    border-radius: 0.25rem; }
  .clipboard-sample.clipboard-sample-ms div {
    border: var(--clipboard-border-size) solid var(--clipboard-ms-border-color); }

nav {
  margin-bottom: 0.25rem; }

.no-link {
  color: inherit;
  text-decoration: none;
  cursor: default; }

a {
  text-decoration-line: none !important; }

.membership {
  cursor: default;
  border: var(--clipboard-border-size) solid var(--clipboard-ms-border-color);
  opacity: 0.3; }

.membership-enabled {
  cursor: pointer;
  opacity: 1; }

.color-hashtag {
  color: var(--pico-color-azure-450); }

body {
  display: flex;
  flex-direction: column;
  min-height: 100svh;
  margin: 0;
  -moz-user-select: none !important;
   -ms-user-select: none !important;
       user-select: none !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important; }

footer {
  margin-top: auto; }

select,
option {
  font-family: var(--no-emoji-font-family); }

.list-unstyled > li:not(:last-child) {
  margin-bottom: 0.5rem; }

.list-unstyled.mobile-ul > li {
  padding-bottom: 0.5rem; }

.right-hand {
  justify-content: end; }

.news {
  padding-top: 0.1rem;
  padding-right: 0.25rem;
  padding-bottom: 0.1rem;
  padding-left: 0.25rem; }

.news-body {
  gap: 0.2rem; }

.font-size-150 {
  font-size: 150%; }

.font-size-200 {
  font-size: 200%; }

.emoji-image {
  width: 1.25em;
  height: 1.25em; }

#banner-analytics-disabled {
  position: absolute;
  top: 0;
  z-index: 9999;
  display: flex;
  display: none;
  justify-content: left;
  width: 100%;
  height: 2rem;
  pointer-events: none;
  opacity: 0.5; }
  #banner-analytics-disabled div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10rem;
    height: 100%;
    color: white;
    pointer-events: none;
    background: #000098; }

#banner-development {
  position: absolute;
  top: 0;
  z-index: 9998;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 4rem;
  pointer-events: none; }
  #banner-development div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    color: white;
    text-align: center;
    pointer-events: all;
    background: red; }

.cursor-pointer {
  cursor: pointer; }

.clipboard-label {
  min-width: 2.5rem;
  text-align: center; }

.clipboard-icon,
.clipboard-icon-add,
.clipboard-icon-failed {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0; }

.clipboard-label-copied {
  -webkit-animation-name: copied;
          animation-name: copied;
  -webkit-animation-duration: 1s;
          animation-duration: 1s; }

.clipboard-pre-copied {
  -webkit-animation-name: copied-pre;
          animation-name: copied-pre;
  -webkit-animation-duration: 1s;
          animation-duration: 1s; }

.membership.clipboard-pre-copied {
  -webkit-animation-name: copied-pre-ms;
          animation-name: copied-pre-ms;
  -webkit-animation-duration: 1s;
          animation-duration: 1s; }

.clipboard-pre-copied.copy-add {
  -webkit-animation-name: copied-pre-add;
          animation-name: copied-pre-add;
  -webkit-animation-duration: 1s;
          animation-duration: 1s; }

.membership.clipboard-pre-copied.copy-add {
  animation-name: copied-pre-ms-add;
  -webkit-animation-duration: 1s;
          animation-duration: 1s; }

.clipboard-pre-copied.copy-error {
  -webkit-animation-name: copied-pre-error;
          animation-name: copied-pre-error;
  -webkit-animation-duration: 1s;
          animation-duration: 1s; }

.membership.clipboard-pre-copied.copy-error {
  animation-name: copied-pre-ms-error;
  -webkit-animation-duration: 1s;
          animation-duration: 1s; }

.clipboard-icon-copied {
  -webkit-animation-name: copied-r;
          animation-name: copied-r;
  -webkit-animation-duration: 1s;
          animation-duration: 1s; }

@-webkit-keyframes copied {
  0% {
    opacity: 1; }
  30% {
    opacity: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes copied {
  0% {
    opacity: 1; }
  30% {
    opacity: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes copied-r {
  0% {
    opacity: 0; }
  30% {
    opacity: 1; }
  70% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes copied-r {
  0% {
    opacity: 0; }
  30% {
    opacity: 1; }
  70% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes copied-pre {
  0% {
    border: var(--clipboard-border-size) solid var(--clipboard-border-color); }
  30% {
    background-color: var(--color-success-dark);
    border: var(--clipboard-border-size) solid var(--color-success); }
  70% {
    background-color: var(--color-success-dark);
    border: var(--clipboard-border-size) solid var(--color-success); }
  100% {
    border: var(--clipboard-border-size) solid var(--clipboard-border-color); } }

@keyframes copied-pre {
  0% {
    border: var(--clipboard-border-size) solid var(--clipboard-border-color); }
  30% {
    background-color: var(--color-success-dark);
    border: var(--clipboard-border-size) solid var(--color-success); }
  70% {
    background-color: var(--color-success-dark);
    border: var(--clipboard-border-size) solid var(--color-success); }
  100% {
    border: var(--clipboard-border-size) solid var(--clipboard-border-color); } }

@-webkit-keyframes copied-pre-ms {
  0% {
    border: var(--clipboard-border-size) solid var(--clipboard-ms-border-color); }
  30% {
    background-color: var(--color-success-dark);
    border: var(--clipboard-border-size) solid var(--color-success); }
  70% {
    background-color: var(--color-success-dark);
    border: var(--clipboard-border-size) solid var(--color-success); }
  100% {
    border: var(--clipboard-border-size) solid var(--clipboard-ms-border-color); } }

@keyframes copied-pre-ms {
  0% {
    border: var(--clipboard-border-size) solid var(--clipboard-ms-border-color); }
  30% {
    background-color: var(--color-success-dark);
    border: var(--clipboard-border-size) solid var(--color-success); }
  70% {
    background-color: var(--color-success-dark);
    border: var(--clipboard-border-size) solid var(--color-success); }
  100% {
    border: var(--clipboard-border-size) solid var(--clipboard-ms-border-color); } }

@-webkit-keyframes copied-pre-add {
  0% {
    border: var(--clipboard-border-size) solid var(--clipboard-border-color); }
  30% {
    background-color: var(--color-info-dark);
    border: var(--clipboard-border-size) solid var(--color-info); }
  70% {
    background-color: var(--color-info-dark);
    border: var(--clipboard-border-size) solid var(--color-info); }
  100% {
    border: var(--clipboard-border-size) solid var(--clipboard-border-color); } }

@keyframes copied-pre-add {
  0% {
    border: var(--clipboard-border-size) solid var(--clipboard-border-color); }
  30% {
    background-color: var(--color-info-dark);
    border: var(--clipboard-border-size) solid var(--color-info); }
  70% {
    background-color: var(--color-info-dark);
    border: var(--clipboard-border-size) solid var(--color-info); }
  100% {
    border: var(--clipboard-border-size) solid var(--clipboard-border-color); } }

@-webkit-keyframes copied-pre-ms-add {
  0% {
    border: var(--clipboard-border-size) solid var(--clipboard-ms-border-color); }
  30% {
    background-color: var(--color-info-dark);
    border: var(--clipboard-border-size) solid var(--color-info); }
  70% {
    background-color: var(--color-info-dark);
    border: var(--clipboard-border-size) solid var(--color-info); }
  100% {
    border: var(--clipboard-border-size) solid var(--clipboard-ms-border-color); } }

@keyframes copied-pre-ms-add {
  0% {
    border: var(--clipboard-border-size) solid var(--clipboard-ms-border-color); }
  30% {
    background-color: var(--color-info-dark);
    border: var(--clipboard-border-size) solid var(--color-info); }
  70% {
    background-color: var(--color-info-dark);
    border: var(--clipboard-border-size) solid var(--color-info); }
  100% {
    border: var(--clipboard-border-size) solid var(--clipboard-ms-border-color); } }

@-webkit-keyframes copied-pre-error {
  0% {
    border: var(--clipboard-border-size) solid var(--clipboard-border-color); }
  30% {
    background-color: var(--color-failed-dark);
    border: var(--clipboard-border-size) solid var(--color-failed); }
  70% {
    background-color: var(--color-failed-dark);
    border: var(--clipboard-border-size) solid var(--color-failed); }
  100% {
    border: var(--clipboard-border-size) solid var(--clipboard-border-color); } }

@keyframes copied-pre-error {
  0% {
    border: var(--clipboard-border-size) solid var(--clipboard-border-color); }
  30% {
    background-color: var(--color-failed-dark);
    border: var(--clipboard-border-size) solid var(--color-failed); }
  70% {
    background-color: var(--color-failed-dark);
    border: var(--clipboard-border-size) solid var(--color-failed); }
  100% {
    border: var(--clipboard-border-size) solid var(--clipboard-border-color); } }

@-webkit-keyframes copied-pre-ms-error {
  0% {
    border: var(--clipboard-border-size) solid var(--clipboard-ms-border-color); }
  30% {
    background-color: var(--color-failed-dark);
    border: var(--clipboard-border-size) solid var(--color-failed); }
  70% {
    background-color: var(--color-failed-dark);
    border: var(--clipboard-border-size) solid var(--color-failed); }
  100% {
    border: var(--clipboard-border-size) solid var(--clipboard-ms-border-color); } }

@keyframes copied-pre-ms-error {
  0% {
    border: var(--clipboard-border-size) solid var(--clipboard-ms-border-color); }
  30% {
    background-color: var(--color-failed-dark);
    border: var(--clipboard-border-size) solid var(--color-failed); }
  70% {
    background-color: var(--color-failed-dark);
    border: var(--clipboard-border-size) solid var(--color-failed); }
  100% {
    border: var(--clipboard-border-size) solid var(--clipboard-ms-border-color); } }

body.dev #title-logo {
  background: teal; }

.bulk-toast {
  border: 1px solid white;
  -webkit-animation: 0.5s bulk-toast linear infinite alternate;
          animation: 0.5s bulk-toast linear infinite alternate; }

.bulk-toast-button {
  position: absolute;
  top: -2.4rem;
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  font-size: 1.4rem;
  background: black;
  border-radius: 50%; }

.bulk-toast-button-disabled i {
  opacity: 0.2; }

.bulk-toast-undo {
  right: 2.6rem; }

.bulk-toast-close {
  right: 0rem; }

@-webkit-keyframes bulk-toast {
  0% {
    background: #1343a0; }
  100% {
    background: #1a5cdb; } }

@keyframes bulk-toast {
  0% {
    background: #1343a0; }
  100% {
    background: #1a5cdb; } }

#messages,
#help {
  color: var(--pico-color);
  background: var(--pico-color-slate-950); }

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.25rem;
  padding-right: 0.15rem;
  padding-bottom: 0.15rem;
  padding-left: 0.15rem;
  font-size: 0.75rem;
  color: var(--pico-color-default);
  white-space: nowrap;
  background: var(--pico-color-zinc-950);
  border-radius: 0.2rem; }

.badge.badge-large {
  padding-top: 0.05rem;
  padding-right: 0.15rem;
  padding-bottom: 0.05rem;
  padding-left: 0.15rem;
  font-size: 1rem; }

.width-name {
  width: 20rem; }
  @media (max-width: 575.98px) {
    .width-name {
      padding-left: 0.5rem; } }
.border-link {
  border: 1px solid var(--pico-primary);
  border-radius: 8px; }

.item-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
  justify-content: center;
  font-size: 150%;
  background: var(--pico-card-sectioning-background-color); }

.header-name {
  display: flex;
  gap: 0.5rem;
  align-items: center; }

.avatar-wrapper {
  position: relative; }
  .avatar-wrapper .avatar-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: var(--pico-color-zinc-800);
    border-radius: 50%; }
    .avatar-wrapper .avatar-image-wrapper .avatar-placeholder {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      color: var(--pico-color-zinc-700) !important; }
    @media (max-width: 575.98px) {
      .avatar-wrapper .avatar-image-wrapper.avatar-xs-large {
        width: 1.5lh !important;
        height: 1.5lh !important; }
        .avatar-wrapper .avatar-image-wrapper.avatar-xs-large img {
          width: 1.55lh !important;
          height: 1.55lh !important; } }
  .avatar-wrapper .light-color-on-avatar {
    position: absolute;
    right: -30%;
    bottom: -10%; }

.light-color {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: black;
  border: 1px solid black;
  border-radius: 50%; }
  .light-color .color-unknown {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--pico-color-zinc-400) !important; }
  .light-color img {
    width: 120%;
    height: 120%; }

.hidden {
  visibility: hidden; }

.color-rect {
  width: 4rem;
  height: 1.25rem;
  border-radius: 0.25rem; }

.inner-card {
  padding: 0.5rem;
  background: var(--pico-color-slate-950);
  border-radius: 0.25rem; }

.bg-outer {
  background: var(--pico-color-slate-900); }

.bg-inner {
  background: var(--pico-color-slate-950); }

.table-wrapper {
  overflow: hidden;
  border-radius: 0.25rem; }
  .table-wrapper table {
    margin-bottom: 0; }
    .table-wrapper table tbody > tr:last-child > th,
    .table-wrapper table tbody > tr:last-child > td {
      border-bottom: none !important; }

@media (max-width: 575.98px) {
  .xs-flex-column {
    flex-direction: column !important;
    align-items: start !important; } }

.link-linker:hover {
  cursor: pointer; }
  .link-linker:hover .link-linkee {
    color: var(--pico-primary-hover); }

.link-logo {
  padding-top: 0.1rem;
  padding-right: 0.5rem;
  padding-bottom: 0.1rem;
  padding-left: 0.5rem;
  background: white;
  border-radius: 0.25rem; }

@media (max-width: 575.98px) {
  .xs-fs-80 {
    font-size: 80% !important; } }