<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-color: var(--dark);


	/**
	 * 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: 1280px;
	--max-width-l: 1024px;
	--max-width-m: 800px;
	--max-width-s: 640px;
	--max-width-xs: 480px;


	/**
	 * Color
	 */

	--white: #FFFFFF;
	--white-hover: color(var(--white) shade(5%));
	--white-active: color(var(--white) shade(10%));
<commit_msg>Use rems for max-width sizes<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-color: var(--dark);


	/**
	 * 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%));

{'fraction_non_alphanumeric': 0.26168663377965706, 'fraction_numerical': 0.05308902983321588, 'mean_word_length': 2.2087415222305955, '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': '5793354', 'n_tokens_mistral': 2201, 'n_tokens_neox': 1884, 'n_words': 330}