/* body { margin: 0; padding: 30px; background: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased;}
main { max-width: 920px;}
header { display: flex; justify-content: space-between; flex-wrap: wrap;}
h1 { font-size: 18px; font-weight: 500; margin-top: 0; color: #000;}
header h1 a { font-size: 18px; font-weight: 500; margin-top: 0; color: #000;}
h1 i { font-style: normal;}
ul { margin: 0 0 0 -2px; padding: 20px 0 0 0;}
ul li { list-style: none; font-size: 14px; display: flex; justify-content: space-between;}
.path_url[data-title="/"]::before {  content: "<-";  display: inline;}
ul a.file[data-title$="/"]::before { content: url("data:image/svg+xml;utf8,<svg width=\'15\' height=\'19\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M13.5 3V5H2.5V1.5H6L7.33333 2.5C7.76607 2.82456 8.29241 3 8.83333 3H13.5ZM1 5V1.5V0H2.5H6.16667C6.38304 0 6.59357 0.0701779 6.76667 0.2L8.23333 1.3C8.40643 1.42982 8.61696 1.5 8.83333 1.5H13.5H15V3V5H16L15.8333 6.5L15.2471 11.7761C15.1064 13.0422 14.0363 14 12.7624 14H10V12.5H12.7624C13.2719 12.5 13.7 12.1169 13.7563 11.6104L14.3241 6.5H14H10H2H1.6759H0.166667L0 5H1ZM1.06066 9H1.81066H6.0595C6.61178 9 7.0595 9.44772 7.0595 10V14.25V15H5.5595V14.25V11.5618L1.59099 15.5303L1.06066 16.0607L0 15L0.53033 14.4697L4.5 10.5H1.81066H1.06066V9Z\' fill=\'black\'/></svg>");}
ul a.file[data-title$=".html"]::before { content: url("data:image/svg+xml;utf8,<svg width=\'15\' height=\'19\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M14.5 13.5V6.5V5.41421C14.5 5.149 14.3946 4.89464 14.2071 4.70711L9.79289 0.292893C9.60536 0.105357 9.351 0 9.08579 0H8H3H1.5V1.5V13.5C1.5 14.8807 2.61929 16 4 16H12C13.3807 16 14.5 14.8807 14.5 13.5ZM13 13.5V6.5H9.5H8V5V1.5H3V13.5C3 14.0523 3.44772 14.5 4 14.5H12C12.5523 14.5 13 14.0523 13 13.5ZM9.5 5V2.12132L12.3787 5H9.5ZM5.13 5.00062H4.505V6.25062H5.13H6H6.625V5.00062H6H5.13ZM4.505 8H5.13H11H11.625V9.25H11H5.13H4.505V8ZM5.13 11H4.505V12.25H5.13H11H11.625V11H11H5.13Z\' fill=\'black\'/></svg>");}
ul a.file:is([data-ext="css"],[data-ext="js"])::before {content: attr(data-ext);font-size: 10px;border: 1px solid;height: 10px;vertical-align: bottom;text-align: right;padding-top: 10px;width: 18px;padding-right: 2px;padding-bottom: 3px;background: #000;color: #FFF;font-weight: bold; }
ul a:hover { text-decoration: underline;}
#files_link {float: left;display: block;clear: both;}
#pathpaths {  float: none;  margin-top: -10px;  margin-left: -20px;}
#files_link_wrap {  float: left;}
#files_link_wrap {margin-top: -45px;margin-left: -20px;}
ul, ul li {display: block !important;}
#files_code {float: left;display: inline-block;font-size: 12px;margin-left: 12px;}
a { text-decoration: none;}

ul a { color: #000; padding: 10px 5px; margin: 0 -5px; white-space: nowrap; overflow: hidden; display: block; width: 100%; text-overflow: ellipsis;}
header h1 a,h1 a,#files_link,header a { color: #0076FF!important; font-size: 11px; font-weight: 400; display: inline-block; line-height: 20px;}
svg { height: 13px; vertical-align: text-bottom;}
ul a::before { display: inline-block; vertical-align: middle; margin-right: 10px; width: 24px; text-align: center; line-height: 12px;}
ul a.file {font-size: 19px;}
ul a.file::before { content: url("data:image/svg+xml;utf8,<svg width=\'15\' height=\'19\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M10 8C8.34 8 7 6.66 7 5V1H3c-1.1 0-2 .9-2 2v13c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2V8h-4zM8 5c0 1.1.9 2 2 2h3.59L8 1.41V5zM3 0h5l7 7v9c0 1.66-1.34 3-3 3H3c-1.66 0-3-1.34-3-3V3c0-1.66 1.34-3 3-3z\' fill=\'black\'/></svg>");}
ul a:hover { text-decoration: underline;}
ul a.folder::before { content: url("data:image/svg+xml;utf8,<svg width=\'20\' height=\'16\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M18.784 3.87a1.565 1.565 0 0 0-.565-.356V2.426c0-.648-.523-1.171-1.15-1.171H8.996L7.908.25A.89.89 0 0 0 7.302 0H2.094C1.445 0 .944.523.944 1.171v2.3c-.21.085-.398.21-.565.356a1.348 1.348 0 0 0-.377 1.004l.398 9.83C.42 15.393 1.048 16 1.8 16h15.583c.753 0 1.36-.586 1.4-1.339l.398-9.83c.021-.313-.125-.69-.397-.962zM1.843 3.41V1.191c0-.146.104-.272.25-.272H7.26l1.234 1.088c.083.042.167.104.293.104h8.282c.125 0 .25.126.25.272V3.41H1.844zm15.54 11.712H1.78a.47.47 0 0 1-.481-.46l-.397-9.83c0-.147.041-.252.125-.356a.504.504 0 0 1 .377-.147H17.78c.125 0 .272.063.377.147.083.083.125.209.125.334l-.418 9.83c-.021.272-.23.482-.481.482z\' fill=\'black\'/></svg>");}
ul a.lambda::before { content: url("data:image/svg+xml; utf8,<svg width=\'15\' height=\'19\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M3.5 14.4354H5.31622L7.30541 9.81311H7.43514L8.65315 13.0797C9.05676 14.1643 9.55405 14.5 10.7 14.5C11.0171 14.5 11.291 14.4677 11.5 14.4032V13.1572C11.3847 13.1766 11.2622 13.2024 11.1541 13.2024C10.6351 13.2024 10.3829 13.0281 10.1595 12.4664L8.02613 7.07586C7.21171 5.01646 6.54865 4.5 5.11441 4.5C4.83333 4.5 4.62432 4.53228 4.37207 4.59038V5.83635C4.56667 5.81052 4.66036 5.79761 4.77568 5.79761C5.64775 5.79761 5.9 6.0042 6.4045 7.19852L6.64234 7.77954L3.5 14.4354Z\' fill=\'black\'/><rect x=\'0.5\' y=\'0.5\' width=\'14\' height=\'18\' rx=\'2.5\' stroke=\'black\'/></svg>");}
ul a.file.gif::before,ul a.file.jpg::before,ul a.file.png::before,ul a.file.svg::before { content: url("data:image/svg+xml;utf8,<svg width=\'16\' height=\'16\' viewBox=\'0 0 80 80\' xmlns=\'http://www.w3.org/2000/svg\' fill=\'none\' stroke=\'black\' stroke-width=\'5\' stroke-linecap=\'round\' stroke-linejoin=\'round\'><rect x=\'6\' y=\'6\' width=\'68\' height=\'68\' rx=\'5\' ry=\'5\'/><circle cx=\'24\' cy=\'24\' r=\'8\'/><path d=\'M73 49L59 34 37 52m16 20L27 42 7 58\'/></svg>");}
::selection { background-color: #79FFE1; color: #000;}
::-moz-selection { background-color: #79FFE1; color: #000;}
@media (min-width: 768px) { ul {display: flex;flex-wrap: wrap; } ul li {width: 230px;padding-right: 20px; }}
@media (min-width: 992px) { body {padding: 45px; } h1, header h1 a {font-size: 15px; } ul li {font-size: 13px;box-sizing: border-box;justify-content: flex-start; }} */

