/* h5ai v0.29.0 - https://larsjung.de/h5ai/ */ @charset "utf-8";  /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ html {   font-family: sans-serif;   line-height: 1.15;   -ms-text-size-adjust: 100%;   -webkit-text-size-adjust: 100%; }  body {   margin: 0; }  article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {   display: block; }  audio, canvas, progress, video {   display: inline-block; }  audio:not([controls]) {   display: none;   height: 0; }  progress {   vertical-align: baseline; }  template, [hidden] {   display: none; }  a {   background-color: transparent;   -webkit-text-decoration-skip: objects; }  a:active, a:hover {   outline-width: 0; }  abbr[title] {   border-bottom: 0;   text-decoration: underline;   text-decoration: underline dotted; }  b, strong {   font-weight: inherit; }  b, strong {   font-weight: bolder; }  dfn {   font-style: italic; }  h1 {   font-size: 2em;   margin: 0.67em 0; }  mark {   background-color: #ff0;   color: #000; }  small {   font-size: 80%; }  sub, sup {   font-size: 75%;   line-height: 0;   position: relative;   vertical-align: baseline; }  sub {   bottom: -0.25em; }  sup {   top: -0.5em; }  img {   border-style: none; }  svg:not(:root) {   overflow: hidden; }  code, kbd, pre, samp {   font-family: monospace, monospace;   font-size: 1em; }  figure {   margin: 1em 40px; }  hr {   box-sizing: content-box;   height: 0;   overflow: visible; }  button, input, optgroup, select, textarea {   font: inherit;   margin: 0; }  optgroup {   font-weight: bold; }  button, input {   overflow: visible; }  button, select {   text-transform: none; }  button, html [type="button"], [type="reset"], [type="submit"] {   -webkit-appearance: button; }  button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {   border-style: none;   padding: 0; }  button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {   outline: 1px dotted ButtonText; }  fieldset {   border: 1px solid #c0c0c0;   margin: 0 2px;   padding: 0.35em 0.625em 0.75em; }  legend {   box-sizing: border-box;   color: inherit;   display: table;   max-width: 100%;   padding: 0;   white-space: normal; }  textarea {   overflow: auto; }  [type="checkbox"], [type="radio"] {   box-sizing: border-box;   padding: 0; }  [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {   height: auto; }  [type="search"] {   -webkit-appearance: textfield;   outline-offset: -2px; }  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {   -webkit-appearance: none; }  ::-webkit-input-placeholder {   color: inherit;   opacity: 0.54; }  ::-webkit-file-upload-button {   -webkit-appearance: button;   font: inherit; }  ::-moz-selection {   color: #fff;   background: #ff4081;   text-shadow: none; }  ::selection {   color: #fff;   background: #ff4081;   text-shadow: none; }  *:focus {   outline: 0; }  code, pre {   font-family: "Ubuntu Mono", "Monaco", "Lucida Sans Typewriter", "monospace";   font-size: 15px;   font-weight: normal;   color: rgba(0, 0, 0, 0.87); }  audio, canvas, iframe, img, svg, video {   vertical-align: middle; }  textarea {   resize: vertical; }  .hidden {   display: none !important; }  .invisible {   visibility: hidden; }  .clearfix:before, .clearfix:after {   content: " ";   display: table; }  .clearfix:after {   clear: both; }  .raised {   box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.5); }  .popup {   box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.5); }  .rounded {   border-radius: 2px; }  .clear-appearance {   -moz-appearance: none;   -ms-appearance: none;   -webkit-appearance: none; }  .eased-transition {   transition: all 0.2s ease-in-out; }  .flex-base {   display: -ms-flexbox;   display: flex;   -ms-flex-wrap: nowrap;   flex-wrap: nowrap;   -ms-flex-pack: start;   justify-content: flex-start;   -ms-flex-line-pack: start;   align-content: flex-start;   -ms-flex-align: stretch;   align-items: stretch; }  .flex-column {   display: -ms-flexbox;   display: flex;   -ms-flex-wrap: nowrap;   flex-wrap: nowrap;   -ms-flex-pack: start;   justify-content: flex-start;   -ms-flex-line-pack: start;   align-content: flex-start;   -ms-flex-align: stretch;   align-items: stretch;   -ms-flex-direction: column;   flex-direction: column; }  .flex-row {   display: -ms-flexbox;   display: flex;   -ms-flex-wrap: nowrap;   flex-wrap: nowrap;   -ms-flex-pack: start;   justify-content: flex-start;   -ms-flex-line-pack: start;   align-content: flex-start;   -ms-flex-align: stretch;   align-items: stretch;   -ms-flex-direction: row;   flex-direction: row; }  .el-button {   border-radius: 2px;   transition: all 0.2s ease-in-out;   color: #fff;   background: #42a5f5;   cursor: pointer;   text-decoration: none; }  .el-button:hover {   box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.5); }  .el-input {   border-radius: 2px;   -moz-appearance: none;   -ms-appearance: none;   -webkit-appearance: none;   background: #fff;   border: 0;   outline: 0;   background: #fafafa;   border: 1px solid rgba(0, 0, 0, 0.05); }  #cm-overlay {   position: fixed;   left: 0;   top: 0;   right: 0;   bottom: 0;   overflow: hidden;   z-index: 200; }  #cm-overlay .cm-panel {   box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.5);   border-radius: 2px;   display: block;   position: absolute;   left: 100px;   top: 100px;   color: rgba(0, 0, 0, 0.87);   background: #fff;   z-index: 10;   overflow: auto;   min-width: 200px; }  #cm-overlay .cm-panel ul {   margin: 0;   padding: 0;   list-style: none;   text-align: left; }  #cm-overlay .cm-label {   padding: 8px 16px;   white-space: nowrap;   font-weight: bold; }  #cm-overlay .cm-entry {   padding: 8px 16px;   white-space: nowrap;   cursor: pointer; }  #cm-overlay .cm-entry:hover {   color: #42a5f5;   background: rgba(0, 0, 0, 0.03); }  #cm-overlay .cm-icon {   position: relative;   top: -2px; }  #cm-overlay .cm-icon img {   width: 20px;   height: 20px; }  #cm-overlay .cm-icon.no-icon {   opacity: 0; }  #cm-overlay .cm-text {   margin: 0 0 0 12px; }  #cm-overlay .cm-sep {   height: 1px;   margin: 8px 0;   padding: 0;   border-top: 1px solid rgba(0, 0, 0, 0.08); }  #crumbbar {   overflow: hidden;   height: 48px;   font-size: 16px;   padding: 0 8px; }  #crumbbar a, #crumbbar a:active, #crumbbar a:visited {   color: rgba(0, 0, 0, 0.87);   cursor: pointer;   text-decoration: none; }  #crumbbar a.active, #crumbbar a:active.active, #crumbbar a:visited.active {   font-weight: bold; }  #crumbbar a:hover, #crumbbar a:active:hover, #crumbbar a:visited:hover {   color: #42a5f5; }  #crumbbar a:focus, #crumbbar a:active:focus, #crumbbar a:visited:focus {   outline: 0; }  #crumbbar .crumb {   transition: all 0.2s ease-in-out;   display: inline-block; }  #crumbbar .sep {   width: 24px;   height: 24px;   padding: 12px 0;   line-height: 48px;   display: inline-block;   vertical-align: top; }  #crumbbar .crumb:first-of-type .sep {   width: 0; }  #crumbbar .label {   line-height: 48px;   display: inline-block;   vertical-align: top;   padding: 0 8px; }  #crumbbar .hint {   width: 20px;   height: 20px;   padding: 16px 0 0 0;   line-height: 48px;   display: inline-block;   vertical-align: top;   position: relative;   top: -2px; }  #content-header, #content-footer {   margin: 16px;   padding: 8px;   color: rgba(0, 0, 0, 0.87); }  #content-header a, #content-footer a, #content-header a:active, #content-footer a:active, #content-header a:visited, #content-footer a:visited {   color: #42a5f5;   text-decoration: none;   cursor: pointer; }  #content-header a:hover, #content-footer a:hover, #content-header a:active:hover, #content-footer a:active:hover, #content-header a:visited:hover, #content-footer a:visited:hover {   color: #212121; }  #content-header h1, #content-footer h1, #content-header h2, #content-footer h2, #content-header h3, #content-footer h3, #content-header h4, #content-footer h4, #content-header h5, #content-footer h5, #content-header h6, #content-footer h6, #content-header p, #content-footer p {   margin: 0.1em 0; }  #filter input {   display: none;   border: 0;   font-size: 16px;   color: rgba(0, 0, 0, 0.87);   background: transparent;   outline: 0;   width: 160px;   padding: 0 12px 0 4px;   line-height: 48px;   vertical-align: top; }  #filter.active input {   display: inline-block; }  #filter.pending input {   color: rgba(0, 0, 0, 0.26); }  #info {   overflow: auto;   -ms-flex: 0 0 auto;   flex: 0 0 auto;   -ms-flex-order: 99;   order: 99;   padding: 32px 32px 32px 48px;   white-space: nowrap;   overflow-x: hidden;   width: 240px; }  #info .icon {   width: 240px;   height: 180px; }  #info .icon img {   border-radius: 2px;   display: block;   overflow: hidden;   margin: 0 auto;   width: 180px;   height: 180px; }  #info .icon .thumb {   width: 240px; }  #info .block {   border-top: 1px solid rgba(0, 0, 0, 0.05);   border-bottom: 1px solid rgba(0, 0, 0, 0.05);   margin: 0 0 24px 0;   padding: 24px 0; }  #info .label {   font-size: 16px;   margin-bottom: 16px; }  #info .time, #info .size, #info .content {   line-height: 20px;   height: 20px; }  #info .qrcode {   margin: 0 auto;   width: 200px; }  #info .qrcode img {   display: block; }  #pv-content-aud {   box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.5);   position: absolute;   max-width: 100%;   max-height: 100%; }  #pv-content-img {   box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.5);   position: absolute;   max-width: 100%;   max-height: 100%;   background-color: #f8f8f8;   background-image: -webkit-linear-gradient(       45deg,       #e8e8e8 25%,       transparent 25%,       transparent 75%,       #e8e8e8 75%,       #e8e8e8     ),     -webkit-linear-gradient(45deg, #e8e8e8 25%, transparent 25%, transparent 75%, #e8e8e8           75%, #e8e8e8);   background-size: 60px 60px;   background-position: 0 0, 30px 30px; }  #pv-content-img.loading {   opacity: 0.5;   margin-top: 32px;   width: 240px;   height: 240px;   border-radius: 1000px;   overflow: hidden; }  #pv-content-txt {   box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.5);   box-sizing: border-box;   max-width: 960px;   text-align: left;   background: #fff;   margin: 0 auto;   padding: 8px;   overflow: auto; }  #pv-content-txt a, #pv-content-txt a:active, #pv-content-txt a:visited {   color: #2080ff;   text-decoration: none;   cursor: pointer; }  #pv-content-txt a:hover, #pv-content-txt a:active:hover, #pv-content-txt a:visited:hover {   color: #68a9ff; }  pre#pv-content-txt code {   line-height: 1.2em; }  div#pv-content-txt {   font-size: 1.1em;   padding: 8px 24px; }  div#pv-content-txt code {   color: #008200; }  #pv-content-vid {   box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.5);   position: absolute;   max-width: 100%;   max-height: 100%; }  #pv-content-vid:-webkit-full-screen {   top: auto !important;   left: auto !important; }  #pv-overlay {   position: fixed;   left: 0;   top: 0;   right: 0;   bottom: 0;   z-index: 100;   background: rgba(0, 0, 0, 0.5);   transition: background-color 0.3s ease-in-out;   text-align: center; }  #pv-overlay.fullscreen {   background: #212121; }  #pv-container {   position: absolute; }  #pv-spinner {   position: absolute; }  #pv-spinner .back {   width: 240px;   height: 240px;   margin: -120px -120px;   border-radius: 120px;   opacity: 0.5;   overflow: hidden; }  #pv-spinner .spinner {   width: 100px;   height: 100px;   margin: -50px -50px; }  #pv-prev-area, #pv-next-area {   position: absolute;   top: 50%;   cursor: pointer; }  #pv-prev-area img, #pv-next-area img {   transition: all 0.2s ease-in-out;   display: block;   width: 48px;   height: 48px;   margin: -36px 0;   padding: 12px;   opacity: 0.5; }  #pv-prev-area:hover img, #pv-next-area:hover img {   box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.5);   opacity: 1;   background: rgba(27, 27, 27, 0.8); }  #pv-prev-area {   left: 0; }  #pv-prev-area img {   border-radius: 0 8px 8px 0;   padding-left: 48px; }  #pv-next-area {   right: 0; }  #pv-next-area img {   border-radius: 8px 0 0 8px;   padding-right: 48px; }  #pv-buttons {   list-style: none;   list-style-image: none;   margin: 0;   padding: 0; }  #pv-buttons img {   position: relative;   width: 24px;   height: 24px;   padding: 12px; }  #pv-buttons .bar-label {   transition: all 0.2s ease-in-out;   display: block;   color: #fff;   height: 48px;   line-height: 48px;   padding: 0 12px;   opacity: 0.7; }  #pv-buttons .bar-button {   transition: all 0.2s ease-in-out;   display: block;   line-height: 48px;   opacity: 0.7;   cursor: pointer; }  #pv-buttons .bar-button:hover {   opacity: 1;   background: rgba(255, 255, 255, 0.1); }  #pv-buttons .bar-left {   float: left; }  #pv-buttons .bar-right {   float: right; }  #pv-bottombar {   box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.5);   position: fixed;   z-index: 5;   left: 0;   right: 0;   bottom: 0;   background: #1b1b1b;   height: 48px; }  #pv-overlay.fullscreen #pv-bottombar {   opacity: 0.5; }  @media only screen and (max-width: 700px) {   #pv-prev-area,   #pv-next-area {     display: none !important;   } }  #search input {   display: none;   border: 0;   font-size: 16px;   color: rgba(0, 0, 0, 0.87);   background: transparent;   outline: 0;   width: 160px;   padding: 0 12px 0 4px;   line-height: 48px;   vertical-align: top; }  #search.active input {   display: inline-block; }  #search.pending input {   color: rgba(0, 0, 0, 0.26); }  #selection-rect {   position: absolute;   left: 0;   top: 0;   z-index: 2;   border: 1px dashed rgba(0, 0, 0, 0.15);   background: rgba(0, 0, 0, 0.1); }  html.drag-select, html.drag-select * {   cursor: move !important;   -webkit-touch-callout: none;   -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   user-select: none; }  html.drag-select #view .item:hover, html.drag-select * #view .item:hover {   box-shadow: none !important; }  #view .selector {   display: none;   position: absolute;   left: 0;   top: 0;   width: 22px;   height: 22px;   background: #42a5f5;   cursor: pointer;   border-radius: 0 0 2px 0;   opacity: 0.6; }  #view .selector:hover {   opacity: 0.8; }  #view .selector img {   width: 100%;   height: 100%; }  #view .item:hover .selector {   display: block; }  #view .item.selected:not(.selecting), #view .item.selecting:not(.selected) {   color: #fff;   background: #42a5f5; }  #view .item.selected:not(.selecting) .selector, #view .item.selecting:not(.selected) .selector {   display: block;   opacity: 1; }  #view .item.selected:not(.selecting):hover, #view .item.selecting:not(.selected):hover {   color: #fff;   background: #42a5f5; }  #view .no-match {   display: none;   margin-top: 36px;   text-align: center;   color: rgba(0, 0, 0, 0.05);   font-size: 5em;   font-weight: bold; }  #tree {   overflow: auto;   -ms-flex: 0 0 auto;   flex: 0 0 auto;   -ms-flex-order: 1;   order: 1;   padding: 32px 32px 32px 16px;   white-space: nowrap;   max-width: 250px;   overflow-x: hidden; }  #tree a, #tree a:active, #tree a.visited {   display: block;   margin-left: 20px;   padding: 3px 0;   text-decoration: none;   color: rgba(0, 0, 0, 0.87); }  #tree a:hover, #tree a:active:hover, #tree a.visited:hover {   color: #42a5f5; }  #tree .active > a {   font-weight: bold; }  #tree .indicator {   display: block;   float: left;   padding: 3px 0;   position: relative;   top: -2px;   cursor: pointer; }  #tree .indicator img {   width: 20px;   height: 20px;   zoom: 1; }  #tree .item {   clear: left; }  #tree .item.open > .indicator img {   transform: rotate(90deg); }  #tree .item.unknown > .indicator {   opacity: 0.3; }  #tree .item.none > .indicator {   opacity: 0;   cursor: inherit; }  #tree .item.unknown > .content, #tree .item.none > .content, #tree .item.closed > .content {   display: none; }  #tree .icon {   position: relative;   top: -2px; }  #tree .icon img {   width: 20px;   height: 20px; }  #tree .label {   margin: 0 0 0 4px; }  #tree .content {   margin: 0;   padding: 0 0 0 20px; }  #tree .summary {   color: rgba(0, 0, 0, 0.26);   padding: 0 0 0 8px; }  #root.info #content {   -ms-flex: 1 1 auto;   flex: 1 1 auto;   -ms-flex-order: 50;   order: 50;   color: rgba(0, 0, 0, 0.87);   text-align: center; }  #root.info code {   margin: 0 0.2em;   padding: 2px 4px;   border-radius: 4px;   letter-spacing: 0.05em;   background: #fafafa;   border: 1px solid rgba(0, 0, 0, 0.05);   font-size: 0.9em; }  #root.info #header a {   transition: all 0.2s ease-in-out;   font-size: 4em;   font-weight: 300;   margin: 0.8em 0 0 0;   color: rgba(0, 0, 0, 0.87);   text-decoration: none; }  #root.info #header a:hover {   color: #42a5f5; }  #root.info #support {   margin: 24px auto;   padding: 18px 0 6px 0;   width: 292px;   background: #fafafa;   border: 1px solid rgba(0, 0, 0, 0.05);   border-radius: 4px; }  #root.info #support input[type="image"] {   border: 0;   width: 100px;   padding: 12px 48px; }  #root.info #pass {   border-radius: 2px;   -moz-appearance: none;   -ms-appearance: none;   -webkit-appearance: none;   background: #fff;   border: 0;   outline: 0;   background: #fafafa;   border: 1px solid rgba(0, 0, 0, 0.05);   display: inline-block;   margin: 8px;   padding: 0 12px;   line-height: 28px;   width: 200px;   vertical-align: top; }  #root.info #login, #root.info #logout {   border-radius: 2px;   transition: all 0.2s ease-in-out;   color: #fff;   background: #42a5f5;   cursor: pointer;   text-decoration: none;   display: inline-block;   margin: 8px;   padding: 0 12px;   line-height: 28px;   vertical-align: top; }  #root.info #login:hover, #root.info #logout:hover {   box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.5); }  #root.info #hint {   margin: 12px auto;   width: 320px; }  #root.info #tests {   display: inline-block;   text-align: left;   list-style-type: none;   margin: 48px 0;   padding: 0; }  #root.info #tests .test {   background: #fff;   margin: 12px 0 0 0;   padding: 8px 12px 12px 12px;   border-bottom: 1px solid rgba(0, 0, 0, 0.05); }  #root.info #tests .label {   display: inline-block;   width: 250px;   font-size: 1.4em; }  #root.info #tests .result {   display: inline-block;   width: 250px;   text-align: right;   font-size: 1.4em;   font-weight: bold; }  #root.info #tests .result.passed {   color: #4caf50; }  #root.info #tests .result.failed {   color: #f44336; }  #root.info #tests .info {   margin: 4px 0 0 0; }  #content {   overflow: auto;   -ms-flex: 1 1 auto;   flex: 1 1 auto;   -ms-flex-order: 50;   order: 50;   position: relative; }  #fallback {   display: none;   max-width: 960px;   margin: 16px auto;   padding: 32px 16px; }  #fallback table {   display: block;   width: 100%;   border-collapse: collapse;   background: #fff; }  #fallback th, #fallback td {   padding: 6px;   text-align: left;   border: 0;   border-bottom: 1px solid #f0f0f0; }  #fallback th {   color: #aaa;   font-weight: normal;   line-height: 36px; }  #fallback td {   overflow: hidden;   white-space: nowrap; }  #fallback a, #fallback a:active, #fallback a:visited {   display: block;   color: inherit;   text-decoration: none;   cursor: pointer; }  #fallback a:hover, #fallback a:active:hover, #fallback a:visited:hover {   color: #42a5f5; }  #fallback .fb-i {   width: 20px;   padding-left: 12px; }  #fallback .fb-i img {   width: 20px;   height: 20px;   position: relative;   top: -1px; }  #fallback .fb-n {   width: 682px;   max-width: 682px; }  #fallback .fb-d {   text-align: right;   width: 160px;   min-width: 160px; }  #fallback .fb-s {   text-align: right;   width: 70px;   min-width: 70px;   padding-right: 12px; }  #fallback-hints {   display: none;   overflow: hidden;   text-align: right;   background: #fafafa;   border-bottom: 1px solid rgba(0, 0, 0, 0.05); }  #fallback-hints a, #fallback-hints a:active, #fallback-hints a:visited {   transition: all 0.2s ease-in-out;   display: inline-block;   line-height: 48px;   color: rgba(0, 0, 0, 0.54);   text-decoration: none;   outline: 0; }  #fallback-hints a:hover, #fallback-hints a:active:hover, #fallback-hints a:visited:hover {   color: #42a5f5; }  #fallback-hints .backlink {   margin: 0 16px; }  #fallback-hints .noJsMsg, #fallback-hints .noBrowserMsg {   display: none;   margin: 0 16px;   color: #f44336; }  html.no-js #root, html.no-browser #root {   position: static;   overflow: auto; }  html.no-js #fallback, html.no-browser #fallback, html.no-js #fallback-hints, html.no-browser #fallback-hints {   display: block; }  html.no-js .noJsMsg {   display: inline !important; }  html.no-browser .noBrowserMsg {   display: inline !important; }  #mainrow {   display: -ms-flexbox;   display: flex;   -ms-flex-wrap: nowrap;   flex-wrap: nowrap;   -ms-flex-pack: start;   justify-content: flex-start;   -ms-flex-line-pack: start;   align-content: flex-start;   -ms-flex-align: stretch;   align-items: stretch;   -ms-flex-direction: row;   flex-direction: row;   -ms-flex: 1 1 auto;   flex: 1 1 auto;   -ms-flex-order: 50;   order: 50;   height: 0; }  #notification {   position: fixed;   left: 50%;   width: 200px;   margin-left: -100px;   z-index: 100;   padding: 3px 6px 6px 6px;   color: #fff;   background: rgba(0, 0, 0, 0.2);   border-radius: 0 0 4px 4px;   text-align: center;   overflow: hidden; }  #root {   display: -ms-flexbox;   display: flex;   -ms-flex-wrap: nowrap;   flex-wrap: nowrap;   -ms-flex-pack: start;   justify-content: flex-start;   -ms-flex-line-pack: start;   align-content: flex-start;   -ms-flex-align: stretch;   align-items: stretch;   -ms-flex-direction: column;   flex-direction: column;   position: absolute;   left: 0;   top: 0;   right: 0;   bottom: 0;   overflow: hidden;   background: #fff;   line-height: 1.4; }  #root, input, select {   font-family: "Ubuntu", "Roboto", "Helvetica", "Arial", "sans-serif";   font-size: 13px;   font-weight: normal;   color: rgba(0, 0, 0, 0.87); }  #sidebar {   overflow-x: hidden;   overflow-y: auto;   -ms-flex: 0 0 auto;   flex: 0 0 auto;   -ms-flex-order: 0;   order: 0;   background: #fafafa;   border-right: 1px solid rgba(0, 0, 0, 0.05);   padding: 16px;   position: absolute;   top: 48px;   min-height: 100%;   z-index: 1; }  #sidebar .block {   display: block;   margin: 0 0 24px 0;   width: 168px; }  #sidebar .block h1 {   font-size: 1em;   margin: 2px 0 6px 0; }  #sidebar .button {   border-radius: 2px;   transition: all 0.2s ease-in-out;   display: inline-block;   margin: 4px;   color: rgba(0, 0, 0, 0.87);   cursor: pointer; }  #sidebar .button:hover {   background: rgba(0, 0, 0, 0.03); }  #sidebar .button.active {   background: rgba(0, 0, 0, 0.03);   box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.4); }  #sidebar .button img {   width: 24px;   height: 24px;   padding: 12px; }  #sidebar .select {   border-radius: 2px;   background: transparent;   overflow: hidden;   outline: 0;   width: 160px;   margin: 4px;   line-height: 48px; }  #sidebar input, #sidebar select {   -moz-appearance: none;   -ms-appearance: none;   -webkit-appearance: none;   background: transparent;   width: 100%;   border: 0 solid #000;   cursor: pointer;   outline: 0; }  #sidebar input:hover, #sidebar select:hover {   background: rgba(0, 0, 0, 0.03); }  #sidebar select {   width: 187px;   padding: 0 8px;   height: 48px;   line-height: 48px; }  #sidebar input[type="range"] {   border-radius: 2px;   width: 144px;   margin: 4px;   padding: 8px;   vertical-align: middle;   height: 32px;   line-height: 32px; }  #sidebar .range-track {   -moz-appearance: none;   -ms-appearance: none;   -webkit-appearance: none;   border-width: 0;   border-radius: 20px;   background: #e0e0e0;   height: 6px; }  #sidebar .range-thumb {   -moz-appearance: none;   -ms-appearance: none;   -webkit-appearance: none;   border-width: 0;   border-radius: 20px;   background: #616161;   width: 16px;   height: 16px; }  #sidebar input[type="range"]::-webkit-slider-runnable-track {   -moz-appearance: none;   -ms-appearance: none;   -webkit-appearance: none;   border-width: 0;   border-radius: 20px;   background: #e0e0e0;   height: 6px; }  #sidebar input[type="range"]::-moz-range-track {   -moz-appearance: none;   -ms-appearance: none;   -webkit-appearance: none;   border-width: 0;   border-radius: 20px;   background: #e0e0e0;   height: 6px; }  #sidebar input[type="range"]::-ms-track {   -moz-appearance: none;   -ms-appearance: none;   -webkit-appearance: none;   border-width: 0;   border-radius: 20px;   background: #e0e0e0;   height: 6px; }  #sidebar input[type="range"]::-ms-fill-lower {   -moz-appearance: none;   -ms-appearance: none;   -webkit-appearance: none;   border-width: 0;   border-radius: 20px;   background: #e0e0e0;   height: 6px; }  #sidebar input[type="range"]::-ms-fill-upper {   -moz-appearance: none;   -ms-appearance: none;   -webkit-appearance: none;   border-width: 0;   border-radius: 20px;   background: #e0e0e0;   height: 6px; }  #sidebar input[type="range"]::-webkit-slider-thumb {   -moz-appearance: none;   -ms-appearance: none;   -webkit-appearance: none;   border-width: 0;   border-radius: 20px;   background: #616161;   width: 16px;   height: 16px;   margin-top: -5px; }  #sidebar input[type="range"]::-moz-range-thumb {   -moz-appearance: none;   -ms-appearance: none;   -webkit-appearance: none;   border-width: 0;   border-radius: 20px;   background: #616161;   width: 16px;   height: 16px; }  #sidebar input[type="range"]::-ms-thumb {   -moz-appearance: none;   -ms-appearance: none;   -webkit-appearance: none;   border-width: 0;   border-radius: 20px;   background: #616161;   width: 16px;   height: 16px; }  #sidebar #view-size {   display: block; }  #topbar {   display: -ms-flexbox;   display: flex;   -ms-flex-wrap: nowrap;   flex-wrap: nowrap;   -ms-flex-pack: start;   justify-content: flex-start;   -ms-flex-line-pack: start;   align-content: flex-start;   -ms-flex-align: stretch;   align-items: stretch;   -ms-flex-direction: row;   flex-direction: row;   overflow: hidden;   -ms-flex: 0 0 auto;   flex: 0 0 auto;   -ms-flex-order: 1;   order: 1;   background: #fafafa;   border-bottom: 1px solid rgba(0, 0, 0, 0.05);   z-index: 1; }  #toolbar {   overflow: hidden;   -ms-flex: 0 0 auto;   flex: 0 0 auto;   -ms-flex-order: 1;   order: 1;   height: 48px; }  #toolbar .tool {   transition: all 0.2s ease-in-out;   display: inline-block;   cursor: pointer; }  #toolbar .tool img {   display: inline-block;   width: 24px;   height: 24px;   padding: 12px; }  #toolbar .tool:hover {   background: rgba(0, 0, 0, 0.03); }  #flowbar {   overflow: hidden;   -ms-flex: 1 1 auto;   flex: 1 1 auto;   -ms-flex-order: 2;   order: 2;   height: 48px; }  #backlink {   transition: all 0.2s ease-in-out;   display: block;   -ms-flex: 0 0 auto;   flex: 0 0 auto;   -ms-flex-order: 99;   order: 99;   text-align: center;   padding: 6px 12px;   overflow: hidden;   height: 36px; }  #backlink, #backlink:active, #backlink:visited {   color: rgba(0, 0, 0, 0.26);   cursor: pointer;   text-decoration: none; }  #backlink:hover {   color: #42a5f5;   background: rgba(0, 0, 0, 0.03); }  #backlink:focus {   outline: 0; }  #backlink div {   line-height: 18px;   white-space: nowrap; }  #view.view-details {   margin: 32px; }  #view.view-details .header {   position: relative;   white-space: nowrap;   display: list-item;   border-bottom: 1px solid rgba(0, 0, 0, 0.07);   border-radius: 2px 2px 0 0; }  #view.view-details .header .label, #view.view-details .header .date, #view.view-details .header .size {   transition: all 0.2s ease-in-out;   line-height: 24px;   padding: 0 8px 16px 8px;   opacity: 0.4;   outline: 0; }  #view.view-details .header .label:hover, #view.view-details .header .date:hover, #view.view-details .header .size:hover {   opacity: 1;   color: #42a5f5; }  #view.view-details .header .sort {   display: none;   position: relative;   top: -2px;   width: 20px;   height: 20px;   padding: 0 4px; }  #view.view-details .header .ascending .sort {   display: inline; }  #view.view-details .header .descending .sort {   display: inline;   transform: rotate(180deg);   zoom: 1; }  #view.view-details .item {   overflow: hidden;   border-bottom: 1px solid rgba(0, 0, 0, 0.07); }  #view.view-details .item:hover {   box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.5);   z-index: 1; }  #view.view-details .item:last-child {   border-radius: 0 0 2px 2px; }  #view.view-details .square {   display: inline-block;   position: absolute;   left: 16px;   top: -1px;   padding: 8px; }  #view.view-details .square .thumb {   border-radius: 2px;   box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); }  #view.view-details .label, #view.view-details .date, #view.view-details .size {   padding: 0 8px; }  #view.view-details .date {   position: absolute;   right: 116px;   top: 0; }  #view.view-details .size {   position: absolute;   right: 16px;   top: 0; }  #view.view-details .item .label, #view.view-details .item .date, #view.view-details .item .size {   line-height: 30px; }  #view.view-details .square {   width: 16px;   height: 16px; }  #view.view-details .square img {   width: 16px;   height: 16px; }  #view.view-details .label {   margin: 0 246px 0 48px; }  #view.view-details.width-0 .label {   margin-right: 4px; }  #view.view-details.width-0 .date {   display: none; }  #view.view-details.width-0 .size {   display: none; }  #view.view-details.width-1 .label {   margin-right: 64px; }  #view.view-details.width-1 .date {   display: none; }  #view.view-grid {   margin: 28px; }  #view.view-grid .item {   border-radius: 2px;   overflow: hidden;   float: left;   margin: 8px; }  #view.view-grid .item:hover {   box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.5); }  #view.view-grid .square {   display: inline-block;   vertical-align: top; }  #view.view-grid .label {   display: inline-block;   vertical-align: top;   width: 180px;   padding: 0 8px; }  #view.view-grid .date, #view.view-grid .size {   display: none; }  #view.view-grid .label {   line-height: 48px; }  #view.view-grid .square {   width: 48px;   height: 48px; }  #view.view-grid .square img {   width: 48px;   height: 48px; }  #view.view-icons {   margin: 28px; }  #view.view-icons .item {   border-radius: 2px;   overflow: hidden;   float: left;   margin: 8px; }  #view.view-icons .item:hover {   box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.5); } .item:hover {   font-weight: bold; }  #view.view-icons .landscape {   display: block;   background: #fafafa; }  #view.view-icons .label {   padding: 0 6px;   line-height: 24px;   text-align: center; }  #view.view-icons .date, #view.view-icons .size {   display: none; }  #view.view-icons .item {   width: 128px; }  #view.view-icons .landscape {   width: 128px;   height: 96px; }  #view.view-icons .landscape img {   width: 96px;   height: 96px; }  #view.view-icons .landscape .thumb {   width: 128px; }  #view a, #view a:active, #view a:visited {   display: block;   color: inherit;   cursor: pointer;   text-decoration: none; }  #view ul {   margin: 0;   padding: 0;   list-style: none; }  #view .header {   display: none; }  #view .item {   position: relative;   white-space: nowrap;   background: #fff; }  #view .item:hover {   color: #42a5f5;   background: #fafafa; }  #view .folder-parent .date, #view .folder-parent .size {   display: none; }  #view .icon {   display: none;   text-align: center; }  #view .icon img {   position: relative;   top: 50%;   transform: translateY(-50%); }  #view .icon .thumb {   max-width: none;   max-height: none; }  #view .label {   display: block;   overflow: hidden;   text-align: left;   text-overflow: ellipsis; }  #view .date {   text-align: right;   width: 130px; }  #view .size {   text-align: right;   width: 80px; }  #view #view-hint {   display: block;   margin-top: 36px;   text-align: center;   color: rgba(0, 0, 0, 0.05);   font-size: 5em;   font-weight: bold; }  @media only screen and (max-width: 700px) {   #crumbbar .crumb:not(.active) {     display: none;   }    #crumbbar .crumb.active .sep {     width: 0;   }    #tree,   #info {     display: none !important;   } }  @media print {   *,   *:before,   *:after,   *:first-letter,   *:first-line {     background: transparent !important;     color: #000 !important;     box-shadow: none !important;     text-shadow: none !important;   }    #toolbar,   #sidebar,   #tree,   #info {     display: none !important;   } }  /* ----- DARK MAXIM'S THEME ----- */ .label {   color: white; } #root {   background-color: #22252b;   color: white !important; } .clearfix li {   background-color: #292c34 !important; } #tree {   background: #292c34; } #topbar {   background: #6b181c;   color: white; } #backlink {   color: rgba(255, 255, 255, 0.479) !important; } .header {   padding-top: 10px; } a.date, a.size {   padding-top: 10px !important;   padding-bottom: 0 !important; } #sidebar {   background-color: #292c34;   color: white; } #langs {   color: white; } .clearfix li {   padding: 3px; } #root:hover {   color: #42a5f5; }