/*------------------------------------*\
    Nginxy
    by @lfelipe1501

    Theme name: Nginxy
    Theme author: @lfelipe1501
\*------------------------------------*/
@import url('//fonts.googleapis.com/css?family=Open+Sans');
/* Have to use @import for the font, as you can only specify a single stylesheet */
* {
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
           box-sizing: border-box; 
}

html {
    min-height:100%;
    font-weight:300;
    font-size:1em;
    font-family:system, -apple-system, ".SFNSDisplay-Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height:2em;
}
body {
    max-width:900px;
    margin: 0 auto;
    -webkit-backface-visibility:hidden;
    background: #ffffff;
    color: #808080;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

a {
    color:#656565;
    text-decoration:none;
}

.icons {
	/*margin: 3px 5px 3px 5px;*/
	height: 23px;
	width: 24px;
}
/*------------------------------------*\
    Wrapper
\*------------------------------------*/
.wrapper {
    margin:0 auto;
    padding-top:20px;
    max-width:800px;
}
/*------------------------------------*\
    Demo block
\*------------------------------------*/
h1 {
    font-weight:200;
    text-align:center;
    font-size:1.4em;
    line-height:3em;
    font-family:'Museo Slab','Open Sans',monospace;
}
a.clear, a.clear:link, a.clear:visited {
    padding:2px 0 2px 0;
    font-weight: 400;
    font-size: 14px;
    margin:0px 0 0 20px;
    line-height: 14px;
    display: inline-block;
    border-bottom: transparent 1px solid;
    vertical-align: -10px;
    -webkit-transition:all 300ms ease-in;
       -moz-transition:all 300ms ease-in;
        -ms-transition:all 300ms ease-in;
         -o-transition:all 300ms ease-in;
            transition:all 300ms ease-in;
}
a.clear:hover {
    text-decoration: none;
    cursor: pointer;
}
/*------------------------------------*\
    Table (directory listing)
\*------------------------------------*/
table {
    border-collapse:collapse;
    font-size:.875em;
    max-width:100%;
    margin:20px auto 0px auto;
}
tr {
    outline:0;
    border:0;
}
tr:hover td {
    background:#f9f9f9;
}
th {
    text-align:left;
    font-size:1em;
    padding-right:20px;
    width:85%;
}
/* 2nd Column: Filename */
th + th {
    width:10%;
    padding-left:0px;
    padding-right:0px;
    min-width:100px;
}
/* 3rd Column: Last Modified */
th + th + th {
    width:20%;
}
/* 4th Column: Size */
th + th + th + th {
    width:5%;
}
tr td:first-of-type {
    #padding-left:10px;
    padding-right:10px;
}
th:first-of-type {
    padding-left:10px;
}
td {
    padding:3px 0;
    outline:0;
    border:0;
    border-bottom:1px solid #dedede;
    vertical-align:middle;
    text-align:left;
    -webkit-transition:background 300ms ease-in;
       -moz-transition:background 300ms ease-in;
        -ms-transition:background 300ms ease-in;
         -o-transition:background 300ms ease-in;
            transition:background 300ms ease-in;
}
td:last-child, th:last-child {
    text-align:right;
    min-width:150px;
}
th:last-child {
    padding-right:5px;
}
td:last-child {
    padding-right:10px;
}
td a{
    display: block;
}
tr.parent a {
    color:#9099A3;
}
/*------------------------------------*\
    Footer
\*------------------------------------*/

#footer{
    margin-top: 20px;
    font-size: 12px;
    display: block;
    margin: auto;
    text-align: center;
}

.footer {
    text-align:center;
    font-size:.75em;
    margin-top:50px;
}

.text-center{
	margin-bottom: 20px;
}

#repo-docs {
    margin: 24px auto 8px auto;
    padding: 18px 20px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    background: #fafafa;
    color: #5b5b5b;
    line-height: 1.55;
}

#repo-docs h2 {
    margin: 0 0 10px 0;
    font-size: 1.15em;
    font-weight: 600;
    color: #444;
}

#repo-docs h3 {
    margin: 16px 0 6px 0;
    font-size: 1em;
    font-weight: 600;
    color: #4d4d4d;
}

#repo-docs p {
    margin: 6px 0;
}

#repo-docs ul {
    margin: 8px 0 8px 20px;
}

#repo-docs li {
    margin: 4px 0;
}

