.ads-Card {
  @apply relative
    overflow-auto
    rounded-md
    flex
    flex-col
    bg-white;

  box-shadow: 0 0 1px rgba(67, 90, 111, 0.45), 0 2px 4px rgba(67, 90, 111, 0.22);
}

.ads-Card--hasAccent-top {
  @apply border-t-8;
}

.ads-Card--hasAccent-left {
  @apply border-l-4;
}

.ads-Card--isPlaceholder {
  box-shadow: 0 2px 4px rgba(67, 90, 111, 0.22);
}

.ads-Card-hoverOverlay {
  @apply bg-gray-700
    h-full
    w-full
    absolute
    pointer-events-none
    z-default
    duration-200
    opacity-0;
}

.ads-Card-hoverOverlay--hovered {
  opacity: 0.05;
}

.ads-Card-cardDisabledOverlay,
.ads-Card-bodyDisabledOverlay {
  @apply bg-white
    w-full
    h-full
    absolute
    opacity-50
    z-default;
}

.ads-Card-body {
  @apply p-5
    block
    bg-white
    flex-grow
    h-full
    min-h-0;
}

.ads-Card-body:focus {
  @apply outline-none;
}

.ads-Card-footer {
  @apply border-t
    p-2
    flex-grow-0;
}

.ads-Card-footer--enabled {
  @apply relative;

  z-index: 2;
}

/* Card.Group */
.ads-CardGroup {
  @apply flex-wrap;
}