/* ========================================================= */
/* Patterns: Scrollable Card                                 */
/* ========================================================= */

.sg-scrollable-card {
  display: flex;
  flex-direction: column;
  width: var(--layout-scrollable-card-width);
  max-width: 100%;
  height: var(--layout-scrollable-card-height);
  box-sizing: border-box;
}

.sg-scrollable-card__header,
.sg-scrollable-card__actions-segment {
  flex: 0 0 auto;
}

.sg-scrollable-card__content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

.sg-scrollable-card__actions {
  display: flex;
  gap: var(--spacing-small);
  width: 100%;
}

.sg-scrollable-card__actions > .sg-button {
  flex: 1 1 0;
  min-width: 0;
}