/* ========================================================= */
/* Patterns: VSF List Card                                   */
/* ========================================================= */

#layout-vsf-list-card .sg-vsf-list-card-limit-note {
  margin: 0 0 var(--space-16) 0;
  color: var(--text-vsf-list-card-limit-note);
}

#layout-vsf-list-card .sg-vsf-list-card__summary {
  margin: var(--layout-vsf-list-card-summary-offset-block-start) 0 0 0;
}

#layout-vsf-list-card [data-pattern="overlay-card"] {
  --layout-delete-confirmation-target-max-width: var(--layout-vsf-list-card-delete-confirmation-target-max-width);
}

#layout-vsf-list-card .sg-vsf-list-card__overlay-item {
  display: flex;
  flex-direction: column;
  flex: 1 1 var(--layout-object-group-card-min-width);
  min-width: var(--layout-object-group-card-min-width);
  max-width: var(--layout-object-group-card-max-width);
  height: var(--layout-object-card-height);
}

@media (max-width: 767px) {
  #layout-vsf-list-card .sg-vsf-list-card__overlay-item {
    flex-basis: 100%;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: var(--layout-object-card-mobile-height);
  }
}