@keyframes jump {
  0% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(-15px);
  }

  50% {
    transform: translateY(0);
  }

  75% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

.jumping-image-container {
  animation: jump 1s infinite;
  width: 32px;
  height: 32px;
}

:root {
  --green: #477a77;
  --green-bright: #477a77;
  --green-light: #acc4c2;
  --green-active: #68a5a1;
}

.bg-green-600,
.text-green-500 {
  background-color: var(--green) !important;
}


.focus\:ring-green-500:focus {
  --tw-ring-color: var(--green) !important;
}

.bg-green-100 {
  background-color: var(--green-light) !important;
}

.bg-green-500 {
  background-color: var(--green-bright) !important;
}

.peer:checked~.peer-checked\:bg-green-600 {
  background-color: var(--green-bright) !important;
}

.word-break {
  word-break: break-all;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
  /* Сoхраняет spaces and transfers */
}

.break-words {
  overflow-wrap: break-word;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.whitespace-normal {
  white-space: normal;
}

.table-events td {
  padding: 0.75rem;
}

.tableEvents th {
  background-color: #f9fafb;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

select option {
  padding: 0.5rem;
  display: flex;
  align-items: center;
}

select option img {
  display: inline-block;
  margin-right: 0.5rem;
}

img {
  image-rendering: crisp-edges;
}

.font-mono {
  white-space: pre-wrap;
  word-break: break-word;
}

.dots {
  background-color: #f3f4f6;
  background-image: radial-gradient(#d1d5db 1px, transparent 1px);
  background-size: 20px 20px;
}