#repo-docs code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.95em;
    background: #f0f0f0;
    padding: 1px 4px;
    border-radius: 4px;
}

#repo-docs pre {
    margin: 8px 0 12px 0;
    padding: 10px 12px;
    background: #1e1e1e;
    color: #f4f4f4;
    border-radius: 6px;
    overflow-x: auto;
    line-height: 1.4;
    font-size: 0.9em;
}

#repo-docs .repo-docs-note {
    margin-top: 10px;
    font-size: 0.92em;
    color: #666;
}

#repo-docs {
    margin: 24px auto 8px auto;
    padding: 18px 20px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    background: #fafafa;
    color: #5b5b5b;
    line-height: 1.55;
}

#repo-docs h2 {
    margin: 0 0 10px 0;
    font-size: 1.15em;
    font-weight: 600;
    color: #444;
}

#repo-docs h3 {
    margin: 10px 0 6px 0;
    font-size: 1em;
    font-weight: 600;
    color: #4d4d4d;
}

#repo-docs p {
    margin: 6px 0;
}

#repo-docs ul {
    margin: 8px 0 8px 20px;
}

#repo-docs li {
    margin: 4px 0;
}

#repo-docs code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.95em;
    background: #f0f0f0;
    padding: 1px 4px;
    border-radius: 4px;
}

#repo-docs pre {
    margin: 8px 0 12px 0;
    padding: 10px 12px;
    background: #1e1e1e;
    color: #f4f4f4;
    border-radius: 6px;
    overflow-x: auto;
    line-height: 1.4;
    font-size: 0.9em;
}

#repo-docs .repo-docs-note {
    margin-top: 10px;
    font-size: 0.92em;
    color: #666;
}

#repo-docs .repo-tabs-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 10px 0 12px 0;
}

#repo-docs .repo-tab-btn {
    border: 1px solid #d8d8d8;
    background: #ffffff;
    color: #555;
    border-radius: 999px;
    padding: 6px 12px;
    line-height: 1.2;
    cursor: pointer;
    font-size: 0.88em;
}

#repo-docs .repo-tab-btn:hover {
    background: #f3f3f3;
}

#repo-docs .repo-tab-btn.is-active {
    border-color: #555;
    background: #555;
    color: #fff;
}

#repo-docs .repo-tab-panel {
    display: none;
}

#repo-docs .repo-tab-panel.is-active {
    display: block;
}

#repo-docs .repo-pre-wrap {
    position: relative;
}

#repo-docs .repo-copy-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #666;
    background: #2b2b2b;
    color: #fff;
    border-radius: 4px;
    padding: 3px 8px;
    font-size: 0.78em;
    line-height: 1.2;
    cursor: pointer;
    opacity: 0.92;
}

#repo-docs .repo-copy-btn:hover {
    opacity: 1;
}

#repo-docs .repo-pre-wrap pre {
    padding-top: 34px;
}

#repo-docs .repo-docs-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

#repo-docs .repo-theme-btn {
    border: 1px solid #5e5e5e;
    background: #2b2b2b;
    color: #fff;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 0.82em;
    line-height: 1.2;
    cursor: pointer;
}

#repo-docs .repo-theme-btn:hover {
    opacity: 0.9;
}

/* Dark mode (default) */
html[data-theme='dark'] body {
    background: #121417;
    color: #aeb4be;
}

html[data-theme='dark'] a {
    color: #c8d3e3;
}

html[data-theme='dark'] tr:hover td {
    background: #1a1f26;
}

html[data-theme='dark'] td {
    border-bottom-color: #2a303a;
}

html[data-theme='dark'] #footer {
    color: #8892a3;
}

html[data-theme='dark'] #repo-docs {
    background: #171b22;
    border-color: #2a303a;
    color: #aeb4be;
}

html[data-theme='dark'] #repo-docs h2,
html[data-theme='dark'] #repo-docs h3 {
    color: #e3e8f0;
}

html[data-theme='dark'] #repo-docs code {
    background: #2a303a;
    color: #e8edf5;
}

html[data-theme='dark'] #repo-docs .repo-docs-note {
    color: #90a0b6;
}

html[data-theme='dark'] #repo-docs .repo-tab-btn {
    border-color: #394353;
    background: #1f2530;
    color: #d7dfec;
}

