<commit_before>.menu {
   display: -webkit-flex;
   display: flex;
   min-height:75px;
   font-family: 'Roboto', sans-serif;
   font-size:17.5pt;
   justify-content: center;
   width:100%;
}

.menu-toggled {
   display:none !important;
}

/*@media all and (max-width: 1100px) {*/
/*   .menu {*/
/*      display: none;*/
/*   }*/
/*   .menu-toggled {*/
/*      display:flex !important;*/
/*   }*/
/*}*/

#menu-logo {
   -webkit-flex: 0 0 325px;
   flex: 0 0 325px;
   background:#82bf2b;
   color:white;
   border:0px;
}

#menu-logo-content:after {
   content: "Algoréa";
}

#menu-else {
   -webkit-flex: 1 1 auto;
   flex: 1 1 auto;
   display: -webkit-flex;
   display:flex;
   flex-direction:row;
   flex-wrap:wrap;
   justify-content:space-between;
}

.menu-item {
   display: -webkit-flex;
   display:flex;
   -webkit-flex-direction:column;
   flex-direction:column;
   background: #e8e8e8;
   -webkit-flex: 1 0 140px;
   flex: 1 0 140px;
   justify-content:space-around;
   border-left: 1px solid #d9d9d9;
   border-right: 1px solid #d9d9d9;
   color: #5d5d5d;
   cursor:pointer;
}

.menu-item-content {
   text-align: center;
}

#userinfo {
   position: relative;
   overflow:visible;
   text-align:center;
   -webkit-flex: 0 0 258px;
   flex: 0 0 258px;
   background:#878787;
   color:white;
   border:0px;
}
#loginFrame {
   z-index:5;
   position: absolute;
   margin-left:auto;
   margin-right:auto;
   top:50px;
   right:0px;
   background:#878787;
   width:260px;
   overflow: hidden;
   border: 0px solid;
   box-shadow:         0px 0px 0px;
}

@media all and (max-width: 1100px)  and (min-width: 700px) {
   .menu-item {
      -webkit-flex-basis:200px;
      flex-basis:200px;
   }
   #menu-logo {
      -webkit-flex-basis:250px;
      flex-basis:250px;
   }
   .menu {
      align-items: stretch;
   }
   .menu-item-content {
   }
   #loginFrame {
      width:160px;
      top:32px;
   }
   #userinfo {
      -webkit-flex-basis:200px;
      flex-basis:200px;
      overflow:hidden;
      text-overflow:ellipsis;
   }
   #userinfocontainer {
      -webkit-flex-basis:200px;
      flex-basis:200px;
   }
}

@media all and (max-width: 700px) {
   #menu-logo {
      -webkit-flex-basis:37px;
      flex-basis:37px;
      width:100%;
   }
   .menu {
      -webkit-flex-direction:column;
      flex-direction:column;
   }
   #loginFrame {
      width:160px;
      top:32px;
   }
}

.menu-item-icon {
   position:relative;
   top:4px;
}

.menu-item-active {
   background: #2aa3ff !important;
   color:white !important;
}

.menu-item-login {
   background: #878787 !important;
   color:white !important;
}

#breadcrumbs {
   background:#2aa3ff;
   font-size:12pt;
   display: -webkit-flex;
   display: flex;
   justify-content: -webkit-flex-start;
   justify-content: flex-start;
   width:100%;
   -webkit-flex-wrap:wrap;
   flex-wrap:wrap;
   min-height:25px;
}

.breadcrumbs-item {
   height:25px;
   background:#2aa3ff;
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
   padding-right:10px;
}

.breadcrumbs-after-selected a {
   color: gray!important;
}

.breadcrumbs-item-active {
   color:white;
}

#breadcrumbs a {
   color:black;
}

#breadcrumbs>div>span>a:after
{
  content: '>';
}
#breadcrumbs>div>span>span:after
{
  content: '>';
}
#breadcrumbs>div:last-child>span>a:after
{
  content: '';
}
#breadcrumbs>div:last-child>span>span:after
{
  content: '';
}

