*{margin:0;padding:0;box-sizing:border-box}*:hover::-webkit-scrollbar{background-color:transparent}*:hover::-webkit-scrollbar-track{background-color:#0000004d}*:hover::-webkit-scrollbar-thumb{background-color:#5c9ddd}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:400;src:url(/assets/open-sans-v40-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:600;src:url(/assets/open-sans-v40-latin-600.woff2) format("woff2")}html,body{background-color:#070b11;height:100%;width:100%;font-family:Open Sans,Arial,Helvetica,sans-serif}.drag-over{border:2px dashed #fff;-webkit-backdrop-filter:blur(.7vmin);backdrop-filter:blur(.7vmin);box-sizing:border-box;content:"+";line-height:100vh;color:#fff;font-size:8vmin;position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;text-align:center;z-index:1000}.drag-over-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;z-index:1000}.main{background-image:radial-gradient(circle at 50% 0%,#3b3b3b,#070b11);position:fixed;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left)}.splash{background-image:radial-gradient(circle at 50% 50%,#3b3b3b,#070b11);position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000}.splash .logo{object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header{position:fixed;top:0;left:0;width:100%;background-color:#000;color:#fff}.header .logo{position:absolute;top:50%;transform:translateY(-50%);object-fit:contain;object-position:left}.header .icons{height:100%;position:absolute;right:0;top:50%;transform:translateY(-50%)}.header .icons>*{cursor:pointer;display:inline-block;height:100%;-webkit-tap-highlight-color:transparent}.header .icons>*{position:relative;display:inline-block}.header .icons>*>svg{position:absolute;left:50%;top:50%;width:100%}.header .lock>svg{transform:translate(-50%,-57%)}.header .cloud>svg{transform:translate(-50%,-45%)}.header .sort>svg{transform:translate(-50%,-48%)}.window{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;-webkit-backdrop-filter:blur(.7vmin);backdrop-filter:blur(.7vmin);z-index:1000}.window .form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#23262d}.window .form .title{color:#fff;text-align:center}.window .form button,.window .form input{display:block;border-radius:5px;border:1px solid #fff}.window .form button{display:inline-block;background-color:transparent;box-sizing:border-box;color:#fff;cursor:pointer}.window .form button.highlighted{background-color:#31a3e2;border-color:#31a3e2}.window .form input{color:#000;width:100%}.dropdown{background-color:#2e3037;color:#fff;position:fixed;z-index:1000}.dropdown label{cursor:pointer;display:block;opacity:.5}.dropdown input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;box-sizing:border-box;color:#fff;border-radius:50%;position:relative}.dropdown input[type=radio]:before{content:"";display:none;width:60%;height:60%;left:50%;top:50%;background-color:#fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.dropdown input[type=radio]:checked:before{display:block}.dropdown label:has(input[type=radio]:checked){opacity:1}.dropdown .separator{background-color:#ffffff40}.view-qr,.view-code{cursor:pointer;position:fixed;-webkit-tap-highlight-color:transparent;z-index:10}.view-qr>img:first-child,.view-code>img:first-child{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.qr-scanner{background-color:#000;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1001}.qr-scanner video{position:absolute!important;opacity:1!important;left:0!important;top:0!important;width:100%!important;height:100%!important}.qr-scanner .close{position:absolute;z-index:1}.qr-scanner .close:before{cursor:pointer;content:"+";color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.thumbnail-grid{position:fixed;display:grid;justify-content:center;left:0;width:100%;overflow-y:auto}.thumbnail{aspect-ratio:2/1.3;display:inline-block;overflow:hidden;position:relative}.thumbnail .icons{position:absolute;left:50%;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.thumbnail .action{cursor:pointer;display:inline-block;-webkit-tap-highlight-color:transparent}.thumbnail.add{box-sizing:border-box;border:1px dashed #fff;cursor:pointer;opacity:.5;-webkit-tap-highlight-color:transparent}.pointer-fine .thumbnail.add:hover,.thumbnail.add.hover{opacity:1}.thumbnail.add input::file-selector-button{display:none}.thumbnail.add input{cursor:pointer;box-sizing:border-box;opacity:.001;position:absolute;top:0;left:0;width:100%;height:100%}.thumbnail.add.progress{border:none;background-color:#00000040;opacity:1}.thumbnail.add .progress,.thumbnail.add .percent{display:none}.thumbnail.add.progress .progress{display:block;background-color:#ffffff40;height:100%}.thumbnail.add.progress .percent{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.thumbnail.add.progress .icons{display:none}.thumbnail.tour .content{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#aaa}.thumbnail.tour .image{position:absolute;object-fit:cover;display:inline-block;top:0;left:0;height:100%;width:100%}.thumbnail.tour .gradient{background:linear-gradient(to bottom,#0000,#000);bottom:0;height:60%;left:0;position:absolute;width:100%}.thumbnail.tour .percent-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.thumbnail.tour .percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.thumbnail.tour .bar{bottom:0;box-sizing:border-box;color:#fff;left:0;position:absolute;pointer-events:none;width:100%}.thumbnail.tour .bar .name,.thumbnail.tour .bar .date{box-sizing:border-box;left:0;overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:100%}.thumbnail.tour .bar .date{color:#01a2e0}.thumbnail.tour .eye{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.thumbnail.tour .download,.thumbnail.tour .bin{position:absolute;top:0;right:0}.thumbnail.tour .light{border:1px solid #fff;position:absolute;top:0;right:0;margin:4%;width:5%;aspect-ratio:1/1;background-color:#81db46;border-radius:50%;box-shadow:0 1px 2px 2px #00000040}body>.tutorial{background-color:#0003;position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease-out}body>.tutorial>.item{position:absolute}.tutorial .text{color:#fbb03b;text-wrap:balance;font-weight:600;position:absolute;text-shadow:0px 2px 3px rgba(0,0,0,.5);z-index:1000}.tutorial .buttons>*{background-color:#2daee5;color:#fff;cursor:pointer;text-align:center;font-weight:600}.tutorial .buttons{left:50%;position:fixed;transform:translate(-50%)}.thumbnail.tour:hover .icons{display:block}.thumbnail-grid::-webkit-scrollbar{width:5px}html,body{font-size:15px}.splash .logo{width:195px;height:195px}.header{height:64px}.header .logo{left:30px;width:220px;height:40px}.header .icons{right:22px}.header .icons>*+*{margin-left:10px}.header .lock{width:38px;transform:translateY(-3px)}.header .cloud{width:34px}.header .sort{width:36px}.header .install{width:37px}.window .form{filter:drop-shadow(0 4px 5px rgb(0 0 0 / 1));padding:75px 100px;border-radius:15px;width:460px}.window .form button,.window .form input{border-radius:8px;border-width:1px;font-size:14px;padding:12px}.window .form .title{font-size:20px;margin-bottom:24px}.window .form button{width:calc(50% - 5px)}.window .form button+button{margin-left:10px}.window .form input{margin-bottom:14px}.dropdown{border-radius:10px;filter:drop-shadow(0 4px 5px rgb(0 0 0 / 1));padding:20px 0}.dropdown label{padding:0 20px}.dropdown label+label{margin-top:20px}.dropdown input[type=radio]{width:14px;height:14px;margin-right:6px;border:1px solid #fff;transform:translateY(2px)}.dropdown .separator{height:1px;margin:15px 0}.dropdown.sort{top:60px;right:5px}.view-qr,.view-code{filter:drop-shadow(0 0 5px rgb(0 0 0 / 1));bottom:20px;right:20px;width:80px;height:80px}.qr-scanner .close{top:0;right:0;width:50px;height:50px}.qr-scanner .close:before{filter:drop-shadow(0 0 5px rgb(0 0 0 / 1));font-size:50px;line-height:50px}.thumbnail-grid{grid-template-columns:repeat(auto-fill,300px);grid-auto-rows:190px;gap:26px;top:64px;padding:40px;height:calc(100% - 64px)}.thumbnail{border-radius:15px}.thumbnail.tour .icons{display:none}.thumbnail .icons>*{width:55px;filter:drop-shadow(0 0 5px rgb(0 0 0 / 1));margin-left:5px;margin-right:5px}.thumbnail.add{border-width:2px}.thumbnail .percent{text-shadow:0 0 5px rgb(0 0 0 / 1)}.thumbnail.tour .bar .date{bottom:32px;font-size:12px;padding:0 16px}.thumbnail.tour .bar .name{bottom:14px;padding:0 16px}.thumbnail .eye{width:55px;filter:drop-shadow(0 0 5px rgb(0 0 0 / 1))}.thumbnail.tour .download,.thumbnail.tour .bin{width:17%;filter:drop-shadow(0 0 5px rgb(0 0 0 / 1))}.tutorial .text{font-size:15px;line-height:18px}.tutorial .add .text{top:150px;left:50%;width:300px;text-align:center;transform:translate(-50%)}.tutorial .add-zip .text{left:50%;transform:translate(-70%);width:200px;top:150px;text-align:center}.tutorial .add-code .text{left:50%;transform:translate(-30%);width:200px;top:200px;text-align:center}.tutorial .delete .text,.tutorial .download .text{top:67px;left:135px;width:300px;text-align:left;transform:translate(0)}.tutorial .view .text{top:250px;width:300px;left:50%;text-align:center;transform:translate(-50%)}.tutorial .stored .text{text-align:left;transform:translateY(-50%);left:100px;top:72px;width:300px}.tutorial .install .text{top:50%;right:calc(60px + 100%);width:120px;text-align:right;transform:translateY(-50%)}.tutorial .sort .text{top:121px;left:50%;width:115px;text-align:right;transform:translate(-150%,-50%)}.tutorial .cloud .text{top:206px;left:50%;width:200px;text-align:right;transform:translate(-120%,-50%)}.tutorial .qr .text,.tutorial .code .text{text-align:right;width:350px;left:-61px;bottom:146px;transform:translate(-100%,-50%)}.tutorial .buttons{bottom:40px;white-space:nowrap}.tutorial .buttons>*{font-size:15px;padding:16px 44px;border-radius:4px;margin:0 5px}.mobile *::-webkit-scrollbar{width:1vmin}body.mobile{font-size:3.8vmin}.mobile .splash .logo{width:47vmin;height:47vmin}.mobile .main{background-image:radial-gradient(circle at 50% 50%,#3b3b3b,#070b11)}.mobile .header{height:12.5vmin}.mobile .header .logo{left:4vmin;width:43.5vmin;height:7.91vmin}.mobile .header .icons{right:3vmin}.mobile .header .icons>*+*{margin-left:2.5vmin}.mobile .header .lock{width:9vmin;transform:translateY(-.6vmin)}.mobile .header .cloud{width:9vmin}.mobile .header .sort,.mobile .header .install{width:10.5vmin}.mobile .window .form{padding:13vmin;border-radius:3.5vmin;width:96vmin}.mobile .window .form .title{font-size:5.5vmin}.mobile .window .form button,.mobile .window .form input{border-radius:2vmin;border-width:1px;font-size:4vmin;padding:2.32vmin}.mobile .window .form button{width:calc(50% - 1.16vmin)}.mobile .window .form button+button{margin-left:2.32vmin}.mobile .window .form input{margin-bottom:4vmin}.mobile .dropdown{border-radius:2.5vmin;filter:drop-shadow(0 4px 5px rgb(0 0 0 / 1));padding:6vmin 0}.mobile .dropdown label{padding:0 7.5vmin}.mobile .dropdown label+label{margin-top:6vmin}.mobile .dropdown input[type=radio]{width:4vmin;height:4vmin;margin-right:2vmin;border:1px solid #fff;transform:translateY(2px)}.mobile .dropdown .separator{height:1px;margin:5vmin 0}.mobile .dropdown.sort{top:10.5vmin;right:1vmin}.mobile .view-qr{bottom:8vmin;right:6vmin;width:14vmin;height:14vmin}.mobile .thumbnail-grid{grid-template-columns:repeat(auto-fill,44vmin);grid-auto-rows:27.9vmin;gap:4vmin;top:12.5vmin;padding:4vmin 2vmin;height:calc(100% - 12.5vmin)}.mobile .thumbnail{border-radius:2vmin}.mobile .thumbnail.tour .icons{display:none}.mobile .thumbnail .icons>*{width:14vmin;filter:drop-shadow(0 0 5px rgb(0 0 0 / 1));margin-left:1.5vmin;margin-right:1.5vmin}.mobile .thumbnail.add{border-width:1px}.mobile .tutorial-visible .thumbnail.add{opacity:1}.mobile .thumbnail.add .icons .add.qr-enabled,.mobile .thumbnail.add .icons .add-qr,.mobile .thumbnail.add .icons .add-zip{pointer-events:auto}.mobile .thumbnail .percent{text-shadow:0 0 5px rgb(0 0 0 / 1)}.mobile .thumbnail.tour .download,.mobile .thumbnail.tour .bin{margin:-.5vmin;width:12vmin;filter:drop-shadow(0 0 5px rgb(0 0 0 / 1))}.mobile .thumbnail .light{margin:2vmin;width:2.5vmin}.mobile .thumbnail .eye{width:14vmin}.mobile .thumbnail.tour .bar .date{bottom:6.5vmin;font-size:2.6vmin;padding:0 3vmin}.mobile .thumbnail.tour .bar .name{bottom:2vmin;padding:0 3vmin;font-size:3.5vmin}.mobile .tutorial .text{font-size:3.75vmin;line-height:4.5vmin}.mobile.portrait .tutorial .add .text{width:45vmin;top:28vmin}.mobile.landscape .tutorial .add .text{width:43vmin;top:28vmin}.mobile.portrait .tutorial .add-zip .text{width:35vmin;top:28vmin;left:50%;transform:translate(-50%)}.mobile.portrait .tutorial .add-qr .text{width:45vmin;top:28vmin;left:125%;transform:translate(0);text-align:left}.mobile.landscape .tutorial .add-zip .text{width:35vmin;top:28vmin;left:50%;transform:translate(-50%);text-align:center}.mobile.landscape .tutorial .add-qr .text{width:35vmin;top:28vmin;left:110%;transform:translate(0);text-align:left}.mobile.portrait .tutorial .download .text,.mobile.portrait .tutorial .delete .text{top:35vmin;left:50%;width:40vmin;text-align:right;transform:translate(-130%)}.mobile.landscape .tutorial .download .text,.mobile.landscape .tutorial .delete .text{top:15vmin;left:30vmin;width:40vmin;text-align:left;transform:translateY(-50%)}.mobile.portrait .tutorial .view .text{top:27vmin;left:50%;width:40vmin;text-align:right;transform:translate(-130%)}.mobile.portrait .tutorial .stored .text{top:42vmin;right:0;text-align:right;transform:translate(-13%);left:auto}.mobile.landscape .tutorial .view .text{top:28vmin;left:50%;width:40vmin;text-align:center;transform:translate(-50%)}.mobile.landscape .tutorial .stored .text{top:11vmin;left:22vmin;text-align:left;transform:translateY(-50%)}.mobile.portrait .tutorial .install .text{top:50vmin;left:-10vmin;transform:translate(-100%);width:52vmin}.mobile.portrait .tutorial .cloud .text{top:78vmin;left:-10vmin;transform:translate(-100%);width:52vmin}.mobile.portrait .tutorial .sort .text{top:66vmin;left:-10vmin;transform:translate(-100%);width:52vmin}.mobile.landscape .tutorial .install .text{top:15vmin;left:-20vmin;transform:translate(-100%);width:52vmin}.mobile.landscape .tutorial .sort .text{top:29vmin;left:-10vmin;transform:translate(-100%);width:52vmin}.mobile.landscape .tutorial .cloud .text{top:42vmin;left:-10vmin;transform:translate(-100%);width:52vmin}.mobile.portrait .tutorial .qr .text,.mobile.landscape .tutorial .qr .text{top:-19vmin;bottom:auto;left:-9vmin;text-align:right;width:50vmin;transform:translate(-100%,-50%)}.thumbnail-grid::-webkit-scrollbar{width:.5vmin}body.mobile-headset{font-size:2.25vmin}.mobile-headset .splash .logo{width:35.25vmin;height:35.25vmin}.mobile-headset .header{height:9.6vmin}.mobile-headset .header .logo{left:4.5vmin;width:33vmin;height:6vmin}.mobile-headset .header .icons{right:2.5vmin}.mobile-headset .header .icons>*+*{margin-left:.5vmin}.mobile-headset .header .lock{width:6vmin;transform:translateY(-.2vmin)}.mobile-headset .header .cloud{width:5vmin}.mobile-headset .header .sort{width:5.5vmin}.mobile-headset .header .install{width:6vmin}.mobile-headset .window .form{filter:drop-shadow(0 .6vmin .75vmin rgb(0 0 0 / 1));padding:11.25vmin 15vmin;border-radius:2.25vmin;width:69vmin}.mobile-headset .window .form button,.mobile-headset .window .form input{border-radius:1.2vmin;border-width:1px;font-size:2.1vmin;padding:1.8vmin}.mobile-headset .window .form .title{font-size:3vmin;margin-bottom:3.6vmin}.mobile-headset .window .form button{width:calc(50% - .75vmin)}.mobile-headset .window .form button+button{margin-left:1.5vmin}.mobile-headset .window .form input{margin-bottom:2.1vmin}.mobile-headset .dropdown{border-radius:1.5vmin;filter:drop-shadow(0 .6vmin .75vmin rgb(0 0 0 / 1));padding:3vmin 0}.mobile-headset .dropdown label{padding:0 3vmin}.mobile-headset .dropdown label+label{margin-top:3vmin}.mobile-headset .dropdown input[type=radio]{width:2.1vmin;height:2.1vmin;margin-right:.9vmin;border:1px solid #fff;transform:translateY(.3vmin)}.mobile-headset .dropdown .separator{height:1px;margin:2.25vmin 0}.mobile-headset .dropdown.sort{top:9vmin;right:.75vmin}.mobile-headset .view-code{bottom:4vmin;right:4vmin;width:10vmin;height:10vmin}.mobile-headset .thumbnail-grid{grid-template-columns:repeat(auto-fill,40vmin);grid-auto-rows:25.34vmin;gap:3.9vmin;top:9.6vmin;padding:6vmin;height:calc(100% - 9.6vmin)}.mobile-headset .thumbnail{border-radius:1.5vmin}.mobile-headset .thumbnail .icons>*{width:8.25vmin;filter:drop-shadow(0 0 .75vmin rgb(0 0 0 / 1));margin-left:.75vmin;margin-right:.75vmin}.mobile-headset .thumbnail.add{border-width:2px}.mobile-headset .thumbnail.add .icons .add.code-enabled,.mobile-headset .thumbnail.add .icons .add-code,.mobile-headset .thumbnail.add .icons .add-zip{pointer-events:auto}.mobile-headset .thumbnail .percent{text-shadow:0 0 .75vmin rgb(0 0 0 / 1)}.mobile-headset .thumbnail.tour .bar .date{bottom:4.8vmin;font-size:1.8vmin;padding:0 2.4vmin}.mobile-headset .thumbnail.tour .bar .name{bottom:2.1vmin;padding:0 2.4vmin}.pointer-fine .thumbnail.tour .icons{display:block;opacity:0;transition:opacity .2s linear}.pointer-fine .thumbnail.tour .light,.pointer-fine .thumbnail .action{transition:opacity .2s linear}.pointer-fine .thumbnail.tour:hover .light,.pointer-fine .thumbnail.tour .action{opacity:0}.pointer-fine .thumbnail:hover .action,.pointer-fine .thumbnail.action .action{opacity:.8}.pointer-fine .tutorial-visible .thumbnail .action,.pointer-fine .thumbnail .action:hover{opacity:1}.pointer-fine .thumbnail .eye{opacity:.01!important;width:100%;height:100%}.pointer-fine .header .icons>*{opacity:.8}.pointer-fine .tutorial-visible .header .icons>*,.pointer-fine .header .icons>*:hover{transition:opacity .2s linear;opacity:1}.pointer-coarse .thumbnail.tour.hover .bar{display:none}.pointer-coarse .thumbnail .action{opacity:.8}.pointer-coarse .thumbnail.tour .action{opacity:0;pointer-events:none}.pointer-coarse .thumbnail.tour.hover .action{opacity:.8;display:inline-block;pointer-events:auto}.pointer-coarse .thumbnail.tour.hover .light{opacity:0}.pointer-coarse .tutorial-visible .thumbnail .action,.pointer-coarse .thumbnail .action:active,.pointer-coarse .thumbnail .action:has(*:active){opacity:1}.pointer-coarse .header .icons>*{opacity:.8}.pointer-coarse .tutorial-visible .header .icons>*,.pointer-coarse .header .icons>*:active,.pointer-coarse .header .icons>*:has(*:active){opacity:1}