// Do not edit directly
// Generated on Mon, 19 May 2025 17:22:56 GMT

$border-radius-small: 0.125em;
$border-radius-medium: 0.25em;
$border-radius-large: 0.5em;
$border-radius-card-contained: 0.5em;
$border-radius-full: 9999px; // A value of 50% would be more intuitive, but results in unexpectedly oblong rounding for non-square shapes. We use `px` to save the browser the trouble of recalculating the stupidly large value.
$border-width-blockquote: 0.125rem;
$breakpoint-xs: 20em;
$breakpoint-s: 30em;
$breakpoint-m: 40em;
$breakpoint-l: 60em;
$breakpoint-xl: 72em;
$breakpoint-xxl: 84em;
$breakpoint-xxxl: 96em;
$edge-small: 0.0625rem;
$edge-medium: 0.125rem;
$edge-large: 0.25rem;
$edge-control: 0.125rem;
$font-big: 1.25em; // Slightly larger than normal. Good for short introductory sections or important actions.
$font-small: 0.8em; // Slightly smaller than usual. Good for badges, captions or other space-constrained bits of copy.
$font-heading-n2-max: 3.814697265625em; // Maximum fluid size for heading level -2.
$font-heading-n2-min: 3.0517578125em; // Minimum fluid size for heading level -2.
$font-heading-n1-max: 3.0517578125em; // Maximum fluid size for heading level -1.
$font-heading-n1-min: 2.44140625em; // Minimum fluid size for heading level -1.
$font-heading-0-max: 2.44140625em; // Maximum fluid size for heading level 0.
$font-heading-0-min: 1.953125em; // Minimum fluid size for heading level 0.
$font-heading-1-max: 1.953125em; // Maximum fluid size for heading level 1.
$font-heading-1-min: 1.5625em; // Minimum fluid size for heading level 1.
$font-heading-2-max: 1.5625em; // Maximum fluid size for heading level 2.
$font-heading-2-min: 1.25em; // Minimum fluid size for heading level 2.
$font-heading-3-max: 1.25em; // Maximum fluid size for heading level 3.
$font-heading-3-min: 1em; // Minimum fluid size for heading level 3.
$max-width-media-object: 7em;
$max-width-prose: 40em;
$max-width-spread: 72em;
$padding-control-horizontal: 1.25em;
$padding-control-vertical: 0.40959999999999996em;
$padding-cell-horizontal: 0.512em; // Used for table cells or other repeating content rows.
$padding-cell-vertical: 0.512em; // Used for table cells or other repeating content rows.
$padding-container-horizontal-min: 1.25rem; // Minimum inline (horizontal) fluid padding for container objects.
$padding-container-horizontal-max: 3.0517578125rem; // Maximum inline (horizontal) padding for container objects.
$padding-container-vertical-min: 1.953125rem; // Minimum block (vertical) fluid padding for container objects.
$padding-container-vertical-max: 3.814697265625rem; // Maximum block (vertical) padding for container objects.
$rhythm-compact: 0.262144em;
$rhythm-condensed: 0.8em;
$rhythm-default: 1.25em;
$rhythm-default-rem: 1.25rem;
$rhythm-generous: 1.953125em;
$xs: 20em;
$s: 30em;
$m: 40em;
$l: 60em;
$xl: 72em;
$xxl: 84em;
$xxxl: 96em;
$height-control-default: 2.44140625em;
$height-control-multiline: 3.814697265625em;
$height-logo-default: 1.953125em; // Default height for the logo component, used to display client and project logos relative to case studies.
$icon-default: 1em; // The default icon size.
$icon-medium: 1.25em; // The medium icon size.
$icon-large: 1.5625em; // The large icon size.
$icon-x-large: 3.0517578125em; // The x-large icon size.
$width-card-column-min: 16em; // The minimum space to display a default card in a grid.
$width-logo-group-item-width: 9em; // The width of individual logos in the logo group.
$square-avatar-small: 1.953125em;
$square-avatar-medium: 3.0517578125em;
$square-avatar-large: 11.641532182693481em;
$square-avatar-full: 100%;
$square-control-icon: 1em;
$square-toggle-medium: 1.5625em;
$square-footnote-link: 1.5625em;
$overlap-small: 0.262144em; // Small amount of overlap between adjacent items organized in a visual bunch.
$overlap-large: 1.25em; // Larger amount of overlap between adjacent items.
$spacing-gap-button-extra: 0.40959999999999996em; // Gap between button content and extra content.
$spacing-gap-inline-small: 1em; // Horizontal/column gap between media object and content, etc.
$spacing-gap-inline-medium: 1.25em; // Horizontal/column gap between cells in inline lists, event logs, etc.
$spacing-gap-fluid-min: 1.953125em; // Minimum size of a large content gap, for example gutters between cards.
$spacing-gap-fluid-max: 3.814697265625em; // Maximum size of a large content gap, for example gutters between cards.
$spacing-gap-button-group-default: 0.64em; // The Button Group default gap spacing.
$spacing-gap-form-group-default: 0.32767999999999997em; // The Form Group default gap spacing.
$spacing-gap-logo-group: 1.953125em;
$spacing-gap-comment-form-horizontal: 2.44140625rem;
$spacing-gap-comment-form-vertical: 1.5625rem;
$spacing-control-text-inset: 0.8em;
$spacing-control-icon-inset: 0.512em;
$spacing-type-block-indent: 1.25em; // Shared indentation for lists, blockquotes, etc.
$spacing-list-inline-gap: 1.25em;
$spacing-media-gap: 1em;