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

@import url("/assets/cio/_reset-82d01862.css");
@import url("/assets/cio/animations-2e225c7b.css");
@import url("/assets/cio/autocomplete-47ffd938.css");
@import url("/assets/cio/avatars-aba3b46c.css");
@import url("/assets/cio/base-164f6971.css");
@import url("/assets/cio/buttons-74d7ed3d.css");
@import url("/assets/cio/colourize-c542b7fe.css");
@import url("/assets/cio/colours-bd6e07c8.css");
@import url("/assets/cio/composer-616b7b8c.css");
@import url("/assets/cio/inputs-8a907fa3.css");
@import url("/assets/cio/messages-49ef8337.css");
@import url("/assets/cio/mobile-menu-0094ac87.css");
@import url("/assets/cio/popup-menu-3c9ec879.css");
@import url("/assets/cio/reactions-b2e3c1b5.css");
@import url("/assets/cio/utilities-6fddb841.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;
    }
  }
}