@import url(../base/primitive.css);

:root {
    --text-font-size-headline-100: var(--font-size-800);
    --text-font-size-headline-200: var(--font-size-700);
    --text-font-size-headline-300: var(--font-size-600);
    --text-font-size-headline-400: var(--font-size-500);
    --text-font-size-headline-500: var(--font-size-400);
    --text-font-size-paragraph-100: var(--font-size-300);
    --text-font-size-paragraph-200: var(--font-size-200);
    --text-font-size-paragraph-300: var(--font-size-100);
    --text-font-size-paragraph-400: var(--font-size-100);
    --text-font-line-height-100: var(--font-line-height-800);
    --text-font-line-height-200: var(--font-line-height-700);
    --text-font-line-height-300: var(--font-line-height-600);
    --text-font-line-height-400: var(--font-line-height-500);
    --text-font-line-height-500: var(--font-line-height-400);
    --text-font-line-height-600: var(--font-line-height-300);
    --text-font-line-height-700: var(--font-line-height-200);
    --text-font-line-height-800: var(--font-line-height-100);
    --text-font-line-height-900: var(--font-line-height-100);
    --text-font-size-button-100: var(--font-size-button-100);
    --text-font-size-label-100: var(--font-size-label-400);
    --text-font-size-label-200: var(--font-size-label-300);
    --text-font-size-label-300: var(--font-size-label-200);
    --text-font-size-label-400: var(--font-size-label-100);
    --text-font-letter-spacing-loose: var(--font-letter-spacing-100);
    --text-font-letter-spacing-default: var(--font-letter-spacing-200);
    --text-font-letter-spacing-tight: var(--font-letter-spacing-300);
    --text-font-size-button-200: var(--font-size-button-50);
    --text-font-size-tab-100: var(--font-size-tab-200);
    --text-font-size-tab-200: var(--font-size-tab-200);
    --text-font-size-tab-300: var(--font-size-tab-100);
    --text-font-size-caption-100: var(--font-size-caption-200);
    --text-font-size-caption-200: var(--font-size-caption-100);
    --text-font-size-caption-300: var(--font-size-caption-100);
}
.gap-md-none {
    gap: var(--spacing-none) !important;
}

.gap-md-xxsmall {
    gap: var(--spacing-xxsmall) !important;
}

.gap-md-xsmall {
    gap: var(--spacing-xsmall) !important;
}

.gap-md-small {
    gap: var(--spacing-small) !important;
}

.gap-md-base {
    gap: var(--spacing-base) !important;
}

.gap-md-large {
    gap: var(--spacing-large) !important;
}

.gap-md-xlarge {
    gap: var(--spacing-xlarge) !important;
}

.gap-md-xxlarge {
    gap: var(--spacing-xxlarge) !important;
}

.breakpoint-md-xxlarge {
    max-width: var(--breakpoint-xxlarge) !important;
}

.breakpoint-md-xlarge {
    max-width: var(--breakpoint-xlarge) !important;
}

.breakpoint-md-large {
    max-width: var(--breakpoint-large) !important;
}

.breakpoint-md-medium {
    max-width: var(--breakpoint-medium) !important;
}

.breakpoint-md-small {
    max-width: var(--breakpoint-small) !important;
}

.breakpoint-md-xsmall {
    width: var(--breakpoint-xsmall) !important;
}
.position-center-tablet {
    text-align: center !important;
}

.position-left-tablet {
    text-align: left !important;
}

.position-right-tablet {
    text-align: right !important;
}