<commit_before>body.bPlayer {
  height:100%; width:100%;

  &.assetsLoaded .loadingonly {display: none}
  &.playing .noplaying,
  &.paused .nopaused,
  &.autoplay .noautoplay
  {display: none}

  .modal-dialog {
	max-width: 100%;
	padding: 0 10px;
	section+section {
	  margin-top:20px;
	}
  }
  .modal-dialog, header, button {
	-webkit-font-smoothing: subpixel-antialiased;
	font-smoothing: subpixel-antialiased;
  }
  .modal-dialog .modal-content .modal-body form fieldset {
	text-align: left;
	margin-bottom: 0;
	label, input, textarea {
	  color: #afbfdf !important;
	  &::-moz-selection, &::selection {
		color: #000;
		background: #afbfdf;
	  }
	}
	label {
	  font-weight: 500;
	}
	input, textarea {
	  background: rgba(0,0,0,0.2) !important;
	  border: 0px solid #afbfdf;
	  border-radius: 3px;
	  width: 98%;
	  max-width: 98%;
	  margin: 5px 0;
	  line-height: 1.5em;
	  padding: 5px;
	}
	textarea {
	  height: 6.5em;
	  font-size: 91.5%;
	  resize: none;
	}
  }

  #playerWrap {
	#loadingStage {
	  background: #000;
	  svg {
		position: absolute;
		top: 25%;
		left: 50%;
		margin-left: -50px;
		margin-top: -50px;
	  }
	}
  }

}

body.inVR #playerpage header {
  display: none !important;
}

button#backfromvr {
  -webkit-appearance: none;
  appearance: none;
  padding: 10px 20px;
  border-radius: 5px;
  border: 0;
  background: rgba(1,1,1,0.3);
  &:active {
	background: rgba(255,255,255,0.2);
  }
}

#playerpage {
  min-height: 100%;

  #playerWrap {
	  position: fixed;
	  top:0;
	  bottom:0;
	  left: 0;
	  right:0;
	  display: flex;
	  flex-direction: column;
	  height: 100%;
	  display: -webkit-flex;
	  -webkit-flex-direction: column;
  }

  #stage, #playerWrap .stage {
	  -webkit-flex: 1;
	  -webkit-flex-order: 2;
	  flex:1;
	  order: 2;
	  min-height: 450px;
	  background: #666;
  }
  #playerWrap .stage {
	display: none;
	position: relative;
	&.front {	// selected stage
	  display: block
	}
  }

  .noWebGL {
  	margin: 100px auto 0 auto;
	width: 400px;
	svg {
	  margin-left: -5px;
	}
	line-height: 1.5em;
	font-size: 110%;
  }<commit_msg>fix VR stereo distortion on iphone6<commit_after>body.bPlayer {
  height:100%; width:100%;

  &.assetsLoaded .loadingonly {display: none}
  &.playing .noplaying,
  &.paused .nopaused,
  &.autoplay .noautoplay
  {display: none}

  .modal-dialog {
	max-width: 100%;
	padding: 0 10px;
	section+section {
	  margin-top:20px;
	}
  }
  .modal-dialog, header, button {
	-webkit-font-smoothing: subpixel-antialiased;
	font-smoothing: subpixel-antialiased;
  }
  .modal-dialog .modal-content .modal-body form fieldset {
	text-align: left;
	margin-bottom: 0;
	label, input, textarea {
	  color: #afbfdf !important;
	  &::-moz-selection, &::selection {
		color: #000;
		background: #afbfdf;
	  }
	}
	label {
	  font-weight: 500;
	}
	input, textarea {
	  background: rgba(0,0,0,0.2) !important;
	  border: 0px solid #afbfdf;
	  border-radius: 3px;
	  width: 98%;
	  max-width: 98%;
	  margin: 5px 0;
	  line-height: 1.5em;
	  padding: 5px;
	}
	textarea {
	  height: 6.5em;
	  font-size: 91.5%;
	  resize: none;
	}
  }

  #playerWrap {
	#loadingStage {
	  background: #000;
	  svg {
		position: absolute;
		top: 25%;
		left: 50%;
		margin-left: -50px;
		margin-top: -50px;
	  }
	}
  }

}

body.inVR #playerpage header {
  display: none !important;
}

button#backfromvr {
  -webkit-appearance: none;
  appearance: none;
  padding: 10px 20px;
  border-radius: 5px;
  border: 0;
  background: rgba(1,1,1,0.3);
  &:active {
	background: rgba(255,255,255,0.2);
  }
}

#playerpage {
  min-height: 100%;

  #playerWrap {
	  position: fixed;
	  top:0;
	  bottom:0;
	  left: 0;
	  right:0;
	  display: flex;
	  flex-direction: column;
	  height: 100%;
	  display: -webkit-flex;
	  -webkit-flex-direction: column;
  }

  #stage, #playerWrap .stage {
	  -webkit-flex: 1;
	  -webkit-flex-order: 2;
	  flex:1;
	  order: 2;
	  min-height: 320px;	// should not exceed mobile display shorter side
	  background: #666;
  }
  #playerWrap .stage {
	display: none;
	position: relative;
	&.front {	// selected stage
	  display: block
	}
  }

  .noWebGL {
  	margin: 100px auto 0 auto;
	width: 400px;
	svg {
	  margin-left: -5px;
	}
	line-height: 1.5em;
	font-size: 110%;
  }
{'fraction_non_alphanumeric': 0.1525302922309337, 'fraction_numerical': 0.05155618911855547, 'mean_word_length': 2.9053803339517623, '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': '6233154', 'n_tokens_mistral': 1999, 'n_tokens_neox': 1700, 'n_words': 376}