.file_code_link:before,
#files_link:before,
a#files_code::before {
  content: "";
  background-size: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 19px;
  height: 15px; 
  display: inline-block;
  position: absolute;
  margin-left: -19px;
}
a#files_link::before {
background-image: url('data:image/svg+xml,<svg fill="%23000000" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M11.875 9.719h9.531c0.531 0 1 0.469 1 1v13.219c0 0.531-0.469 0.969-1 0.969h-20.406c-0.531 0-1-0.438-1-0.969v-13.219c0-0.531 0.469-1 1-1h1.063l0.5-1.656c0-0.531 0.469-1 1-1h6.813c0.531 0 1 0.469 1 1z"></path></svg>');
}
.file_code_link:before,
#files_code::before {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="256" height="256" aria-hidden="true"><path d="M8 10L6 12L8 14" stroke="%23000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/><path d="M16 10L18 12L16 14" stroke="%23000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/><circle cx="12" cy="12" r="9.5" stroke="%23000" stroke-width="1.5" fill="none"/></svg>');
background-size: 18px;
  background-position: -1px 1px;
  height: 22px;
}
#files_link_wrap a {
  padding-left: 9px;
}
#files_code {
  font-size: 18px;
  margin-left: 37px;
  font-weight: bold;
  padding-left: 5px;
}
a#files_code::before {
  height: 30px;
  margin-left: -52px;
  margin-top: 1px;
} 

