@import url("/assets/cio/actiontext-5979ef01.css");
@import url("/assets/tailwind-adebf6e5.css");
@import url("/assets/inter-font-319f429a.css");

@import url("/assets/cio/_reset-82d01862.css");
@import url("/assets/cio/animations-5984dc44.css");
@import url("/assets/cio/autocomplete-47ffd938.css");
@import url("/assets/cio/avatars-841996b1.css");
@import url("/assets/cio/base-e4284047.css");
@import url("/assets/cio/buttons-f4a28357.css");
@import url("/assets/cio/colourize-c542b7fe.css");
@import url("/assets/cio/colours-bd6e07c8.css");
@import url("/assets/cio/composer-7f7368ae.css");
@import url("/assets/cio/inputs-0950eb7e.css");
@import url("/assets/cio/messages-e7aadd91.css");
@import url("/assets/cio/mobile-menu-0094ac87.css");
@import url("/assets/cio/popup-menu-30403716.css");
@import url("/assets/cio/reactions-5ec6e117.css");
@import url("/assets/cio/utilities-9fa4c00b.css");

.turbo-progress-bar {
  height: 1px;
  background-color: orange;
}

/*


*/

.tiblock {
  align-items: center;
  display: flex;
  height: 17px;
}

.ticontainer .tidot {
  background-color: #90949c;
}

.tidot {
  -webkit-animation: mercuryTypingAnimation 1.5s infinite ease-in-out;
  border-radius: 2px;
  display: inline-block;
  height: 4px;
  margin-right: 2px;
  width: 4px;
}

@-webkit-keyframes mercuryTypingAnimation {
  0% {
    -webkit-transform: translateY(0px);
  }
  28% {
    -webkit-transform: translateY(-5px);
  }
  44% {
    -webkit-transform: translateY(0px);
  }
}

.tidot:nth-child(1) {
  -webkit-animation-delay: 200ms;
}
.tidot:nth-child(2) {
  -webkit-animation-delay: 300ms;
}
.tidot:nth-child(3) {
  -webkit-animation-delay: 400ms;
}

// Tribute styles
.tribute-container {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.05);

  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  li {
    background: #fff;
    padding: 0.2em 1em;
    min-width: 15em;
    max-width: 100%;
  }

  .highlight {
    background: #1b6ac9;
    color: #fff;

    span {
      font-weight: bold;
    }
  }
}