/* Arquivo: skeleton.css */

.skeleton {
    animation: skeleton-loading 1.2s linear infinite alternate;
    opacity: 0.7;
    border-radius: var(--border-radius-padrao);
    background-color: #e0e0e0;
}

.skeleton-text {
  width: 100%;
  height: 1.2rem;
  margin-bottom: 0.5rem;
}

.skeleton-text:last-child {
  width: 80%;
}

@keyframes skeleton-loading {
  0% {
    background-color: hsl(200, 20%, 85%);
  }
  100% {
    background-color: hsl(200, 20%, 95%);
  }
}