<commit_before>#nowplaying {
	font-weight: bold;
}

#next {
	font-style: italic;
	max-width: 33%;
	overflow: hidden;
	text-overflow: ellipsis;
}

#timeleft {
	position: absolute;
	top: 170px;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 0 3px white;
	color: white;
}

#playlist {
	height: 31px;
}

#sliderdiv {
	height: 18px;
	margin-top: 3px;
}

#slider {
	width: 100%;
}

.player-icon {
	height: 80px;
	margin-top: 5px;
	margin-right: 10px!important;
	position: absolute;
}

.player-icon.fa-play {
	color: white;
	animation: playPulse 1s infinite alternate;
}

#playerdiv {
	height: 130px;
}

#player {
	display: none;
	white-space: nowrap;
}

#nowplaying {
	margin-left: 100px;
	color: white;
}

#queue-body tr, #custom-body tr {
	cursor: move;
}

#search {
	font-size: 1.4em;
	line-height: 1.4em;
}

table[data-sortable] th:after {
	position: absolute;
}

#results th, #albums th, #playlists th {
	cursor: pointer;
}

tbody tr:hover, tbody tr.sorting-row {
	background-color: #596069!important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	background: linear-gradient(180deg, #3e444c 0%, #3e444c 00%, #2e3338 100%);
	border-bottom-color: #2e3338;
}

.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
	background: linear-gradient(180deg, #3e444c 0%, #3e444c 00%, #2e3338 100%);
}

@media (max-width: 1200px) {
	#setting-buttons .btn-lg, #control-buttons .btn-lg {
		font-size: 0;
	}
	#setting-buttons .btn-lg i, #control-buttons .btn-lg i {
		font-size: 18px;
	}
	#next {
		opacity: 0;
	}
}

.btn-group {
	width: 50%;
}

.btn-group .btn {
	width: 25%;
}

#control-buttons {
	padding-right: 70px;
}

#setting-buttons {
	padding-left: 70px;
	margin-right: -3px;
}

@keyframes curPulse {
	0% {
		background-color: rgba(0, 0, 0, 0);
	}
	100% {
		background-color: rgba(70, 180, 255, 0.2);
	}
}

@keyframes playPulse {
	0% {
		color: rgba(255, 255, 255, 1);
	}
	100% {
		color: rgba(70, 180, 255, 1);
	}
}

tr.cur td, tr.cur th {
	font-weight: bold;
	background-color: rgba(70, 180, 255, 0.1);
}

.play tr.cur td, .play tr.cur th {
	font-weight: bold;
	background-color: rgba(70, 180, 255, 0.2);
	animation: curPulse 1s infinite alternate;
}

tr.next td, tr.next th {
	font-style: italic;
	background-color: rgba(250, 100, 60, 0.08);
}

.tag {
	background-color: #fc3;
	float: right;
	border: 1px solid black;
	border-radius: 3px;
	color: black;
	padding: 0 2px;
	margin-left: -200px;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 8.8px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 0px solid rgba(0, 0, 0, 0);
  height: 24px;
  width: 12px;
  border-radius: 3px;
  background: #46b4ff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffffff;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 6.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 0px solid rgba(0, 0, 0, 0);
  height: 24px;
  width: 12px;
  border-radius: 3px;
  background: #46b4ff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 6.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #f2f2f2;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #ffffff;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 0px solid rgba(0, 0, 0, 0);
  height: 24px;
  width: 12px;
  border-radius: 3px;
  background: #46b4ff;
  cursor: pointer;
  height: 6.4px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ffffff;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ffffff;
}
<commit_msg>fixed css<commit_after>#nowplaying {
	font-weight: bold;
}

#next {
	font-style: italic;
	max-width: 33%;
	overflow: hidden;
	text-overflow: ellipsis;
}

#timeleft {
	position: absolute;
	top: 170px;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 0 3px white;
	color: white;
}

#playlist {
	height: 31px;
}

#sliderdiv {
	height: 18px;
	margin-top: 3px;
}

#slider {
	width: 100%;
}

.player-icon {
	height: 80px;
	margin-top: 5px;
	margin-right: 10px!important;
	position: absolute;
}

.player-icon.fa-play {
	color: white;
	animation: playPulse 1s infinite alternate;
}

#playerdiv {
	height: 130px;
}

#player {
	display: none;
	white-space: nowrap;
}

