.container {
  border-bottom: 1px solid var(--main-darker-color);
  color: var(--main-darker-2-color);
}

.typed-log-data {
  max-height: 1000px;
  transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
  height: auto;
  overflow: hidden;
  background-color: var(--main-lighter-color);
}

.typed-log-data-collapse {
  max-height: 0;
}

.typed-log-data-none {
  display: none;
}

.log-data-type-toolbar {
  display: grid;
  grid-template-columns: auto 90px 15px;
  white-space: nowrap;
  overflow: hidden;
}

.log-data-type-toolbar-name {
  padding-left: 3px;
}

.log-data-type-toolbar-name:hover {
  cursor: pointer;
  color: var(--main-darker-3-color);
}

.fa-times {
  font-size: 15px;
  align-self: center;
}

.fa-times:hover {
  color: var(--main-darker-3-color);
}
