:host {
  @apply flex flex-row rounded-card bg-white mb-2 p-4;
  height: 155px;
}

.thumbnail {
  width: 70px;
  height: 90px;
  @apply bg-ucla-blue rounded-card;
}

.space {
  @apply flex-grow;
}

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

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

.author {
  width: 150px;
  @apply h-4 bg-ucla-blue ml-4 mb-2;
}

.title {
  width: 300px;
  @apply h-6 bg-ucla-blue ml-4;
}

.price {
  width: 100px;
  @apply h-6 bg-ucla-blue ml-4;
}

.category {
  width: 200px;
  @apply h-4 bg-ucla-blue ml-4;
}

.manufacturer {
  width: 200px;
  @apply h-4 bg-ucla-blue ml-4;
}

.stock {
  width: 75px;
  @apply h-4 bg-ucla-blue ml-4;
}

.ava {
  width: 150px;
  @apply h-4 bg-ucla-blue ml-4;
}

.animation {
  animation: load 1s linear infinite;
}

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