:root {
    --postids-border-radius-xs: 0.5rem;
    --postids-border-radius-sm: 1rem;
    --postids-border-radius-md: 1.5rem;
    --postids-border-radius-lg: 2.75rem;
    --postids-border-radius-xxs: 0.25rem;
    --postids-breakpoint-xs: 20em;
    --postids-breakpoint-sm: 23.4375em;
    --postids-breakpoint-md: 30em;
    --postids-breakpoint-lg: 48em;
    --postids-breakpoint-xl: 64em;
    --postids-breakpoint-xxl: 80em;
    --postids-breakpoint-xxxl: 100em;
    --postids-color-background-background-1: var(--postids-color-white);
    --postids-color-background-background-2: var(--postids-color-gray-1);
    --postids-color-background-background-3: var(--postids-color-gray-5);
    --postids-color-background-status-error: var(--postids-color-red-60);
    --postids-color-background-status-success: var(--postids-color-green-70);
    --postids-color-background-status-warning: var(--postids-color-yellow-50);
    --postids-color-background-survey-scale-five-five-1: var(--postids-color-red-60);
    --postids-color-background-survey-scale-five-five-2: var(--postids-color-posti-orange-40);
    --postids-color-background-survey-scale-five-five-3: var(--postids-color-yellow-50);
    --postids-color-background-survey-scale-five-five-4: var(--postids-color-green-70);
    --postids-color-background-survey-scale-five-five-5: var(--postids-color-green-90);
    --postids-color-background-survey-scale-four-four-1: var(--postids-color-red-60);
    --postids-color-background-survey-scale-four-four-2: var(--postids-color-posti-orange-40);
    --postids-color-background-survey-scale-four-four-3: var(--postids-color-green-70);
    --postids-color-background-survey-scale-four-four-4: var(--postids-color-green-90);
    --postids-color-background-survey-scale-six-six-1: var(--postids-color-red-60);
    --postids-color-background-survey-scale-six-six-2: var(--postids-color-posti-orange-40);
    --postids-color-background-survey-scale-six-six-3: var(--postids-color-yellow-50);
    --postids-color-background-survey-scale-six-six-4: var(--postids-color-green-40);
    --postids-color-background-survey-scale-six-six-5: var(--postids-color-green-70);
    --postids-color-background-survey-scale-six-six-6: var(--postids-color-green-90);
    --postids-color-background-survey-scale-ten-ten-1: var(--postids-color-red-80);
    --postids-color-background-survey-scale-ten-ten-10: var(--postids-color-green-99);
    --postids-color-background-survey-scale-ten-ten-2: var(--postids-color-red-60);
    --postids-color-background-survey-scale-ten-ten-3: var(--postids-color-posti-orange-40);
    --postids-color-background-survey-scale-ten-ten-4: var(--postids-color-yellow-50);
    --postids-color-background-survey-scale-ten-ten-5: var(--postids-color-brown-50);
    --postids-color-background-survey-scale-ten-ten-6: var(--postids-color-brown-30);
    --postids-color-background-survey-scale-ten-ten-7: var(--postids-color-green-40);
    --postids-color-background-survey-scale-ten-ten-8: var(--postids-color-green-70);
    --postids-color-background-survey-scale-ten-ten-9: var(--postids-color-green-90);
    --postids-color-border-accent-high-contrast-default: var(--postids-color-posti-orange-70);
    --postids-color-border-accent-high-contrast-hovered: var(--postids-color-posti-orange-80);
    --postids-color-border-accent-high-contrast-pressed: var(--postids-color-posti-orange-90);
    --postids-color-border-accent-low-contrast-default: var(--postids-color-posti-orange-60);
    --postids-color-border-accent-low-contrast-hovered: var(--postids-color-posti-orange-70);
    --postids-color-border-accent-low-contrast-pressed: var(--postids-color-posti-orange-80);
    --postids-color-border-accent-subdued-default: var(--postids-color-posti-orange-10);
    --postids-color-border-accent-subdued-hovered: var(--postids-color-posti-orange-20);
    --postids-color-border-accent-subdued-pressed: var(--postids-color-posti-orange-30);
    --postids-color-border-core-disabled: var(--postids-color-gray-5);
    --postids-color-border-core-high-contrast-default: var(--postids-color-gray-50);
    --postids-color-border-core-high-contrast-hovered: var(--postids-color-gray-60);
    --postids-color-border-core-high-contrast-pressed: var(--postids-color-gray-70);
    --postids-color-border-core-low-contrast-default: var(--postids-color-gray-10);
    --postids-color-border-core-low-contrast-hovered: var(--postids-color-gray-20);
    --postids-color-border-core-low-contrast-pressed: var(--postids-color-gray-30);
    --postids-color-border-core-on-accent: var(--postids-color-white);
    --postids-color-border-error-default: var(--postids-color-red-60);
    --postids-color-border-error-hovered: var(--postids-color-red-70);
    --postids-color-border-error-pressed: var(--postids-color-red-80);
    --postids-color-border-informational-default: var(--postids-color-blue-50);
    --postids-color-border-informational-hovered: var(--postids-color-blue-60);
    --postids-color-border-informational-pressed: var(--postids-color-blue-70);
    --postids-color-border-success-high-contrast-default: var(--postids-color-green-80);
    --postids-color-border-success-high-contrast-hovered: var(--postids-color-green-90);
    --postids-color-border-success-high-contrast-pressed: var(--postids-color-green-95);
    --postids-color-border-success-subdued-default: var(--postids-color-green-40);
    --postids-color-border-success-subdued-hovered: var(--postids-color-green-50);
    --postids-color-border-success-subdued-pressed: var(--postids-color-green-60);
    --postids-color-border-warning-default: var(--postids-color-yellow-80);
    --postids-color-border-warning-hovered: var(--postids-color-yellow-90);
    --postids-color-border-warning-pressed: var(--postids-color-yellow-95);
    --postids-color-foreground-accent-high-contrast-default: var(--postids-color-posti-orange-70);
    --postids-color-foreground-accent-high-contrast-hovered: var(--postids-color-posti-orange-80);
    --postids-color-foreground-accent-high-contrast-pressed: var(--postids-color-posti-orange-90);
    --postids-color-foreground-accent-low-contrast-default: var(--postids-color-posti-orange-60);
    --postids-color-foreground-accent-low-contrast-hovered: var(--postids-color-posti-orange-70);
    --postids-color-foreground-accent-low-contrast-pressed: var(--postids-color-posti-orange-80);
    --postids-color-foreground-accent-subdued-default: var(--postids-color-posti-orange-40);
    --postids-color-foreground-accent-subdued-hovered: var(--postids-color-posti-orange-50);
    --postids-color-foreground-accent-subdued-pressed: var(--postids-color-posti-orange-60);
    --postids-color-foreground-core-default: var(--postids-color-gray-70);
    --postids-color-foreground-core-disabled: var(--postids-color-gray-30);
    --postids-color-foreground-core-hovered: var(--postids-color-gray-80);
    --postids-color-foreground-core-on-accent: var(--postids-color-white);
    --postids-color-foreground-core-pressed: var(--postids-color-gray-90);
    --postids-color-foreground-error-default: var(--postids-color-red-60);
    --postids-color-foreground-error-hovered: var(--postids-color-red-70);
    --postids-color-foreground-error-pressed: var(--postids-color-red-80);
    --postids-color-foreground-informational-default: var(--postids-color-blue-50);
    --postids-color-foreground-informational-hovered: var(--postids-color-blue-60);
    --postids-color-foreground-informational-pressed: var(--postids-color-blue-70);
    --postids-color-foreground-success-default: var(--postids-color-green-80);
    --postids-color-foreground-success-hovered: var(--postids-color-green-90);
    --postids-color-foreground-success-pressed: var(--postids-color-green-99);
    --postids-color-foreground-warning-default: var(--postids-color-yellow-80);
    --postids-color-foreground-warning-hovered: var(--postids-color-yellow-90);
    --postids-color-foreground-warning-pressed: var(--postids-color-yellow-95);
    --postids-color-surface-accent-high-contrast-default: var(--postids-color-posti-orange-60);
    --postids-color-surface-accent-high-contrast-hovered: var(--postids-color-posti-orange-70);
    --postids-color-surface-accent-high-contrast-pressed: var(--postids-color-posti-orange-80);
    --postids-color-surface-accent-subdued-default: var(--postids-color-posti-orange-1);
    --postids-color-surface-accent-subdued-hovered: var(--postids-color-posti-orange-5);
    --postids-color-surface-accent-subdued-pressed: var(--postids-color-posti-orange-10);
    --postids-color-surface-core-disabled: var(--postids-color-gray-10);
    --postids-color-surface-core-overlay-background: var(--postids-color-transparent-black-50);
    --postids-color-surface-core-transparent: transparent;
    --postids-color-surface-error-default: var(--postids-color-red-1);
    --postids-color-surface-error-hovered: var(--postids-color-red-5);
    --postids-color-surface-error-pressed: var(--postids-color-red-10);
    --postids-color-surface-informational-default: var(--postids-color-blue-1);
    --postids-color-surface-informational-hovered: var(--postids-color-blue-5);
    --postids-color-surface-informational-pressed: var(--postids-color-blue-10);
    --postids-color-surface-pressed-default: var(--postids-color-gray-5);
    --postids-color-surface-primary-high-contrast-default: var(--postids-color-gray-10);
    --postids-color-surface-primary-high-contrast-hovered: var(--postids-color-gray-20);
    --postids-color-surface-primary-high-contrast-pressed: var(--postids-color-gray-30);
    --postids-color-surface-primary-low-contrast-alternative-default: var(--postids-color-gray-1);
    --postids-color-surface-primary-low-contrast-default: var(--postids-color-white);
    --postids-color-surface-primary-low-contrast-hovered: var(--postids-color-gray-10);
    --postids-color-surface-primary-low-contrast-pressed: var(--postids-color-gray-20);
    --postids-color-surface-secondary-default: var(--postids-color-gray-80);
    --postids-color-surface-secondary-hovered: var(--postids-color-gray-90);
    --postids-color-surface-secondary-pressed: var(--postids-color-gray-99);
    --postids-color-surface-success-default: var(--postids-color-green-5);
    --postids-color-surface-success-hovered: var(--postids-color-green-10);
    --postids-color-surface-success-pressed: var(--postids-color-green-20);
    --postids-color-surface-warning-default: var(--postids-color-yellow-5);
    --postids-color-surface-warning-hovered: var(--postids-color-yellow-10);
    --postids-color-surface-warning-pressed: var(--postids-color-yellow-20);
    --postids-color-text-body-primary: var(--postids-color-gray-70);
    --postids-color-text-body-secondary: var(--postids-color-gray-50);
    --postids-color-text-title-primary: var(--postids-color-gray-90);
    --postids-color-text-title-secondary: var(--postids-color-gray-70);
    --postids-color-text-universal-black: var(--postids-color-black);
    --postids-color-text-universal-white: var(--postids-color-white);
    /*--postids-smartposti-color-blue-01: var(--postids-smartposti-color-blue-01);
    --postids-smartposti-color-blue-05: var(--postids-smartposti-color-blue-05);
    --postids-smartposti-color-blue-10: var(--postids-smartposti-color-blue-10);
    --postids-smartposti-color-blue-15: var(--postids-smartposti-color-blue-15);
    --postids-smartposti-color-blue-20: var(--postids-smartposti-color-blue-20);
    --postids-smartposti-color-blue-30: var(--postids-smartposti-color-blue-30);
    --postids-smartposti-color-blue-40: var(--postids-smartposti-color-blue-40);
    --postids-smartposti-color-blue-50: var(--postids-smartposti-color-blue-50);
    --postids-smartposti-color-blue-60: var(--postids-smartposti-color-blue-60);
    --postids-smartposti-color-blue-70: var(--postids-smartposti-color-blue-70);
    --postids-smartposti-color-blue-80: var(--postids-smartposti-color-blue-80);
    --postids-smartposti-color-blue-90: var(--postids-smartposti-color-blue-90);
    --postids-smartposti-color-blue-95: var(--postids-smartposti-color-blue-95);
    --postids-smartposti-color-blue-99: var(--postids-smartposti-color-blue-99);*/
    --postids-font-family-posti: 'Posti Font', sans-serif;
    --postids-font-size-body-1: 1.5rem;
    --postids-font-size-body-2: 1.375rem;
    --postids-font-size-body-3: 1.1875rem;
    --postids-font-size-body-4: 1rem;
    --postids-font-size-body-5: 0.875rem;
    --postids-font-size-headline-1: 5rem;
    --postids-font-size-headline-2: 3rem;
    --postids-font-size-headline-3: 2.5rem;
    --postids-font-size-headline-4: 2.25rem;
    --postids-font-size-headline-5: 2rem;
    --postids-font-size-headline-6: 1.75rem;
    --postids-font-size-headline-7: 1.5rem;
    --postids-font-size-headline-8: 1.375rem;
    --postids-font-size-headline-9: 1.1875rem;
    --postids-font-size-label-1: 1.5rem;
    --postids-font-size-label-2: 1.375rem;
    --postids-font-size-label-3: 1.1875rem;
    --postids-font-size-label-4: 1rem;
    --postids-font-size-label-5: 0.875rem;
    --postids-font-size-label-6: 0.8125rem;
    --postids-font-size-label-7: 0.625rem;
    --postids-font-weight-bold: 700;
    --postids-font-weight-medium: 500;
    --postids-font-weight-regular: 400;
    --postids-font-weight-ultra-bold: 800;
    --postids-line-height-body: 1.5;
    --postids-line-height-headline-1: 1.2;
    --postids-line-height-headline-2: 1.25;
    --postids-line-height-headline-3: 1.25;
    --postids-line-height-headline-4: 1.35;
    --postids-line-height-headline-5: 1.35;
    --postids-line-height-headline-6: 1.4;
    --postids-line-height-headline-7: 1.4;
    --postids-line-height-headline-8: 1.4;
    --postids-line-height-headline-9: 1.4;
    --postids-line-height-label: 1;
    --postids-spacing-0: 0rem;
    --postids-spacing-05: 0.125rem;
    --postids-spacing-1: 0.25rem;
    --postids-spacing-10: 2.5rem;
    --postids-spacing-12: 3rem;
    --postids-spacing-14: 3.5rem;
    --postids-spacing-16: 4rem;
    --postids-spacing-18: 4.5rem;
    --postids-spacing-2: 0.5rem;
    --postids-spacing-20: 5rem;
    --postids-spacing-22: 5.5rem;
    --postids-spacing-24: 6rem;
    --postids-spacing-26: 6.5rem;
    --postids-spacing-28: 7rem;
    --postids-spacing-3: 0.75rem;
    --postids-spacing-30: 7.5rem;
    --postids-spacing-32: 8rem;
    --postids-spacing-4: 1rem;
    --postids-spacing-5: 1.25rem;
    --postids-spacing-6: 1.5rem;
    --postids-spacing-7: 1.75rem;
    --postids-spacing-8: 2rem;
    --postids-spacing-9: 2.25rem;
    --postids-z-index-0: 0;
    --postids-z-index-10: 10;
    --postids-z-index-100: 100;
    --postids-z-index-1000: 1000;
    --postids-z-index-101: 101;
    --postids-z-index-2: 2;
    --postids-z-index-3: 3;
    --postids-z-index-99: 99;
    --postids-z-index-default: 1;
    --postids-z-index-invisible: -1;
    --postids-z-index-top: 10000;
  }