@keyframes bump {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(5px); /* Adjust the height of the bump */
    }
    100% {
      transform: translateY(0);
    }
  }

.bump {
    animation: bump .2s ease-out;
}

.server-item.active img {
    border-radius: .75rem !important;
}

.server-item-selector:hover img, .server-item-selector:focus img, .server-item-selector:focus-visible img {
    border-radius: .75rem !important;
}

.server-item-selector:active, .server-item-selector:focus, .server-item-selector:focus-visible {
    animation: bump .2s ease-out;
}

.server-item-selector img { 
    transition: border-radius .15s ease-in;
}

/* widths */

.mw-10rem {
  max-width: 10rem;
}

.col-switch-width {
  width: 3.5rem;
  min-width: 3.5rem;
  max-width: 3.5rem;
}

/* tables */

.table {
  color: var(--bs-body-color) !important;
}

.table tbody tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgba(var(--bs-secondary-bg-rgb), 0.9) !important;
  color: var(--bs-body-color) !important;
}

.table.dataTable > tbody > tr.selected a {
  color: var(--bs-link-color) !important;
}

/* Fuck ugly <td> height fix */
td {
  height: 1px;
  text-wrap: nowrap;
}

td > .btn-link {
  padding-left: 0;
}

@-moz-document url-prefix() {
  tr {
    height: 100%;
  }
  td {
        height: 100%;
    }
}

#serverTabs .nav-link {
  border-radius: 0;
}

#serverTabs .nav-link:not(.active) {
  color: var(--bs-text-body);
}