.card {
  @apply bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 xl:h-[240px] h-auto overflow-hidden;
}

.card--shadow-sm {
  @apply shadow-sm;
}

.dashboard-card {
  @apply bg-white relative dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 xl:h-[240px] h-auto overflow-hidden;
}

.card---padding {
  @apply p-4 sm:p-6;
}

.dashboard-card---padding {
  @apply p-4 sm:p-6;
}

.dashboard-card--shadow-sm {
  @apply shadow-sm;
}

.dashboard-card--column  {
  @apply pt-8;
}

.dashboard-card--column > header {
  @apply absolute -top-4 px-4 pt-1 left-0 right-0 mx-auto w-fit bg-primary-100 dark:bg-primary-700 rounded-lg border border-gray-200 dark:border-gray-700;
}

.u-content-box {
  
  display: block;
  line-height: calc(.25rem * 5);
  overflow-wrap: anywhere;
  margin-inline-end: 0.5rem;
}

.u-content-box .component-avatar {
  inline-size: 1.21em;
  block-size: 1.21em;
  margin-block-start: -0.245em;
}

.u-context {
  overflow-wrap: anywhere;
  position: relative;
}

.u-position-context {
  @apply relative;
}