:host {
  @apply mx-10 block my-5 relative;
}

.tags {
  @apply absolute -top-6 right-0;

  .tag {
    @apply p-0 shadow-none w-10 h-auto;
  }
}

.picture {
  @apply w-px-100 pt-px-5;
}

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

.row {
  @apply flex flex-row w-full;
  line-height: 25px;
}

.name {
  @apply font-bold;
}

.title {
  @apply justify-between;
  margin-bottom: 18px;
}

.label {
  @apply font-bold flex-shrink-0 flex-grow-0;
  width: 175px;
}

.expand {
  @apply text-right -mt-px-25;
}

.arrow-button {
  @apply border-none bg-transparent outline-none text-regular text-ucla-blue font-bold;

  ui-icon {
    @apply inline mx-1 align-middle;
  }
}

.collapse {
  @apply mt-1 -ml-2;
}

.picture img {
  @apply rounded-md;
  box-shadow: 0 0 18px 0 #b8b3b7;
  height: 100px;
  width: 60px;
}

.history-wrapper {
  @apply text-right;
}

.cta-history {
  @apply text-base font-bold text-brand outline-none border-none bg-transparent mr-1;
}

.item-format {
  @apply flex flex-row items-center whitespace-nowrap;

  img {
    @apply mr-2;
  }
}

// .row:first-child {
//   @apply flex-grow;
// }
