<commit_before>:root {


	/**
	 * Media Queries
	 */

	@custom-media --xs (max-width: 767px);
	@custom-media --s (min-width: 768px) and (max-width: 1023px);
	@custom-media --s-up (min-width: 768px);
	@custom-media --s-down (max-width: 1023px);
	@custom-media --m (min-width: 1024px) and (max-width: 1279px);
	@custom-media --m-up (min-width: 1024px);
	@custom-media --m-down (max-width: 1279px);
	@custom-media --l (min-width: 1280px) and (max-width: 1679px);
	@custom-media --l-up (min-width: 1280px);
	@custom-media --l-down (max-width: 1679px);
	@custom-media --xl (min-width: 1680px);


	/**
	 * Root
	 */

	--root-size: 10px;
	--root-size-xl: var(--root-size);
	--root-size-l: var(--root-size);
	--root-size-m: var(--root-size);
	--root-size-s: var(--root-size);
	--root-size-xs: var(--root-size);



	/**
	 * Body
	 */

	--body-font-family: var(--font-family-system);
	--body-font-weight: normal;
	--body-color: var(--dark);
	--body-line-height: var(--line-height-s);
	--body-letter-spacing: 0;
	--body-background: var(--white);


	/**
	 * Speed
	 */

	--speed-fast: 200ms;
	--speed-medium: 300ms;
	--speed-slow: 500ms;


	/**
	 * Border Radius
	 */

	--border-radius: 2px;


	/**
	 * Print
	 */

	--print-page-size: A4;
	--print-page-margin: 1.5cm 2cm;


	/**
	 * Z-Index
	 */

	--z-index-high: 999;
	--z-index-medium: 99;
	--z-index-low: 9;


	/**
	 * Height
	 */

	--height-xl: 6.0rem;
	--height-l: 5.2rem;
	--height-m: 4.4rem;
	--height-s: 3.6rem;
	--height-xs: 2.8rem;


	/**
	 * Space
	 */

	--space-xl: 8.0rem;
	--space-l: 5.0rem;
	--space-m: 3.5rem;
	--space-s: 2.0rem;
	--space-xs: 1.5rem;


	/**
	 * Margin
	 */

	--margin-xl: var(--space-xl);
	--margin-l: var(--space-l);
	--margin-m: var(--space-m);
	--margin-s: var(--space-s);
	--margin-xs: var(--space-xs);


	/**
	 * Padding
	 */

	--padding-xl: var(--space-xl);
	--padding-l: var(--space-l);
	--padding-m: var(--space-m);
	--padding-s: var(--space-s);
	--padding-xs: var(--space-xs);


	/**
	 * Max Width
	 */

	--max-width-xl: 128rem;
	--max-width-l: 102.4rem;
	--max-width-m: 80rem;
	--max-width-s: 64rem;
	--max-width-xs: 48rem;


	/**
	 * Color
	 */

	--white: #FFFFFF;
	--white-hover: color(var(--white) shade(5%));
	--white-active: color(var(--white) shade(10%));

	--black: #000000;
	--black-hover: color(var(--black) tint(20%));
	--black-active: color(var(--black) tint(10%));

	--light: #CCCCCC;
	--light-hover: var(--light-400);
	--light-active: var(--light-600);
	--light-100: color(var(--light) tint(80%));
	--light-200: color(var(--light) tint(60%));
	--light-300: color(var(--light) tint(40%));
	--light-400: color(var(--light) tint(20%));
	--light-500: var(--light);
	--light-600: color(var(--light) shade(5%));
	--light-700: color(var(--light) shade(10%));
	--light-800: color(var(--light) shade(15%));
	--light-900: color(var(--light) shade(20%));

	--grey: #666666;
	--grey-hover: var(--grey-400);
	--grey-active: var(--grey-600);
	--grey-100: color(var(--grey) tint(30%));
	--grey-200: color(var(--grey) tint(22.5%));
	--grey-300: color(var(--grey) tint(15%));
	--grey-400: color(var(--grey) tint(7.5%));
	--grey-500: var(--grey);
	--grey-600: color(var(--grey) shade(7.5%));
	--grey-700: color(var(--grey) shade(15%));
	--grey-800: color(var(--grey) shade(22.5%));
	--grey-900: color(var(--grey) shade(30%));

	--dark: #333333;
	--dark-hover: var(--dark-400);
	--dark-active: var(--dark-600);
	--dark-100: color(var(--dark) tint(20%));
	--dark-200: color(var(--dark) tint(15%));
	--dark-300: color(var(--dark) tint(10%));
	--dark-400: color(var(--dark) tint(5%));
	--dark-500: var(--dark);
	--dark-600: color(var(--dark) shade(7.5%));
	--dark-700: color(var(--dark) shade(15%));
	--dark-800: color(var(--dark) shade(22.5%));
	--dark-900: color(var(--dark) shade(30%));


	--primary: #3455DB;
	--primary-hover: var(--primary-400);
	--primary-active: var(--primary-600);
	--primary-100: color(var(--primary) tint(40%));
	--primary-200: color(var(--primary) tint(30%));
	--primary-300: color(var(--primary) tint(20%));
	--primary-400: color(var(--primary) tint(10%));
	--primary-500: var(--primary);
	--primary-600: color(var(--primary) shade(10%));
	--primary-700: color(var(--primary) shade(20%));
	--primary-800: color(var(--primary) shade(30%));
	--primary-900: color(var(--primary) shade(40%));

	--secondary: #663399;
	--secondary-hover: var(--secondary-400);
	--secondary-active: var(--secondary-600);
	--secondary-100: color(var(--secondary) tint(40%));
	--secondary-200: color(var(--secondary) tint(30%));
	--secondary-300: color(var(--secondary) tint(20%));
	--secondary-400: color(var(--secondary) tint(10%));
	--secondary-500: var(--secondary);
	--secondary-600: color(var(--secondary) shade(10%));
	--secondary-700: color(var(--secondary) shade(20%));
	--secondary-800: color(var(--secondary) shade(30%));
	--secondary-900: color(var(--secondary) shade(40%));

	--tertiary: #8B008B;
	--tertiary-hover: var(--tertiary-400);
	--tertiary-active: var(--tertiary-600);
	--tertiary-100: color(var(--tertiary) tint(40%));
	--tertiary-200: color(var(--tertiary) tint(30%));
	--tertiary-300: color(var(--tertiary) tint(20%));
	--tertiary-400: color(var(--tertiary) tint(10%));
	--tertiary-500: var(--tertiary);
	--tertiary-600: color(var(--tertiary) shade(10%));
	--tertiary-700: color(var(--tertiary) shade(20%));
	--tertiary-800: color(var(--tertiary) shade(30%));
	--tertiary-900: color(var(--tertiary) shade(40%));

	--info: #1E90FF;
	--info-hover: var(--info-400);
	--info-active: var(--info-600);
	--info-100: color(var(--info) tint(40%));
	--info-200: color(var(--info) tint(30%));
	--info-300: color(var(--info) tint(20%));
	--info-400: color(var(--info) tint(10%));
	--info-500: var(--info);
	--info-600: color(var(--info) shade(10%));
	--info-700: color(var(--info) shade(20%));
	--info-800: color(var(--info) shade(30%));
	--info-900: color(var(--info) shade(40%));

	--error: #D91E18;
	--error-hover: var(--error-400);
	--error-active: var(--error-600);
	--error-100: color(var(--error) tint(40%));
	--error-200: color(var(--error) tint(30%));
	--error-300: color(var(--error) tint(20%));
	--error-400: color(var(--error) tint(10%));
	--error-500: var(--error);
	--error-600: color(var(--error) shade(10%));
	--error-700: color(var(--error) shade(20%));
	--error-800: color(var(--error) shade(30%));
	--error-900: color(var(--error) shade(40%));

	--warning: #FF4500;
	--warning-hover: var(--warning-400);
	--warning-active: var(--warning-600);
	--warning-100: color(var(--warning) tint(40%));
	--warning-200: color(var(--warning) tint(30%));
	--warning-300: color(var(--warning) tint(20%));
	--warning-400: color(var(--warning) tint(10%));
	--warning-500: var(--warning);
	--warning-600: color(var(--warning) shade(10%));
	--warning-700: color(var(--warning) shade(20%));
	--warning-800: color(var(--warning) shade(30%));
	--warning-900: color(var(--warning) shade(40%));

	--success: #00AA00;
	--success-hover: var(--success-400);
	--success-active: var(--success-600);
	--success-100: color(var(--success) tint(40%));
	--success-200: color(var(--success) tint(30%));
	--success-300: color(var(--success) tint(20%));
	--success-400: color(var(--success) tint(10%));
	--success-500: var(--success);
	--success-600: color(var(--success) shade(10%));
	--success-700: color(var(--success) shade(20%));
	--success-800: color(var(--success) shade(30%));
	--success-900: color(var(--success) shade(40%));


	/**
	 * Gutter
	 */

	--gutter: 2rem;


	/**
	 * Container
	 */

	--container-xl: 1440px;
	--container-l: 1280px;
	--container-m: 1024px;
	--container-s: 100%;
	--container-xs: 100%;


	/**
	 * Font
	 */

	--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-family-serif: Georgia, "Times New Roman", Times, serif;
	--font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace;


	/**
	 * Generic Font Weights
	 */

	--font-weight-thin: 200;
	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-black: 800;


	/**
	 * Font Sizes
	 */

	--font-size-xl: 2.0rem;
	--font-size-l: 1.8rem;
	--font-size-m: 1.6rem;
	--font-size-s: 1.4rem;
	--font-size-xs: 1.2rem;


	/**
	 * Line height
	 */

	--line-height-xl: 1.8;
	--line-height-l: 1.65;
	--line-height-m: 1.5;
	--line-height-s: 1.35;
	--line-height-xs: 1.2;


	/**
	 * Headings
	 */

	--headings-margin: 2em 0 1em 0;
	--headings-font-family: inherit;
	--headings-font-weight: var(--font-weight-medium);
	--headings-color: inherit;
	--headings-line-height: var(--line-height-s);


	/**
	 * Headings Small
	 */

	--headings-small-font-family: inherit;
	--headings-small-font-weight: inherit;
	--headings-small-size: 0.6em;
	--headings-small-color: inherit;


	/**
	 * Heading Font Sizes
	 */

	--h1-font-size: 3.2rem;
	--h2-font-size: 2.4rem;
	--h3-font-size: 1.8rem;
	--h4-font-size: 1.6rem;
	--h5-font-size: 1.4rem;
	--h6-font-size: 1.2rem;


	/**
	 * Display Title
	 */
	
	--display-title-margin: 0;
	--display-title-font-family: inherit;
	--display-title-font-weight: var(--font-weight-bold);
	--display-title-font-size: 3.6rem;
	--display-title-line-height: var(--line-height-xs);
	--display-title-text-transform: uppercase;
	--display-title-letter-spacing: 0.05em;
	

	/**
	 * Big
	 */
	
	--big-margin: 0;
	--big-font-family: inherit;
	--big-font-weight: inherit;
	--big-line-height: var(--line-height-s);<commit_msg>Display titles inherit heading font family<commit_after>:root {


	/**
	 * Media Queries
	 */

	@custom-media --xs (max-width: 767px);
	@custom-media --s (min-width: 768px) and (max-width: 1023px);
	@custom-media --s-up (min-width: 768px);
	@custom-media --s-down (max-width: 1023px);
	@custom-media --m (min-width: 1024px) and (max-width: 1279px);
	@custom-media --m-up (min-width: 1024px);
	@custom-media --m-down (max-width: 1279px);
	@custom-media --l (min-width: 1280px) and (max-width: 1679px);
	@custom-media --l-up (min-width: 1280px);
	@custom-media --l-down (max-width: 1679px);
	@custom-media --xl (min-width: 1680px);


	/**
	 * Root
	 */

	--root-size: 10px;
	--root-size-xl: var(--root-size);
	--root-size-l: var(--root-size);
	--root-size-m: var(--root-size);
	--root-size-s: var(--root-size);
	--root-size-xs: var(--root-size);



	/**
	 * Body
	 */

	--body-font-family: var(--font-family-system);
	--body-font-weight: normal;
	--body-color: var(--dark);
	--body-line-height: var(--line-height-s);
	--body-letter-spacing: 0;
	--body-background: var(--white);


	/**
	 * Speed
	 */

	--speed-fast: 200ms;
	--speed-medium: 300ms;
	--speed-slow: 500ms;


	/**
	 * Border Radius
	 */

	--border-radius: 2px;


	/**
	 * Print
	 */

	--print-page-size: A4;
	--print-page-margin: 1.5cm 2cm;


	/**
	 * Z-Index
	 */

	--z-index-high: 999;
	--z-index-medium: 99;
	--z-index-low: 9;


	/**
	 * Height
	 */

	--height-xl: 6.0rem;
	--height-l: 5.2rem;
	--height-m: 4.4rem;
	--height-s: 3.6rem;
	--height-xs: 2.8rem;


	/**
	 * Space
	 */

	--space-xl: 8.0rem;
	--space-l: 5.0rem;
	--space-m: 3.5rem;
	--space-s: 2.0rem;
	--space-xs: 1.5rem;


	/**
	 * Margin
	 */

	--margin-xl: var(--space-xl);
	--margin-l: var(--space-l);
	--margin-m: var(--space-m);
	--margin-s: var(--space-s);
	--margin-xs: var(--space-xs);


	/**
	 * Padding
	 */

	--padding-xl: var(--space-xl);
	--padding-l: var(--space-l);
	--padding-m: var(--space-m);
	--padding-s: var(--space-s);
	--padding-xs: var(--space-xs);


	/**
	 * Max Width
	 */

	--max-width-xl: 128rem;
	--max-width-l: 102.4rem;
	--max-width-m: 80rem;
	--max-width-s: 64rem;
	--max-width-xs: 48rem;


	/**
	 * Color
	 */

	--white: #FFFFFF;
	--white-hover: color(var(--white) shade(5%));
	--white-active: color(var(--white) shade(10%));

	--black: #000000;
	--black-hover: color(var(--black) tint(20%));
	--black-active: color(var(--black) tint(10%));

	--light: #CCCCCC;
	--light-hover: var(--light-400);
	--light-active: var(--light-600);
	--light-100: color(var(--light) tint(80%));
	--light-200: color(var(--light) tint(60%));
	--light-300: color(var(--light) tint(40%));
	--light-400: color(var(--light) tint(20%));
	--light-500: var(--light);
	--light-600: color(var(--light) shade(5%));
	--light-700: color(var(--light) shade(10%));
	--light-800: color(var(--light) shade(15%));
	--light-900: color(var(--light) shade(20%));

	--grey: #666666;
	--grey-hover: var(--grey-400);
	--grey-active: var(--grey-600);
	--grey-100: color(var(--grey) tint(30%));
	--grey-200: color(var(--grey) tint(22.5%));
	--grey-300: color(var(--grey) tint(15%));
	--grey-400: color(var(--grey) tint(7.5%));
	--grey-500: var(--grey);
	--grey-600: color(var(--grey) shade(7.5%));
	--grey-700: color(var(--grey) shade(15%));
	--grey-800: color(var(--grey) shade(22.5%));
	--grey-900: color(var(--grey) shade(30%));

	--dark: #333333;
	--dark-hover: var(--dark-400);
	--dark-active: var(--dark-600);
	--dark-100: color(var(--dark) tint(20%));
	--dark-200: color(var(--dark) tint(15%));
	--dark-300: color(var(--dark) tint(10%));
	--dark-400: color(var(--dark) tint(5%));
	--dark-500: var(--dark);
	--dark-600: color(var(--dark) shade(7.5%));
	--dark-700: color(var(--dark) shade(15%));
	--dark-800: color(var(--dark) shade(22.5%));
	--dark-900: color(var(--dark) shade(30%));


	--primary: #3455DB;
	--primary-hover: var(--primary-400);
	--primary-active: var(--primary-600);
	--primary-100: color(var(--primary) tint(40%));
	--primary-200: color(var(--primary) tint(30%));
	--primary-300: color(var(--primary) tint(20%));
	--primary-400: color(var(--primary) tint(10%));
	--primary-500: var(--primary);
	--primary-600: color(var(--primary) shade(10%));
	--primary-700: color(var(--primary) shade(20%));
	--primary-800: color(var(--primary) shade(30%));
	--primary-900: color(var(--primary) shade(40%));

	--secondary: #663399;
	--secondary-hover: var(--secondary-400);
	--secondary-active: var(--secondary-600);
	--secondary-100: color(var(--secondary) tint(40%));
	--secondary-200: color(var(--secondary) tint(30%));
	--secondary-300: color(var(--secondary) tint(20%));
	--secondary-400: color(var(--secondary) tint(10%));
	--secondary-500: var(--secondary);
	--secondary-600: color(var(--secondary) shade(10%));
	--secondary-700: color(var(--secondary) shade(20%));
	--secondary-800: color(var(--secondary) shade(30%));
	--secondary-900: color(var(--secondary) shade(40%));

	--tertiary: #8B008B;
	--tertiary-hover: var(--tertiary-400);
	--tertiary-active: var(--tertiary-600);
	--tertiary-100: color(var(--tertiary) tint(40%));
	--tertiary-200: color(var(--tertiary) tint(30%));
	--tertiary-300: color(var(--tertiary) tint(20%));
	--tertiary-400: color(var(--tertiary) tint(10%));
	--tertiary-500: var(--tertiary);
	--tertiary-600: color(var(--tertiary) shade(10%));
	--tertiary-700: color(var(--tertiary) shade(20%));
	--tertiary-800: color(var(--tertiary) shade(30%));
	--tertiary-900: color(var(--tertiary) shade(40%));

	--info: #1E90FF;
	--info-hover: var(--info-400);
	--info-active: var(--info-600);
	--info-100: color(var(--info) tint(40%));
	--info-200: color(var(--info) tint(30%));
	--info-300: color(var(--info) tint(20%));
	--info-400: color(var(--info) tint(10%));
	--info-500: var(--info);
	--info-600: color(var(--info) shade(10%));
	--info-700: color(var(--info) shade(20%));
	--info-800: color(var(--info) shade(30%));
	--info-900: color(var(--info) shade(40%));

	--error: #D91E18;
	--error-hover: var(--error-400);
	--error-active: var(--error-600);
	--error-100: color(var(--error) tint(40%));
	--error-200: color(var(--error) tint(30%));
	--error-300: color(var(--error) tint(20%));
	--error-400: color(var(--error) tint(10%));
	--error-500: var(--error);
	--error-600: color(var(--error) shade(10%));
	--error-700: color(var(--error) shade(20%));
	--error-800: color(var(--error) shade(30%));
	--error-900: color(var(--error) shade(40%));

	--warning: #FF4500;
	--warning-hover: var(--warning-400);
	--warning-active: var(--warning-600);
	--warning-100: color(var(--warning) tint(40%));
	--warning-200: color(var(--warning) tint(30%));
	--warning-300: color(var(--warning) tint(20%));
	--warning-400: color(var(--warning) tint(10%));
	--warning-500: var(--warning);
	--warning-600: color(var(--warning) shade(10%));
	--warning-700: color(var(--warning) shade(20%));
	--warning-800: color(var(--warning) shade(30%));
	--warning-900: color(var(--warning) shade(40%));

	--success: #00AA00;
	--success-hover: var(--success-400);
	--success-active: var(--success-600);
	--success-100: color(var(--success) tint(40%));
	--success-200: color(var(--success) tint(30%));
	--success-300: color(var(--success) tint(20%));
	--success-400: color(var(--success) tint(10%));
	--success-500: var(--success);
	--success-600: color(var(--success) shade(10%));
	--success-700: color(var(--success) shade(20%));
	--success-800: color(var(--success) shade(30%));
	--success-900: color(var(--success) shade(40%));


	/**
	 * Gutter
	 */

	--gutter: 2rem;


	/**
	 * Container
	 */

	--container-xl: 1440px;
	--container-l: 1280px;
	--container-m: 1024px;
	--container-s: 100%;
	--container-xs: 100%;


	/**
	 * Font
	 */

	--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-family-serif: Georgia, "Times New Roman", Times, serif;
	--font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace;


	/**
	 * Generic Font Weights
	 */

	--font-weight-thin: 200;
	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-black: 800;


	/**
	 * Font Sizes
	 */

	--font-size-xl: 2.0rem;
	--font-size-l: 1.8rem;
	--font-size-m: 1.6rem;
	--font-size-s: 1.4rem;
	--font-size-xs: 1.2rem;


	/**
	 * Line height
	 */

	--line-height-xl: 1.8;
	--line-height-l: 1.65;
	--line-height-m: 1.5;
	--line-height-s: 1.35;
	--line-height-xs: 1.2;


	/**
	 * Headings
	 */

	--headings-margin: 2em 0 1em 0;
	--headings-font-family: inherit;
	--headings-font-weight: var(--font-weight-medium);
	--headings-color: inherit;
	--headings-line-height: var(--line-height-s);


	/**
	 * Headings Small
	 */

	--headings-small-font-family: inherit;
	--headings-small-font-weight: inherit;
	--headings-small-size: 0.6em;
	--headings-small-color: inherit;


	/**
	 * Heading Font Sizes
	 */

	--h1-font-size: 3.2rem;
	--h2-font-size: 2.4rem;
	--h3-font-size: 1.8rem;
	--h4-font-size: 1.6rem;
	--h5-font-size: 1.4rem;
	--h6-font-size: 1.2rem;


	/**
	 * Display Title
	 */
	
	--display-title-margin: 0;
	--display-title-font-family: var(--headings-font-family);
	--display-title-font-weight: var(--font-weight-bold);
	--display-title-font-size: 3.6rem;
	--display-title-line-height: var(--line-height-xs);
	--display-title-text-transform: uppercase;
	--display-title-letter-spacing: 0.05em;
	

	/**
	 * Big
	 */
	
	--big-margin: 0;
	--big-font-family: inherit;
	--big-font-weight: inherit;
	--big-line-height: var(--line-height-s);
{'fraction_non_alphanumeric': 0.26663198959687906, 'fraction_numerical': 0.07771131339401821, 'mean_word_length': 3.0390756302521007, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1740565', 'n_tokens_mistral': 9412, 'n_tokens_neox': 8113, 'n_words': 1318}