@screen sm {
  .card-min-height-desktop {
    min-height: 210px;
  }
}

@screen lg {
  .card-min-height-desktop {
    min-height: 250px;
  }
}

.interactable-card {
  border: 0.1rem dashed transparent;
}

.dark .interactable-card:hover,
.dark .interactable-card:focus,
.dark .interactable-card:active,
.dark .interactable-card.selected,
.light .interactable-card:hover,
.light .interactable-card:focus,
.light .interactable-card:active,
.light .interactable-card.selected {
  /* border: 0.1rem dashed var(--color-border-highlight-1); */
}

.light .interactable-card {
  border: 0.1rem solid var(--color-border-accent-1);
}

.light .non-interactable-card {
  box-shadow: none;
  border: 0.1rem solid var(--color-border-accent-1);
}

.dark .non-interactable-card {
  @apply shadow-md;
}