#nowplaying {
	margin-left: 100px;
	color: white;
}

#queue-body tr, #custom-body tr {
	cursor: move;
}

#queue-body td:last-child, #playlists-body td:last-child, #custom-body td:last-child {
	text-align: right;
}

#search {
	font-size: 1.4em;
	line-height: 1.4em;
}

table[data-sortable] th:after {
	position: absolute;
}

#results th, #albums th, #playlists th {
	cursor: pointer;
}

tbody tr:hover, tbody tr.sorting-row {
	background-color: #596069!important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	background: linear-gradient(180deg, #3e444c 0%, #3e444c 00%, #2e3338 100%);
	border-bottom-color: #2e3338;
}

.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
	background: linear-gradient(180deg, #3e444c 0%, #3e444c 00%, #2e3338 100%);
}

@media (max-width: 1200px) {
	#setting-buttons .btn-lg, #control-buttons .btn-lg {
		font-size: 0;
	}
	#setting-buttons .btn-lg i, #control-buttons .btn-lg i {
		font-size: 18px;
	}
	#next {
		opacity: 0;
	}
}

.btn-group {
	width: 50%;
}

.btn-group .btn {
	width: 25%;
}

#control-buttons {
	padding-right: 70px;
}

#setting-buttons {
	padding-left: 70px;
	margin-right: -3px;
}

@keyframes curPulse {
	0% {
		background-color: rgba(0, 0, 0, 0);
	}
	100% {
		background-color: rgba(70, 180, 255, 0.2);
	}
}

@keyframes playPulse {
	0% {
		color: rgba(255, 255, 255, 1);
	}
	100% {
		color: rgba(70, 180, 255, 1);
	}
}

tr.cur td, tr.cur th {
	font-weight: bold;
	background-color: rgba(70, 180, 255, 0.1);
}

.play tr.cur td, .play tr.cur th {
	font-weight: bold;
	background-color: rgba(70, 180, 255, 0.2);
	animation: curPulse 1s infinite alternate;
}

tr.next td, tr.next th {
	font-style: italic;
	background-color: rgba(250, 100, 60, 0.08);
}

.tag {
	background-color: #fc3;
	float: right;
	border: 1px solid black;
	border-radius: 3px;
	color: black;
	padding: 0 2px;
	margin-left: -200px;
}

input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	margin: 8.8px 0;
}

input[type=range]:focus {
	outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 6.4px;
	cursor: pointer;
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	background: #ffffff;
	border-radius: 1.3px;
	border: 0.2px solid #010101;
}

input[type=range]::-webkit-slider-thumb {
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	border: 0px solid rgba(0, 0, 0, 0);
	height: 24px;
	width: 12px;
	border-radius: 3px;
	background: #46b4ff;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -9px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
	background: #ffffff;
}

input[type=range]::-moz-range-track {
	width: 100%;
	height: 6.4px;
	cursor: pointer;
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	background: #ffffff;
	border-radius: 1.3px;
	border: 0.2px solid #010101;
}

input[type=range]::-moz-range-thumb {
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	border: 0px solid rgba(0, 0, 0, 0);
	height: 24px;
	width: 12px;
	border-radius: 3px;
	background: #46b4ff;
	cursor: pointer;
}

input[type=range]::-ms-track {
	width: 100%;
	height: 6.4px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}

input[type=range]::-ms-fill-lower {
	background: #f2f2f2;
	border: 0.2px solid #010101;
	border-radius: 2.6px;
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

input[type=range]::-ms-fill-upper {
	background: #ffffff;
	border: 0.2px solid #010101;
	border-radius: 2.6px;
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

input[type=range]::-ms-thumb {
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	border: 0px solid rgba(0, 0, 0, 0);
	height: 24px;
	width: 12px;
	border-radius: 3px;
	background: #46b4ff;
	cursor: pointer;
	height: 6.4px;
}

input[type=range]:focus::-ms-fill-lower {
	background: #ffffff;
}

input[type=range]:focus::-ms-fill-upper {
	background: #ffffff;
}
{'fraction_non_alphanumeric': 0.16775244299674266, 'fraction_numerical': 0.08816503800217156, 'mean_word_length': 3.912533333333333, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 23, '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': '758943', 'n_tokens_mistral': 4703, 'n_tokens_neox': 4009, 'n_words': 917}