html[data-theme='dark'] #repo-docs .repo-tab-btn.is-active {
    border-color: #d7dfec;
    background: #d7dfec;
    color: #1a1f26;
}

html[data-theme='dark'] #repo-docs .repo-theme-btn {
    border-color: #8ea0ba;
    background: #d7dfec;
    color: #1a1f26;
}

/* Light mode overrides */
html[data-theme='light'] body {
    background: #ffffff;
    color: #808080;
}

html[data-theme='light'] a {
    color: #656565;
}

html[data-theme='light'] tr:hover td {
    background: #f9f9f9;
}

html[data-theme='light'] td {
    border-bottom-color: #dedede;
}

html[data-theme='light'] #repo-docs {
    background: #fafafa;
    border-color: #e6e6e6;
    color: #5b5b5b;
}

html[data-theme='light'] #repo-docs h2,
html[data-theme='light'] #repo-docs h3 {
    color: #444;
}

html[data-theme='light'] #repo-docs code {
    background: #f0f0f0;
    color: #333;
}

html[data-theme='light'] #repo-docs .repo-tab-btn {
    border-color: #d8d8d8;
    background: #ffffff;
    color: #555;
}

html[data-theme='light'] #repo-docs .repo-tab-btn.is-active {
    border-color: #555;
    background: #555;
    color: #fff;
}

html[data-theme='light'] #repo-docs .repo-theme-btn {
    border-color: #d8d8d8;
    background: #ffffff;
    color: #555;
}

#repo-autogen-block {
    margin-top: 14px;
}

#repo-autogen-content table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 8px;
    font-size: 0.92em;
}

#repo-autogen-content th,
#repo-autogen-content td {
    border-bottom: 1px solid #2a303a;
    padding: 8px 6px;
    text-align: left;
    vertical-align: top;
}

#repo-autogen-content th {
    font-weight: 600;
}

#repo-autogen-content code {
    display: inline-block;
    line-height: 1.35;
}

html[data-theme='light'] #repo-autogen-content th,
html[data-theme='light'] #repo-autogen-content td {
    border-bottom-color: #e6e6e6;
}

/* Logos of the repositories' projects, between the file list and "Repository Usage" */
.repo-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin: 24px auto 0 auto;
}

.repo-logos .repo-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 116px;
    padding: 14px 8px 12px 8px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    background: #fafafa;
    color: #3d3d3d;
    text-decoration: none;
    text-align: center;
    line-height: 1.3;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.repo-logos .repo-logo:hover,
.repo-logos .repo-logo:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

/* Every logo on the same white tile, whatever the theme: Debian's red and Janus's black stay readable */
.repo-logos .repo-logo-icon {
    width: 48px;
    height: 48px;
    padding: 6px;
    object-fit: contain;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}

/* The page's own rules give links a tall line height: keep the tiles compact */
.repo-logos .repo-logo span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1.3;
}

.repo-logos .repo-logo-name {
    margin-top: 4px;
    font-weight: 600;
    font-size: 0.95em;
}

.repo-logos .repo-logo-versions {
    font-size: 0.78em;
    color: #777777;
}

html[data-theme='dark'] .repo-logos .repo-logo {
    background: #171b22;
    border-color: #2a303a;
    color: #d6dae0;
}

html[data-theme='dark'] .repo-logos .repo-logo-versions {
    color: #9198a1;
}

html[data-theme='dark'] .repo-logos .repo-logo:hover,
html[data-theme='dark'] .repo-logos .repo-logo:focus-visible {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45);
}

@media (prefers-reduced-motion: reduce) {
    .repo-logos .repo-logo {
        transition: none;
    }
}

/* "Other mirrors": the row's title and the CTAN lion's credit take a line of their own */
#repo-mirrors {
    margin-top: 12px;
}

.repo-logos .repo-logos-title,
.repo-logos .repo-logos-credit {
    flex-basis: 100%;
    margin: 0;
    text-align: center;
    font-size: 0.85em;
    color: #777777;
}

.repo-logos .repo-logos-title {
    font-weight: 600;
    letter-spacing: 0.02em;
}

.repo-logos .repo-logos-credit {
    font-size: 0.72em;
}

html[data-theme='dark'] .repo-logos .repo-logos-title,
html[data-theme='dark'] .repo-logos .repo-logos-credit {
    color: #9198a1;
}

.repo-logos .repo-logo-name span {
    display: inline;
}

.repo-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}