/* Helpers for the internal /design-system style guide page only. */

.gtf-ds-swatch {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.gtf-ds-swatch__chip {
  height: 56px;
  border-radius: var(--gtf-radius-tile);
  box-shadow: inset 0 0 0 1px rgba(246, 239, 226, 0.12);
}

.gtf-ds-sub {
  margin-top: 28px;
  margin-bottom: 16px;
}