ul a.file {
  display: inline-block;
}
.file_code_link {
  display: inline-block !important;
  padding: 0;
  height: 0;
  margin: 4px 0 4px;
}

.file_code_link::before {
  background-size: 20px;
  background-position: 0px 1px;
  position: absolute;
  left: 65px;
}
ul#files {
  padding-left: 10px;
  padding-top: 0;
    margin: 20px 0 0 -2px;
}
.file_code_link.is_file {
  display: none !important;
}

.file {
  padding-left: 20px;
}

li[data-index="0"] .file_code_link.is_folder::before {
  left: 42px;
}
li[data-index="0"] .file_code_link.is_folder + a {
  padding-left: 0;
  margin-left: -8px;
}

li:not([data-index="0"]) .file_code_link.is_folder + a {
  margin-left: 27px !important;
  margin-top: -20px;
  margin-right: 0px !important;
}
li:not([data-index="0"]) .file_code_link.is_folder::before {
  left: 91px
}
li:not([data-index="0"]) .file_code_link.is_folder + a::before {
  margin: 0 0 0 3px;
  content: url('data:image/svg+xml,<svg fill="%23000000" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M11.875 9.719h9.531c0.531 0 1 0.469 1 1v13.219c0 0.531-0.469 0.969-1 0.969h-20.406c-0.531 0-1-0.438-1-0.969v-13.219c0-0.531 0.469-1 1-1h1.063l0.5-1.656c0-0.531 0.469-1 1-1h6.813c0.531 0 1 0.469 1 1z"></path></svg>');
  height: 31px;
  width: 28px;
}

#files_code svg {
  margin-left: -27px;
  height: 28px;
  position: absolute;
  margin-top: -4px;
}

li[data-index="0"] a.file {
  padding-bottom: 0px;
  margin-left: -55px;
  margin-top: -20px;
  margin-bottom: 10px;
}
#files_code {
  text-decoration: none;
}

#files_link_wrap {
  float: none;
}
main {
  max-width: none;
}

#git_url {
  float: right;
}

:is(#pathpaths,#files_link_wrap) a {
  font-size: 15px;
}

/* Inline | https://code.vincent-bonnefille.fr/plain-html-redo/ */

#home {
  /* display: inline flow-root list-item; */
  float: left;
  padding: 0 !important;
  display: inline-block;
  list-style: none;
}

#files_link {
  /* display: inline flow-root list-item; */
  /* margin-top: inline-block !important; */
  float: none;
  display: inline list-item;
  margin-top: -20px;
  margin-left: 10px;
}