:host {
  @apply flex flex-col relative;
  max-height: 850px;
}

.full-rating {
  @apply flex items-center justify-center text-lg font-bold text-ucla-blue mt-5;

  .label {
    @apply ml-2;
  }
}

.reviews {
  @apply mt-7 mb-4 overflow-y-auto -ml-4;
  width: calc(100% + 2rem);

  .review {
    @apply mt-5 mx-4;

    hr {
      @apply mt-2;
    }

    .row {
      @apply flex flex-row items-center mt-1;
    }

    .right {
      @apply justify-end;
    }

    .title {
      @apply ml-5 text-regular font-bold;
    }

    .btn-expand,
    .btn-collapse {
      @apply border-none bg-transparent outline-none text-regular text-ucla-blue font-bold -mt-2;

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