@keyframes circlePulse {
  0% {
    width: 20px;
    height: 20px;
    opacity: 1;
  }
  100% {
    width: 40px;
    height: 40px;
    opacity: 0;
  }
}
@keyframes circlePulseBig {
  0% {
    width: 20px;
    height: 20px;
    opacity: 1;
  }
  100% {
    width: 60px;
    height: 60px;
    opacity: 0;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes autoplayLine {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
document-bundle {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 0.75rem;
}
@media screen and (max-width: 1200px) {
  document-bundle {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 978px) {
  document-bundle {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  document-bundle {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 480px) {
  document-bundle {
    grid-template-columns: 1fr;
  }
}
document-bundle single-document a {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.875rem 1.5rem 1.5rem;
  background: var(--colorFeatherYellow);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
document-bundle single-document a .document-type svg {
  display: block;
  height: 2rem;
  width: auto;
}
document-bundle single-document a .document-type svg path {
  fill: var(--colorNoir);
  transition: fill 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
document-bundle single-document a .document-title {
  flex-grow: 1;
  color: var(--colorNoir);
  transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
document-bundle single-document a .document-download {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--colorNoir);
  transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (hover: hover) {
  document-bundle single-document a:hover {
    background: var(--colorNoir);
  }
  document-bundle single-document a:hover .document-type svg path {
    fill: var(--colorFeatherYellow);
  }
  document-bundle single-document a:hover .document-title, document-bundle single-document a:hover .document-download {
    color: #fff;
  }
}