.loginFrame-login {
   height:155px;
}
.loginFrame-logout {
   height:85px;
}
.userInfosLink {
   color: rgb(2, 118, 196) !important;
}

.main-right-arrow {
   position:fixed;
   right:260px;
   bottom:0px;
   height:48px;
   width:48px;
   background:#2aa3ff;
   color:white;
   box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
   z-index:2;
   text-align:center;
   display: -webkit-flex !important;
   display:flex !important;
   -webkit-flex-direction:column;
   flex-direction:column;
   justify-content:space-around;
   cursor:pointer;
   font-size:27pt !important;
}

.main-right-arrow-toggled {
   right:0px !important;
}

.main-up-arrow {
   position:fixed;
   right:260px;
   bottom:0px;
   height:48px;
   width:48px;
   background:#2aa3ff;
   color:white;
   box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
   z-index:2;
   text-align:center;
   display: -webkit-flex !important;
   display:flex !important;
   -webkit-flex-direction:column;
   flex-direction:column;
   justify-content:space-around;
   cursor:pointer;
   font-size:27pt !important;
}

.main-right-arrow-toggled {
   right:0px !important;
}

.main-left-arrow {
   position:fixed;
   transform: rotate(180deg);/* hack to get the arrow in the desired direction */
   left:325px;
   bottom:0px;
   height:48px;
   width:48px;
   background:#2aa3ff;
   color:white;
   box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
   z-index:2;
   text-align:center;
   cursor:pointer;
   display: -webkit-flex !important;
   display:flex!important;
   -webkit-flex-direction:column;
   flex-direction:column;
   justify-content:space-around;<commit_msg>other small css fixes for safari<commit_after>.menu {
   display: -webkit-flex;
   display: flex;
   min-height:75px;
   font-family: 'Roboto', sans-serif;
   font-size:17.5pt;
   justify-content: center;
   width:100%;
}

.menu-toggled {
   display:none !important;
}

/*@media all and (max-width: 1100px) {*/
/*   .menu {*/
/*      display: none;*/
/*   }*/
/*   .menu-toggled {*/
/*      display:flex !important;*/
/*   }*/
/*}*/

#menu-logo {
   -webkit-flex: 0 0 325px;
   flex: 0 0 325px;
   background:#82bf2b;
   color:white;
   border:0px;
}

#menu-logo-content:after {
   content: "Algoréa";
}

#menu-else {
   -webkit-flex: 1 1 auto;
   flex: 1 1 auto;
   display: -webkit-flex;
   display:flex;
   flex-direction:row;
   flex-wrap:wrap;
   justify-content:space-between;
}

.menu-item {
   display: -webkit-flex;
   display:flex;
   -webkit-flex-direction:column;
   flex-direction:column;
   background: #e8e8e8;
   -webkit-flex: 1 0 140px;
   flex: 1 0 140px;
   justify-content:space-around;
   border-left: 1px solid #d9d9d9;
   border-right: 1px solid #d9d9d9;
   color: #5d5d5d;
   cursor:pointer;
}

.menu-item-content {
   text-align: center;
}

#userinfo {
   position: relative;
   overflow:visible;
   text-align:center;
   -webkit-flex: 0 0 258px;
   flex: 0 0 258px;
   background:#878787;
   color:white;
   border:0px;
}
#loginFrame {
   z-index:5;
   position: absolute;
   margin-left:auto;
   margin-right:auto;
   top:50px;
   right:0px;
   background:#878787;
   width:260px;
   overflow: hidden;
   border: 0px solid;
   box-shadow:         0px 0px 0px;
}

