<commit_before>
.ui-panel{
	width: 80%;
	height: 100%;
	border:0;
	max-width: 28em;
}
.ui-panel-open,
.ui-panel-open *,
.ui-panel-open + *,
.ui-panel-open + * * {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.ui-panel-open-complete,
.ui-panel-open-complete *,
.ui-panel-open-complete + *,
.ui-panel-open-complete + * * {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}
.ui-panel,
.ui-panel-dismiss {
	z-index: 99999;
	-webkit-transition: width 250ms ease, left 250ms ease, right 250ms ease;
	-moz-transition: width 250ms ease, left 250ms ease, right 250ms ease;
	-o-transition: width 250ms ease, left 250ms ease, right 250ms ease;
	-ms-transition: width 250ms ease, left 250ms ease, right 250ms ease;
	transition: width 250ms ease, left 250ms ease, right 250ms ease;
}

/* display and reveal */
.ui-panel-display-overlay,
.ui-panel-display-reveal {
	position: absolute;
}

.ui-panel-display-overlay.ui-panel-position-left,
.ui-panel-display-reveal.ui-panel-position-left {
	left: -80%;
}
.ui-panel-open.ui-panel-display-overlay.ui-panel-position-left,
.ui-panel-open.ui-panel-display-reveal.ui-panel-position-left {
	left: 0;
}
.ui-panel-display-overlay.ui-panel-position-right,
.ui-panel-display-reveal.ui-panel-position-right {
	right: -80%;
}
.ui-panel-open.ui-panel-display-overlay.ui-panel-position-right,
.ui-panel-open.ui-panel-display-reveal.ui-panel-position-right {
	right: 0;
}

/* push */
.ui-panel-display-push {
	width: 0;
	overflow: hidden;
}
.ui-panel-display-push.ui-panel-position-left {
	float: left;
}
.ui-panel-display-push.ui-panel-position-right {
	float: right;
}
.ui-panel-open.ui-panel-display-push {
	width: 80%;
}


/* Shift  transition 

.ui-panel-positioning .ui-panel-content-wrap.panel-shift-left{
	left:80%;
}
.ui-panel-positioning .ui-panel-content-wrap.panel-shift-right{
	right:80%;
}
.ui-panel-transforms .ui-panel-content-wrap.panel-shift-left {
	-webkit-transform: translateX(80%);
	-moz-transform: translateX(80%);
	-ms-transform: translateX(80%);
	-o-transform: translateX(80%);
	transform: translateX(80%);
}
.ui-panel-transforms .ui-panel-content-wrap.panel-shift-right {
	-webkit-transform: translateX(-80%);
	-moz-transform: translateX(-80%);
	-ms-transform: translateX(-80%);
	-o-transform: translateX(-80%);
	transform: translateX(-80%);
}

/* Reveal transition 
<commit_msg>Reveal panel stays in one position the entire time. Content wrap needs background to hide it<commit_after>
.ui-panel{
	width: 80%;
	height: 100%;
	border:0;
	max-width: 28em;
}
.ui-panel-open,
.ui-panel-open *,
.ui-panel-open + *,
.ui-panel-open + * * {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.ui-panel-open-complete,
.ui-panel-open-complete *,
.ui-panel-open-complete + *,
.ui-panel-open-complete + * * {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}
.ui-panel,
.ui-panel-dismiss {
	z-index: 99999;
	-webkit-transition: width 250ms ease, left 250ms ease, right 250ms ease;
	-moz-transition: width 250ms ease, left 250ms ease, right 250ms ease;
	-o-transition: width 250ms ease, left 250ms ease, right 250ms ease;
	-ms-transition: width 250ms ease, left 250ms ease, right 250ms ease;
	transition: width 250ms ease, left 250ms ease, right 250ms ease;
}

/* display and reveal */
.ui-panel-display-overlay,
.ui-panel-display-reveal {
	position: absolute;
}

.ui-panel-display-reveal{
	z-index: 0;
}

.ui-panel-display-overlay.ui-panel-position-left{
	left: -80%;
}
.ui-panel-open.ui-panel-display-overlay.ui-panel-position-left,
.ui-panel-display-reveal.ui-panel-position-left{
	left: 0;
}
.ui-panel-display-overlay.ui-panel-position-right{
	right: -80%;
}
.ui-panel-open.ui-panel-display-overlay.ui-panel-position-right,
.ui-panel-display-reveal.ui-panel-position-right{
	right: 0;
}

/* push */
.ui-panel-display-push {
	width: 0;
	overflow: hidden;
}
.ui-panel-display-push.ui-panel-position-left {
	float: left;
}
.ui-panel-display-push.ui-panel-position-right {
	float: right;
}
.ui-panel-open.ui-panel-display-push {
	width: 80%;
}


/* content-wrap */

.ui-panel-content-wrap{
	position: relative;
	background: inherit;
}
/* Shift  transition 

.ui-panel-positioning .ui-panel-content-wrap.panel-shift-left{
	left:80%;
}
.ui-panel-positioning .ui-panel-content-wrap.panel-shift-right{
	right:80%;
}
.ui-panel-transforms .ui-panel-content-wrap.panel-shift-left {
	-webkit-transform: translateX(80%);
	-moz-transform: translateX(80%);
	-ms-transform: translateX(80%);
	-o-transform: translateX(80%);
	transform: translateX(80%);
}
.ui-panel-transforms .ui-panel-content-wrap.panel-shift-right {
	-webkit-transform: translateX(-80%);
	-moz-transform: translateX(-80%);
	-ms-transform: translateX(-80%);
	-o-transform: translateX(-80%);
	transform: translateX(-80%);
}

/* Reveal transition 

{'fraction_non_alphanumeric': 0.17862001943634598, 'fraction_numerical': 0.043343051506316815, 'mean_word_length': 3.9056244041944708, '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': '6630094', 'n_tokens_mistral': 2186, 'n_tokens_neox': 1964, 'n_words': 368}