<commit_before>/**
 * @license Videogular v0.6.0 http://videogular.com
 * Two Fucking Developers http://twofuckingdevelopers.com
 * License: MIT
 */
@font-face {
	font-family: 'icomoon';
	src:url('../bower_components/videogular-themes-default/fonts/icomoon.eot');
	src:url('../bower_components/videogular-themes-default/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
	url('../bower_components/videogular-themes-default/fonts/icomoon.woff') format('woff'),
	url('../bower_components/videogular-themes-default/fonts/icomoon.ttf') format('truetype'),
	url('../bower_components/videogular-themes-default/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

videogular {
	max-height: 394px; /*this assumed aspect ration firefox gave me*/
    width: 100%;
	display:block;
	position: relative;
	background-color: #000000;
	display: block;
	flex-direction: column;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
}

h2 {
	margin: 5px;
}

@media (max-width: 700px), (max-height: 440px) {
	videogular {
	    height: 80vh;
    }
    h2 {
		font-size: 5vw;
		margin-left: 0.5vw;
        margin-right: 0.5vw;
        margin-top: 0.5vh;
        margin-bottom: 0.5vh;
	}
}

@media (min-width: 700px) and (min-height: 440px) {
	videogular {
        max-width: 700px;
		left: 50%;
		margin-left: -350px;
		background-color: #000000;
		display: block;
    }
}

@media (min-width: 600px) {
    h2 {
        font-size: 1.5em;
        margin: 5px;
    }
}

videogular.fullscreen {
	position: absolute;
	left: 0;
	top: 0;
}

videogular vg-video {
	width: 100%;
	height: 394px;
	max-width: 100%;
    max-height: 394px;

	display: block;
}

videogular video {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}

videogular .iconButton {
	color: #FFFFFF;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
<commit_msg>Fixed example that breaks on mobile<commit_after>/**
 * @license Videogular v0.6.0 http://videogular.com
 * Two Fucking Developers http://twofuckingdevelopers.com
 * License: MIT
 */
@font-face {
	font-family: 'icomoon';
	src:url('../bower_components/videogular-themes-default/fonts/icomoon.eot');
	src:url('../bower_components/videogular-themes-default/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
	url('../bower_components/videogular-themes-default/fonts/icomoon.woff') format('woff'),
	url('../bower_components/videogular-themes-default/fonts/icomoon.ttf') format('truetype'),
	url('../bower_components/videogular-themes-default/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

videogular {
	max-height: 394px; /*this assumed aspect ration firefox gave me*/
    width: 100%;
	display:block;
	position: relative;
	background-color: #000000;
	display: block;
	flex-direction: column;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
}

h2 {
	margin: 5px;
}

@media (max-width: 700px), (max-height: 440px) {
	videogular {
	    height: 80vh;
    }
    videogular vg-video {
        height: 100%;
        max-height: 100%;
    }
    h2 {
		font-size: 5vw;
		margin-left: 0.5vw;
        margin-right: 0.5vw;
        margin-top: 0.5vh;
        margin-bottom: 0.5vh;
	}
}

@media (min-width: 700px) and (min-height: 440px) {
	videogular {
        max-width: 700px;
		left: 50%;
		margin-left: -350px;
		background-color: #000000;
		display: block;
    }
}

@media (min-width: 600px) {
    h2 {
        font-size: 1.5em;
        margin: 5px;
    }
}

videogular.fullscreen {
	position: absolute;
	left: 0;
	top: 0;
}

videogular vg-video {
	width: 100%;
	height: 394px;
	max-width: 100%;
    max-height: 394px;

	display: block;
}

videogular video {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}

@media (max-width: 700px), (max-height: 440px) {
    videogular vg-video {
        height: 100%;
        max-height: 100%;
    }
}
videogular .iconButton {
	color: #FFFFFF;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;

{'fraction_non_alphanumeric': 0.1621865823356675, 'fraction_numerical': 0.04427377456516828, 'mean_word_length': 3.450251256281407, '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': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1763959', 'n_tokens_mistral': 1992, 'n_tokens_neox': 1765, 'n_words': 334}