.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
  0% {
    background-color: hsl(200, 20%, 80%);
  }
  100% {
    background-color: hsl(200, 20%, 95%);
  }
}
.skeleton-text {
  width: 100%;
  height: 0.7rem;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
}

.skeleton-text__body {
  width: 75%;
}

.skeleton-footer {
  width: 30%;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.absolute-center {
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

[cs-collapse] [header] {
  cursor: pointer;
  position: relative;
}
[cs-collapse] [header]::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f107";
  position: absolute;
  margin: 0;
  top: 50%;
  left: 96%;
  font-size: 16pt;
  transform: translate(-50%, -50%);
}
[cs-collapse] [content] {
  display: none;
}
[cs-collapse].cs-open [header]::after {
  transform: rotate(180deg);
}
[cs-collapse].cs-open [content] {
  display: block;
}

.auto-complete {
  position: absolute;
  width: 400px;
  background: #fff;
  border: 1px solid #eee;
  padding: 0.25rem;
  z-index: 2700;
  max-height: 250px;
  overflow-y: auto;
}
.auto-complete .item {
  cursor: pointer;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid transparent;
}
.auto-complete .item:hover,
.auto-complete .item.simulate-hover {
  background-color: var(--bs-input-border);
  border-color: var(--bs-body-color);
}/*# sourceMappingURL=style.css.map */