body {
backdrop-filter:blur(24px);
-webkit-backdrop-filter: blur(24px);
-moz-backdrop-filter: blur(24px);
-ms-backdrop-filter: blur(24px);
background-size: cover !important;
}

code {
    display: block;
    white-space: pre-wrap;
}


.float-right {
float: right;
}

#clientList {
text-transform: capitalize;
}


.text-\[\#00adef\]{
--tw-text-opacity: 1;
color: #00adef;
}

.max-w-\[410px\] {
max-width: 410px;
}

.pt-3 {
padding-top: .79rem;
}

.ping p {
	margin: 10px 0;
}

.dark .dark\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

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

.typing {
	align-items: center;
	display: flex;
	height: 17px;
  }
  .typing .dot {
	animation: mercuryTypingAnimation 1.8s infinite ease-in-out;
	background-color: #ffffff ;
	border-radius: 50%;
	height: 7px;
	margin-right: 4px;
	vertical-align: middle;
	width: 7px;
	display: inline-block;
  }
  .typing .dot:nth-child(1) {
	animation-delay: 100ms;
  }
  .typing .dot:nth-child(2) {
	animation-delay: 200ms;
  }
  .typing .dot:nth-child(3) {
	animation-delay: 300ms;
  }
  .typing .dot:last-child {
	margin-right: 0;
  }

  @keyframes mercuryTypingAnimation {
	0% {
	  transform: translateY(0px);
	  background-color:white;
	}
	28% {
	  transform: translateY(-7px);
	  background-color:white;
	}
	44% {
	  transform: translateY(0px);
	  background-color: white;
	}
  }