:host {
  @apply grid grid-flow-row gap-2 p-4 bg-white rounded-card w-full;
  height: 368px;
  max-height: 368px;
}

.animation {
  @apply bg-ucla-blue h-6;
  animation: load 1s linear infinite;
}

.thumbnail {
  width: 70px;
  @apply rounded-card h-px-100;
}

.space {
  @apply flex-grow h-2;
}

.col {
  @apply flex flex-col flex-grow;
}

.row {
  @apply flex flex-row justify-between flex-grow;

  .align-left {
    @apply justify-start;

    .left {
      margin-right: 10%;
    }
  }
}

.author {
  width: 17.5%;
}

.title {
  width: 50%;
}

.title-large {
  width: 60%;
}

.contributors {
  width: 20%;
}

.product-group {
  width: 25%;
}

.department {
  width: 20%;
}

.left {
  width: 30%;
}

.left-small {
  text-align: left;
  width: 15%;
}

.right {
  width: 60%;
}

.right-small {
  width: 25%;
}

.right-extra-small {
  width: 15%;
}

@keyframes load {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
