:host {
  @apply grid grid-flow-row gap-4 bg-white rounded p-4 shadow;

  @screen tablet {
    @apply grid-flow-col grid-cols-2;
  }
}

.title {
  @apply font-bold uppercase;
  color: var(--page-dashboard-card-title-color);
}

::ng-deep page-products-card {
  .desc p {
    @apply mt-4;
  }
}

ui-slider {
  img {
    @apply rounded cursor-pointer;
    height: 160px;

    // max-width: aut;
  }

  img + img {
    @apply ml-4;
  }
}

::ng-deep page-products-card .desc ul li {
  @apply list-disc ml-8;
}