@media all and (max-width: 1100px)  and (min-width: 700px) {
   .menu-item {
      -webkit-flex-basis:200px;
      flex-basis:200px;
   }
   #menu-logo {
      -webkit-flex-basis:250px;
      flex-basis:250px;
   }
   .menu {
      align-items: stretch;
   }
   .menu-item-content {
   }
   #loginFrame {
      width:160px;
      top:32px;
   }
   #userinfo {
      -webkit-flex-basis:200px;
      flex-basis:200px;
      overflow:hidden;
      text-overflow:ellipsis;
   }
   #userinfocontainer {
      -webkit-flex-basis:200px;
      flex-basis:200px;
   }
}

@media all and (max-width: 700px) {
   #menu-logo {
      -webkit-flex-basis:37px;
      flex-basis:37px;
      width:100%;
   }
   .menu {
      -webkit-flex-direction:column;
      flex-direction:column;
   }
   #loginFrame {
      width:160px;
      top:32px;
   }
}

.menu-item-icon {
   position:relative;
   top:4px;
}

.menu-item-active {
   background: #2aa3ff !important;
   color:white !important;
}

.menu-item-login {
   background: #878787 !important;
   color:white !important;
}

#breadcrumbs {
   background:#2aa3ff;
   font-size:12pt;
   display: -webkit-flex;
   display: flex;
   justify-content: -webkit-flex-start;
   justify-content: flex-start;
   width:100%;
   -webkit-flex-wrap:wrap;
   flex-wrap:wrap;
   min-height:25px;
}

.breadcrumbs-item {
   height:25px;
   background:#2aa3ff;
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
   padding-right:10px;
}

.breadcrumbs-after-selected a {
   color: gray!important;
}

.breadcrumbs-item-active {
   color:white;
}

#breadcrumbs a {
   color:black;
}

#breadcrumbs>div>span>a:after
{
  content: '>';
}
#breadcrumbs>div>span>span:after
{
  content: '>';
}
#breadcrumbs>div:last-child>span>a:after
{
  content: '';
}
#breadcrumbs>div:last-child>span>span:after
{
  content: '';
}

.loginFrame-login {
   height:155px;
}
.loginFrame-logout {
   height:85px;
}
.userInfosLink {
   color: rgb(2, 118, 196) !important;
}

.main-right-arrow {
   position:fixed;
   right:260px;
   bottom:0px;
   height:48px;
   width:48px;
   background:#2aa3ff;
   color:white;
   box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
   z-index:2;
   text-align:center;
   display: -webkit-flex !important;
   display:flex !important;
   -webkit-flex-direction:column;
   flex-direction:column;
   justify-content:space-around;
   -webkit-justify-content:space-around;
   cursor:pointer;
   font-size:27pt !important;
}

.main-right-arrow-toggled {
   right:0px !important;
}

.main-up-arrow {
   position:fixed;
   right:260px;
   bottom:0px;
   height:48px;
   width:48px;
   background:#2aa3ff;
   color:white;
   box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
   z-index:2;
   text-align:center;
   display: -webkit-flex !important;
   display:flex !important;
   -webkit-flex-direction:column;
   flex-direction:column;
   justify-content:space-around;
   -webkit-justify-content:space-around;
   cursor:pointer;
   font-size:27pt !important;
}

.main-right-arrow-toggled {
   right:0px !important;
}

.main-left-arrow {
   position:fixed;
   transform: rotate(180deg);/* hack to get the arrow in the desired direction */
   -webkit-transform: rotate(180deg);/* hack to get the arrow in the desired direction */
   left:325px;
   bottom:0px;
   height:48px;
   width:48px;
   background:#2aa3ff;
   color:white;
   box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
   z-index:2;
   text-align:center;
   cursor:pointer;
   display: -webkit-flex !important;
   display:flex!important;
   -webkit-flex-direction:column;
   flex-direction:column;
   justify-content:space-around;
   -webkit-justify-content:space-around;
{'fraction_non_alphanumeric': 0.15112047500478837, 'fraction_numerical': 0.05468301091744877, 'mean_word_length': 2.9156355455568055, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 31, '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': '569687', 'n_tokens_mistral': 4594, 'n_tokens_neox': 4140, 'n_words': 746}