<commit_before>/* Modals */
 .modal-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    pointer-events:none;
    visibility: hidden;
    z-index: 1000;
    -webkit-transition: opacity 0.3s ease-in-out;
}

.modal-overlay.active {
    visibility: visible;
    pointer-events: all;
    opacity: 0.4;
}

.nofade.active ~ .modal-overlay {
    background-color: transparent;
}


/* popover */
 .popover {
    position: absolute;
    width: 280px;
    height: auto;
    background-color: white;
    border-radius: 7px;
    z-index: 1100;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.1s ease-in-out;
}
.popover.active {
    position: absolute;
    opacity: 1;
    pointer-events: all;
}
.popover button {
    display: block;
    width: 280px;
    border: none;
    border-bottom: 1px solid #c8c7cc;
    margin:0;
    padding: 10px;
    height: auto;
}
.popover button:last-child {
    border: none;
}

.poparrow {
width: 26px;
height: 12px;
position: absolute;
left: 0px;
top: 0;
z-index: 100;
overflow: hidden;
}

.up .poparrow {
bottom: -12px;
top:auto;
}

.down .poparrow {
top:-12px;
bottom: auto;
}

.left .poparrow {
right: -12px;
left:auto;
width: 12px;
height: 26px;
}

.right .poparrow {
left:-12px;
right: auto;
width: 12px;
height: 26px;
}


.poparrow:after {
content: ' ';
background: #fff;
width: 26px;
height: 26px;
position: absolute;
left: 0;
top: 0;
border-radius: 3px;
-webkit-transform: rotate(45deg);
}

.popover.up .poparrow:after {
top:-19px;
}

.popover.down .poparrow:after {
top:5px;
}

.popover.left .poparrow:after {
left:-19px;
}

.popover.right .poparrow:after {
left:5px;
}



/* popup */
 .popup {
    position: absolute;
    background-color: #efeff4;
    width: 630px;
    height: 630px;
    left: 50%;
    top: 50%;
    margin-left: -315px;
    margin-top: -315px;
    z-index: 1100;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -webkit-transform: translate(0, 150%);
}
.popup.active {
    display: block;
    position: absolute;
    -webkit-transform: translate(0, 0);
}

@media (max-width: 630px) {
 .popup {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: translate(0, 101%);
}

}


/* sidepanel */

 .sidepanel {
    position: absolute;
    display: none;
    top:0;
    bottom: 0;
    width: 260px;
    z-index: 1100;
}


/*

.sidepanel.active {
    display: block;
    -webkit-transform: translate(0, 0);
}
*/

.sidepanel .navbar {
    background: #000;
    border-bottom: 1px solid #333;
    color: white;
}


.sidepanel .navbar h1{
background-color: transparent;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
text-align: center;<commit_msg>stop side panel showing briefly without properly defined position<commit_after>/* Modals */
 .modal-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    pointer-events:none;
    visibility: hidden;
    z-index: 1000;
    -webkit-transition: opacity 0.3s ease-in-out;
}

.modal-overlay.active {
    visibility: visible;
    pointer-events: all;
    opacity: 0.4;
}

.nofade.active ~ .modal-overlay {
    background-color: transparent;
}


/* popover */
 .popover {
    position: absolute;
    width: 280px;
    height: auto;
    background-color: white;
    border-radius: 7px;
    z-index: 1100;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.1s ease-in-out;
}
.popover.active {
    position: absolute;
    opacity: 1;
    pointer-events: all;
}
.popover button {
    display: block;
    width: 280px;
    border: none;
    border-bottom: 1px solid #c8c7cc;
    margin:0;
    padding: 10px;
    height: auto;
}
.popover button:last-child {
    border: none;
}

.poparrow {
width: 26px;
height: 12px;
position: absolute;
left: 0px;
top: 0;
z-index: 100;
overflow: hidden;
}

.up .poparrow {
bottom: -12px;
top:auto;
}

.down .poparrow {
top:-12px;
bottom: auto;
}

.left .poparrow {
right: -12px;
left:auto;
width: 12px;
height: 26px;
}

.right .poparrow {
left:-12px;
right: auto;
width: 12px;
height: 26px;
}


.poparrow:after {
content: ' ';
background: #fff;
width: 26px;
height: 26px;
position: absolute;
left: 0;
top: 0;
border-radius: 3px;
-webkit-transform: rotate(45deg);
}

.popover.up .poparrow:after {
top:-19px;
}

.popover.down .poparrow:after {
top:5px;
}

.popover.left .poparrow:after {
left:-19px;
}

.popover.right .poparrow:after {
left:5px;
}



/* popup */
 .popup {
    position: absolute;
    background-color: #efeff4;
    width: 630px;
    height: 630px;
    left: 50%;
    top: 50%;
    margin-left: -315px;
    margin-top: -315px;
    z-index: 1100;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -webkit-transform: translate(0, 150%);
}
.popup.active {
    display: block;
    position: absolute;
    -webkit-transform: translate(0, 0);
}

@media (max-width: 630px) {
 .popup {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: translate(0, 101%);
}

}


/* sidepanel */

 .sidepanel {
    position: absolute;
    display: none;
    top:0;
    bottom: 0;
    width: 260px;
    z-index: 1100;    
    left: 0px;
right: auto;
}

.sidepanel.right {
    right: 0px;
left: auto;
}

.sidepanel.left {
    left: 0px;
right: auto;
}


/*

.sidepanel.active {
    display: block;
    -webkit-transform: translate(0, 0);
}
*/

.sidepanel .navbar {
    background: #000;
    border-bottom: 1px solid #333;
    color: white;
}


.sidepanel .navbar h1{
background-color: transparent;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
text-align: center;
{'fraction_non_alphanumeric': 0.1528331311731069, 'fraction_numerical': 0.051117657251776125, 'mean_word_length': 2.7799607072691552, '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': '1732576', 'n_tokens_mistral': 2479, 'n_tokens_neox': 2194, 'n_words': 541}