.DashboardWidget.ContentTemplate.is-expanded {
  > div:not([class]) {
    @apply grid grid-cols-subgrid [grid-column:fullbleed-start/fullbleed-end];
  }
}

.ContentTemplate .LinkCarousel-item {
  @apply min-h-[330px] w-[180px] p-0 shadow-md;
}

.ContentTemplate .LinkCarousel-item > a {
  @apply flex h-full w-full flex-wrap justify-between bg-white pe-0 hover:bg-gray-100 focus:bg-gray-100;
}

.ContentTemplate .LinkCarousel-item > a > img {
  @apply relative h-[240px] w-full bg-white object-cover before:blokk after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[1px] after:bg-gray-200;
}

.ContentTemplate-name {
  @apply min-h-[88px] w-[142px] p-4 pe-0 text-sm font-medium text-gray-900;
}

.ContentTemplate-icon {
  @apply relative flex h-[240px] w-full items-center justify-center bg-white before:btu-icon [&:not([data-icon-name])]:before:btu-icon-circle-dashed before:items-center before:rounded-full before:bg-gray-100 before:p-[14px] before:text-gray-700 before:mix-blend-multiply before:btu-icon-xl after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[1px] after:bg-gray-200;
}

.ContentTemplate .ContentSummary-info {
  @apply btu-button-gray btu-button-xs mb-0 me-2 ms-0 mt-4 touch-device:btu-button-sm;
}

/* Styles scrollbar below LinkCarousel */
.ContentTemplate .LinkCarousel {
  @apply mb-1 pb-[calc(var(--margin)_-4px)] [grid-column:fullbleed-start/fullbleed-end];
}

.ContentTemplate .LinkCarousel-group {
  @apply px-[--margin];
}

.ContentTemplate.is-expanded .LinkCarousel {
  @apply mt-2 [&:not(:last-child)]:pb-3;
}

.ContentTemplate-title {
  @apply relative flex items-center justify-between py-1.5 [grid-column:main-start/main-end] after:absolute after:-left-[--margin] after:-right-[--margin] after:top-12 after:h-[1px] after:bg-gray-200;

  h3 {
    @apply text-sm font-semibold text-gray-900;
  }
}

.ContentTemplate-add {
  @apply btu-button btu-button-text-hidden btu-button-fill-none btu-button-gray btu-button-sm before:btu-icon before:btu-icon-plus;
}
