body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{--app-font-color:#fff;--app-primary:#000;--app-secondary:#2a2a2a;--app-tertiary:#131313;--app-active:#2a2a2a;--app-bg:#000;--app-hover:#494949;--app-header-height:60px;--app-header-bg:var(--app-primary);--app-header-shadow:none;--app-header-border:1px solid #3e3e3e;--app-top-icon:var(--app-font-color);--app-top-icon-bg:var(--app-active);--app-top-icon-bg-hover:var(--app-hover);--dir-preview-padding:10px;--dir-carpet-bg:#00000080;--dir-icon:var(--app-font-color);--dir-text:var(--app-font-color);--dir-hover-border:var(--app-hover);--dir-preview-bg:var(--app-secondary);--file-thumb-bg:var(--app-tertiary);--file-thumb-file-bg:var(--app-primary);--file-border:2px solid #0000;--file-hover-shadow:none;--file-hover-border:2px solid var(--app-hover);--video-layer-bg:var(--app-tertiary);--video-layer-shadow:none;--video-layer-border:1px solid var(--app-hover);--video-layer-video-bg:#000;--input-bg-color:#fff;--input-font-color:#000}body:not(.dark){--app-font-color:#636363;--app-primary:#fff;--app-secondary:#efefef;--app-tertiary:#e1e1e1;--app-active:#efefef;--app-hover:#f6f6f6;--app-bg:#fff;--app-header-bg:#fff;--app-header-shadow:0 0 18px 0;--app-header-border:none;--dir-carpet-bg:#ffffffb3;--file-hover-shadow:0 0 24px 0 #b3b3b3;--video-layer-bg:#fff;--video-layer-shadow:0 0 18px 0;--video-layer-border:none;--video-layer-video-bg:#fff}body,html{font-family:Arial,serif;font-size:12px;margin:0;padding:0}body{background:var(--app-bg);padding:calc(var(--app-header-height) + 20px) 20px 20px}@media screen and (max-width:800px){body{padding:80px 10px 0}}body.video-open{overflow:hidden}*{box-sizing:border-box;color:var(--app-font-color)}input,select{background:var(--input-bg-color);color:var(--input-font-color)}option{color:#000}#app{max-height:100vh}button{background:var(--app-tertiary);border:none;color:var(--app-font-color);cursor:pointer;padding:5px 8px;text-decoration:none}button:hover{background:var(--app-hover)}button.active{background:var(--app-active)}#scroll-to-top{background:var(--app-top-icon-bg);border-radius:100%;bottom:-40px;color:var(--app-top-icon);display:block;padding:10px;position:fixed;right:10px;text-decoration:none;transition:all .25s;z-index:2}#scroll-to-top:hover{background:var(--app-top-icon-bg-hover)}body:not(.top) #scroll-to-top{bottom:10px}.directory-dropdown{left:20px;position:absolute;top:0}.content{height:100vh;left:0;padding:80px 20px 20px;position:fixed;top:0;width:100vw;z-index:1}.content .photo-container{display:flex;flex-direction:column;justify-content:center}.content .photo-container .inner{border:none;height:calc(100% - 3px);margin-top:1px;max-height:100%;max-width:100%;padding:0;width:auto}.content .base.fullscreen .video-container{margin:0;max-height:100vh;padding:0}.content .base.fullscreen .photo-container img{height:100vh;margin:0;padding:0}.file-preview{background:var(--file-thumb-bg);border:var(--file-border);cursor:pointer;position:relative;transition:all .5s}.file-preview.selected{opacity:.5}.file-preview input[type=checkbox]{display:none;height:20px;left:10px;position:absolute;top:10px;width:20px;z-index:2}.file-preview.checked input[type=checkbox],.file-preview:hover input[type=checkbox]{display:inherit}.file-preview .directory{display:block;margin-bottom:5px;width:100%}.file-preview .image-wrap{background:var(--file-thumb-file-bg);margin-bottom:10px;padding:8px 8px 100%;position:relative}.file-preview .image-wrap .duration{bottom:5px;position:absolute;right:5px}.file-preview .image-wrap img{height:100%}.file-preview .image-wrap .gif,.file-preview .image-wrap .image{background-position:50%;background-repeat:no-repeat;background-size:contain;left:0;padding-bottom:100%;position:absolute;top:0;width:100%}.file-preview .taglist.main{bottom:25px;left:15px;position:absolute;z-index:2}.file-preview.with-directory .taglist.main{bottom:40px}.file-preview .duration,.file-preview .taglist li{background:var(--app-tertiary);border:none;color:var(--app-font-color);cursor:pointer;padding:5px 8px;text-decoration:none}.file-preview .duration:hover,.file-preview .taglist li:hover{background:var(--app-hover)}.file-preview .duration.active,.file-preview .taglist li.active{background:var(--app-active)}.file-preview .duration,.file-preview .taglist li{padding:2px 4px}.file-preview:hover{border:var(--file-hover-border);box-shadow:var(--file-hover-shadow)}.taglist{display:flex;list-style-type:none;margin:0;padding:0}.taglist.main{bottom:5px;left:5px;position:absolute}.taglist li{background:var(--app-tertiary);border:none;color:var(--app-font-color);cursor:pointer;padding:5px 8px;text-decoration:none}.taglist li:hover{background:var(--app-hover)}.taglist li.active{background:var(--app-active)}.taglist li{padding:2px 4px}.taglist li a{display:inline-block;text-decoration:none}.taglist li:not(:last-child){margin-right:1px}.taglist li.selected{background:#7d7d7d}.taglist li.selected a{color:#000}.taglist.large a{padding:4px 8px}.modal{background:#fff;box-shadow:0 0 18px 0;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}.modal>.modal-header{background:#efefef;display:flex;font-weight:700;justify-content:space-between;padding:5px 10px}.modal>.modal-header>*{display:block}.modal .modal-content{padding:10px}body.dark .modal{background:#131313;border:2px solid #3e3e3e;box-shadow:none}body.dark .modal>.modal-header{background:#131313;color:#fff}.fav-star{display:inline-block;opacity:.2;position:absolute;right:4px;top:4px;z-index:3}.fav-star:hover{opacity:1}.fav-star.disabled{opacity:.25;pointer-events:none}.fav-star.checked{opacity:1}.fav-star.checked svg path{color:#c6c600}@keyframes fading{0%{opacity:.4}50%{opacity:.6}to{opacity:.4}}.video-list .selection-menu{float:right;margin-bottom:10px;padding:10px;position:-webkit-sticky;position:sticky;text-align:right;top:65px;transform:translateX(20px);z-index:2}.video-list .selection-menu:before{background:#000;content:"";display:block;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}.video-list .selection-menu .cnt{margin-top:10px}.video-list .sort-icon{display:inline-block;font-size:20px;margin-bottom:10px;margin-right:10px}.video-list .sort-icon+select{transform:translateY(-2px)}.file-list{grid-gap:2px;box-sizing:border-box;display:grid;flex-wrap:wrap;grid-template-columns:repeat(1,minmax(0,1fr));list-style-type:none;margin:20px auto;padding:0;width:100%}@media screen and (min-width:300px){.file-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:600px){.file-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:900px){.file-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:1200px){.file-list{grid-template-columns:repeat(5,minmax(0,1fr))}}@media screen and (min-width:1500px){.file-list{grid-template-columns:repeat(6,minmax(0,1fr))}}@media screen and (min-width:2000px){.file-list{grid-template-columns:repeat(7,minmax(0,1fr))}}@media screen and (min-width:2500px){.file-list{grid-template-columns:repeat(8,minmax(0,1fr))}}@media screen and (min-width:3000px){.file-list{grid-template-columns:repeat(9,minmax(0,1fr))}}@media screen and (min-width:3500px){.file-list{grid-template-columns:repeat(10,minmax(0,1fr))}}.file-list.loading{animation:fading 1.5s infinite;pointer-events:none}.file-list li{box-sizing:border-box;display:block}.file-list .file-preview.not-selected{opacity:.5}.file-list>li a.file{box-sizing:border-box;color:#000;display:block;padding:10px;text-align:center;text-decoration:none;transition:all .3s;width:100%}.file-list>li a.file.selected{opacity:.3}.file-list>li a.file img{cursor:pointer;margin-bottom:10px;max-height:240px;max-width:100%;transition:all .5s}.file-list>li a.file img.loading{opacity:.5}.file-list>li a.file *{transition:color .5s}.file-type-selection{text-align:center;width:100%}.file-type-selection a{background:var(--app-tertiary);border:none;color:var(--app-font-color);cursor:pointer;display:inline-block;padding:5px 8px;text-decoration:none}.file-type-selection a:hover{background:var(--app-hover)}.file-type-selection a.active{background:var(--app-active)}.content.has-selected-video .file-list li{width:100%}.video-container{overflow:hidden}.video-container video{background:#000}.video-container .video-loading-error{display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.video-container .video-loading-error .message{color:#fff;font-size:20px;text-align:center}.video-container .controls{bottom:0;padding:80px 0 0;position:absolute;width:100%}.video-container .controls .controls-content .control-buttons{opacity:0;pointer-events:none;transition:all .25s}.video-container .controls .control-buttons{display:flex;height:0;justify-content:space-between;overflow:hidden}.video-container .controls .control-buttons button{background:none;border:none;cursor:pointer;font-size:16px;padding:5px 8px;width:40px}.video-container .controls .control-buttons .volume-container{display:inline-block}.video-container .controls .control-buttons .volume-container .input-wrap{display:inline-flex;flex-direction:column;height:100%;justify-content:center}.video-container .controls .control-buttons .volume-container input{opacity:0;pointer-events:none;transition:all .5s;width:100px}@media screen and (max-width:1000px){.video-container .controls .controls-ocntent .contol-buttons{font-size:26px;padding:5px 10px;width:60px}.video-container .controls{bottom:1px}}.video-container:not(.muted) .volume-container:hover input,.video-container:not(.muted) .volume-container:hover input *{opacity:1;pointer-events:all}.video-container .controls:hover,.video-container.loading .controls,.video-container.paused .controls{background:linear-gradient(0deg,#000,#0000);padding:20px 8px 5px}.video-container .controls:hover .seek-bar,.video-container.loading .controls .seek-bar,.video-container.paused .controls .seek-bar{height:20px;margin:0 10px}.video-container .controls:hover .seek-bar .bar,.video-container.loading .controls .seek-bar .bar,.video-container.paused .controls .seek-bar .bar{height:2px}.video-container .controls:hover .controls-content .control-buttons,.video-container.loading .controls .controls-content .control-buttons,.video-container.paused .controls .controls-content .control-buttons{height:auto;opacity:1;pointer-events:all}.video-container .seek-bar{cursor:pointer;display:flex;flex-direction:column;justify-content:center}.video-container .seek-bar .hover-timestamp{bottom:20px;position:absolute;transform:translateX(-50%)}.video-container .seek-bar .bar{background:#fff;height:1px;position:relative;transition:all .3s}.video-container .seek-bar .bar .elapsed{background:red;height:100%;left:0;position:absolute;top:0}.video-container .seek-bar:hover .bar{height:6px!important}@media screen and (max-width:1000px){.video-container.paused .bar{height:6px!important}}.video-clipping-container{display:flex;height:100%;left:0;position:absolute;top:0;width:100%}.video-clipping-container>*{flex-grow:0;flex-shrink:0;height:100%}.video-clipping-container .post,.video-clipping-container .pre{background:#000;opacity:.9}.video-layer{height:100%;z-index:3}.video-layer:before{background:var(--app-tertiary);content:"";display:block;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}.video-layer .inner{background:var(--video-layer-bg);border:var(--video-layer-border);box-shadow:var(--video-layer-shadow);height:100%;padding:10px;width:100%}.video-layer .content{display:flex;height:100%}.video-layer header{display:flex;justify-content:space-between;padding:0 0 10px;position:relative;z-index:3}.video-layer header .taglist.main{transform:translate(-5px,5px)}.video-layer header #btn-close{display:block}.video-layer header #btn-close svg{height:24px;margin-right:8px}.video-layer,.video-layer *{box-sizing:border-box}.video-layer .file-list{grid-template-columns:1fr;margin-right:20px;overflow-y:auto;width:300px}.video-layer .file-list,.video-layer .video-container{margin-top:50px;max-height:calc(100vh - 170px)}@media screen and (max-width:1000px){.video-layer .file-list,.video-layer .video-container{max-height:100%}}.video-layer .settings ul{display:flex;list-style-type:none;margin:0;padding:0}.video-layer .settings ul li{padding:0 10px}.video-layer .settings ul li:first-child{padding-left:0}.video-layer .settings ul li:last-child{padding-right:0}@media screen and (max-width:1000px){.video-layer{padding:60px 0 0;width:100%}.video-layer .inner{border:none!important}.video-layer .content{padding:70px 0 50px;width:100%}.video-layer img{height:auto!important}}.video-layer .content .container{display:flex;margin-left:20px;position:relative;text-align:center;width:100%}@media screen and (max-width:1400px){.video-layer .content .container{flex-direction:column;width:calc(100% - 40px)}.video-layer .content .container .base>div{height:calc(100% - 70px)}.video-layer .content .container .video-list{display:none}.video-layer .content .container img{height:auto!important;max-height:calc(100% - 70px)}}@media screen and (max-width:1000px){.video-layer .content .container{margin:0;width:100%}}.video-layer .content .container .base{height:100%;position:relative;width:100%}.video-layer .content .container .base>div{height:100%;width:100%}.video-layer .content .container .video-list{flex-shrink:0;flex-wrap:wrap;width:300px}.video-layer .content .container video{background:var(--video-layer-video-bg);height:100%;width:100%}.video-layer .content .container img{height:calc(100% - 80px);margin-top:60px;max-width:100%}.video-layer .content .container nav a{color:#fff;font-size:50px;opacity:0;padding:0 30px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .5s;z-index:3}.video-layer .content .container nav a:first-child{left:0}.video-layer .content .container nav a:last-child{right:0}.video-layer.hover nav a{opacity:1!important;pointer-events:all!important}body.dark .video-layer video{background:#fff}#app>header{background:var(--app-header-bg);border-bottom:var(--app-header-border);box-shadow:var(--app-header-shadow);height:var(--app-header-height);left:0;line-height:var(--app-header-height);position:fixed;text-align:center;top:0;transition:box-shadow .5s;width:100%;z-index:4}#app>header h1{display:inline-block;margin:0}#app>header #loading-indicator{display:block;height:100%;padding:0 30px;position:absolute;text-decoration:none;top:0}#app>header .left,#app>header .right{display:flex;position:absolute;top:0}#app>header .left{left:20px}#app>header .right{right:20px}#app>header ul{display:flex;height:100%;list-style-type:none;margin:0;padding:0}#app>header ul a{display:inline-block;margin:0;padding:0 20px;text-decoration:none}#app>header ul a:hover{background:var(--app-hover)!important}#app>header ul li.active a{background:var(--app-active)}.header-item-list{position:relative}.header-item-list .desktop{white-space:nowrap}.header-item-list .mobile{display:none!important;left:0;position:absolute;top:0}.header-item-list .mobile>li{position:relative}.header-item-list .mobile>li ul{display:none!important;left:0;margin:0;padding:0;position:absolute;top:100%}.header-item-list .mobile>li ul li{display:block;height:auto}.header-item-list .mobile>li ul li a{background:var(--app-header-bg);display:block!important;height:36px;line-height:36px;text-align:left;white-space:nowrap;width:100%}.header-item-list .mobile.open>li>ul{display:block!important}.header-item-list.mobile .desktop{pointer-events:none;visibility:hidden}.header-item-list.mobile .mobile{display:block!important}.file-queue{display:grid;grid-template-columns:repeat(2,1fr)}#processlist-indicator{background:#fff;bottom:0;display:block;padding:4px 10px;position:fixed;right:0;text-decoration:none;z-index:99}body.dark #processlist-indicator{background:#000}.directory-list{width:100%}.directory-list .file-list.directories{grid-template-columns:repeat(2,1fr)}@media screen and (min-width:400px){.directory-list .file-list.directories{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:600px){.directory-list .file-list.directories{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:800px){.directory-list .file-list.directories{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width:1000px){.directory-list .file-list.directories{grid-template-columns:repeat(6,1fr)}}@media screen and (min-width:1200px){.directory-list .file-list.directories{grid-template-columns:repeat(7,1fr)}}@media screen and (min-width:1400px){.directory-list .file-list.directories{grid-template-columns:repeat(8,1fr)}}@media screen and (min-width:1600px){.directory-list .file-list.directories{grid-template-columns:repeat(9,1fr)}}@media screen and (min-width:1800px){.directory-list .file-list.directories{grid-template-columns:repeat(10,1fr)}}@media screen and (min-width:2000px){.directory-list .file-list.directories{grid-template-columns:repeat(11,1fr)}}@media screen and (min-width:2200px){.directory-list .file-list.directories{grid-template-columns:repeat(12,1fr)}}@media screen and (min-width:2400px){.directory-list .file-list.directories{grid-template-columns:repeat(13,1fr)}}@media screen and (min-width:2600px){.directory-list .file-list.directories{grid-template-columns:repeat(14,1fr)}}@media screen and (min-width:2800px){.directory-list .file-list.directories{grid-template-columns:repeat(15,1fr)}}@media screen and (min-width:3000px){.directory-list .file-list.directories{grid-template-columns:repeat(16,1fr)}}.directory-list .file-list.directories a{border:2px solid #0000;display:block;height:100%;min-height:160px;padding:var(--dir-preview-padding);position:relative;transition:border-color .3s;width:100%}.directory-list .file-list.directories a .layer{background:var(--dir-carpet-bg);display:block;height:100%;left:0;opacity:1;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:2}.directory-list .file-list.directories a .layer,.directory-list .file-list.directories a .layer *{color:var(--dir-text)}.directory-list .file-list.directories a .layer svg{height:calc(100% - 80px);margin:30px 40px;pointer-events:none;width:calc(100% - 80px)}.directory-list .file-list.directories a .layer svg *{fill:var(--dir-icon)}.directory-list .file-list.directories a .layer .name{bottom:0;font-size:14px;font-weight:700;left:0;padding:0 10px 16px;position:absolute;text-align:center;width:100%}.directory-list .file-list.directories a .layer .name .meta{font-size:10px;margin-top:4px}.directory-list .file-list.directories a.hover.has-preview .layer,.directory-list .file-list.directories a:hover.has-preview .layer{opacity:0}.directory-list .file-list.directories a.hover,.directory-list .file-list.directories a:hover{border-color:var(--dir-hover-border)}.directory-list .file-list.directories a .preview{background:var(--dir-preview-bg);height:0;padding-bottom:100%;position:relative;width:100%}.directory-list .file-list.directories a .preview .preview-file{background-position:50%;background-repeat:no-repeat;background-size:cover;height:50%;position:absolute;width:50%}.directory-list .file-list.directories a .preview .preview-file:first-child{left:0;top:0}.directory-list .file-list.directories a .preview .preview-file:nth-child(2){right:0;top:0}.directory-list .file-list.directories a .preview .preview-file:nth-child(3){bottom:0;left:0}.directory-list .file-list.directories a .preview .preview-file:nth-child(4){bottom:0;right:0}.file-browser .breadcrumbs{display:flex;list-style-type:none;margin:0 0 20px;padding:0}.file-browser .breadcrumbs li:not(:last-child):after{content:">";display:inline-block}.file-browser .breadcrumbs li a{display:inline-block;padding:0 5px;text-decoration:none}.file-browser .taglist{flex-wrap:wrap;margin-bottom:20px}.file-browser .taglist li{position:relative;white-space:nowrap}.file-browser .taglist .actions{border-left:1px solid #000;display:none;height:100%;left:0;position:absolute;top:0;transform:translateX(-10px);z-index:2}.file-browser .taglist .actions a{background:var(--app-tertiary);border:none;color:var(--app-font-color);cursor:pointer;padding:5px 8px;text-decoration:none}.file-browser .taglist .actions a:hover{background:var(--app-hover)}.file-browser .taglist .actions a.active{background:var(--app-active)}.file-browser .taglist .actions a{background:#5a5a5a;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2px 4px}.file-browser .taglist li.with-actions:hover .actions{display:block}
/*# sourceMappingURL=main.f44b8408.css.map*/