/* ==========================================================================
 * Thumbnail - Size
 * ========================================================================== */

.mds-c-thumbnail--size-sm {
  --mds-v-thumbnail__font-size: var(--mds-d-font-size--xxs);
  --mds-v-thumbnail__font-weight: var(--mds-d-font-weight--bold);
  --mds-v-thumbnail__size: var(--mds-d-spacing--xl);
}

.mds-c-thumbnail--size-med {
  --mds-v-thumbnail__font-size: var(--mds-d-font-size--sm);
  --mds-v-thumbnail__font-weight: var(--mds-d-font-weight--semibold);
  --mds-v-thumbnail__size: var(--mds-d-spacing--xxl);
}

.mds-c-thumbnail--size-lg {
  --mds-v-thumbnail__font-size: var(--mds-d-font-size--sm);
  --mds-v-thumbnail__font-weight: var(--mds-d-font-weight--semibold);
  --mds-v-thumbnail__size: var(--mds-d-spacing--xxxl);
}

.mds-c-thumbnail--size-xl {
  --mds-v-thumbnail__font-size: var(--mds-d-font-size--xxl);
  --mds-v-thumbnail__font-weight: var(--mds-d-font-weight--normal);
  --mds-v-thumbnail__size: calc(var(--mds-d-spacing--xxxl) * 2);
}