*{-webkit-user-select:none}html{padding:0;margin:0;outline:0;background:transparent}body{display:flex;height:100vh;overflow:hidden;font:caption;background:transparent !important}#appbar{border-radius:5px;position:relative;margin:auto;width:75px;height:92.2%;background:transparent !important;overflow:hidden;padding-top:35px;padding-bottom:10px;border:1px solid rgba(255,255,255,0.1)}#appbar .track{overflow-x:hidden;overflow-y:scroll;height:100%;width:96%;margin:0 2%}#appbar .track .app.empty{border:dashed 2px rgba(255,255,255,0.089)}#appbar .track .app.empty::before{content:'+';font-size:40px;position:absolute;left:17px;top:5px;transform:scale(0.9);color:rgba(255,255,255,0.089)}#appbar .track .app{position:relative;width:56px !important;height:56px !important;display:table;margin-left:auto;margin-right:auto;margin-bottom:2vh;border-radius:5px;display:flex;border:dashed 2px transparent}#appbar .track .app *{margin:auto}#appbar .track .app .icon{width:32px;height:32px;z-index:0;border-radius:5px}#appbar .track .app input[type=file]{position:absolute;width:100%;height:100%;opacity:0;z-index:10}#appbar .track .app:hover{color:#00aced}#appbar .track .app:hover .icon{filter:hue-rotate(0deg) saturate(2) invert(0)}#appbar .track .app:hover::after{content:'';width:9px;height:9px;border-radius:50%;background:#fff;position:absolute;bottom:30%;right:10%;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);z-index:100}#appbar .track .app.empty:hover::after{display:none}#appbar .track .app.active::before{content:'';width:9px;height:9px;border-radius:50%;background:#00aced;position:absolute;bottom:30%;right:10%;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);z-index:100}#appbar .track .app.empty:hover::before{color:#00aced}#drag{width:100%;position:absolute;height:35px;background:transparent;top:0;left:0;-webkit-app-region:drag;display:flex;align-items:center;justify-content:center;z-index:99999 !important}#drag .circle{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.192);cursor:move}#drag .bar{width:30px;height:8px;border-radius:10px;margin-left:5px;background:rgba(255,255,255,0.192);cursor:move}#drag .circle:nth-child(2){margin-left:5px;margin-right:5px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}::-webkit-scrollbar{width:7px;background-color:transparent !important;display:none}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#636363}.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:linear;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@-webkit-keyframes bounce{0%,100%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-5px)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeIn{animation-name:fadeIn;animation-timing-function:ease-out;animation-duration:.3s}.fadeOut{animation-name:fadeOut;animation-duration:.3s;animation-fill-mode:forwards}.settings-page{font:caption;background:#252525 !important;color:#999;position:relative;overflow-y:scroll !important}.settings-page h2{color:#999}.settings-page .board{width:90%;height:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:row;overflow-x:hidden;overflow-y:scroll !important;font:caption}.settings-page .board .lside{height:100%;display:flex;justify-content:center;align-items:flex-start}.settings-page .board .lside div{margin:30px auto;text-align:center}.settings-page .board .lside div img{width:60px;height:60px}.settings-page .board .lside div p{margin:5px 0 0 0;color:#999;font-size:14px;letter-spacing:1px}.settings-page .board .rside{width:70%;height:100%;padding-top:30px}.settings-page .board .rside h2{font:caption;font-weight:bold;font-size:30px;margin:0 0 15px 0;color:rgba(0,0,0,0.712)}.settings-page .board .rside .label{font-size:14px;margin-bottom:2px;display:block}.settings-page .board .rside .form-control{margin-top:13px}.settings-page .board .rside .form-control select{border-radius:5px;padding:3px 5px;border:2px solid #00aced;outline:none;font:caption;color:#999;background:transparent}.settings-page .board .rside .form-control select option{background:#222;color:#999}.settings-page .board .rside .switch{transform:scale(0.7) translateX(-15px)}.settings-page .board .rside .btn{display:block;width:20%;margin-top:10px;padding:10px 0;font-weight:bold;border-radius:5px;background:#222;color:white;border:3px solid #111;outline:none;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);position:absolute;right:30px;bottom:30px;transform:scale(0.9)}.settings-page .board .rside .btn:hover{background:#2196F3}.settings-page .window-maximize,.settings-page .window-minimize{display:none}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196F3}input:focus+.slider{box-shadow:0 0 1px #2196F3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.toast-left{left:20px;position:absolute;width:80px !important;font:caption;box-shadow:none !important;color:#999}.intro-page{display:flex}.intro-page .slide.mac{margin:auto;padding:0 !important;margin:0 !important;width:100vw !important;height:100vh !important}.intro-page .slide{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);border-radius:5px;width:95vw;height:95vh;display:flex;background:#d5ecff;margin:auto}.intro-page .slide .pane{margin:auto;font:caption;text-align:center;max-width:75vh;position:relative;z-index:1}.intro-page .slide .pane img{width:auto;height:130px}.intro-page .slide .pane h2{color:#333;font-size:25px;margin-bottom:10px}.intro-page .slide .pane p{margin-top:0px;font-size:13px;color:#000;font-weight:400;text-align:center}.intro-page .slide .pane .nav{padding-top:5px;display:table;margin:0 auto;transform:scale(0.85)}.intro-page .slide .pane .nav button{background:#d5ecff;border:3px solid #00aced;border-radius:5px;padding:10px 25px;outline:none;font-weight:bold;font-size:14px;transition:ease all .2s;margin:0 3px}.intro-page .slide .pane .nav button:hover{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);border-color:transparent;background:#4e4e4e;color:white}.intro-page .slide .pane .nav button.close{background:#00aced;color:white}span.key{background:#eee;border:1px solid #999;color:#222;padding:0px 5px;border-radius:5px;font-weight:bold;line-height:25px}.particle{position:absolute;z-index:0;border-radius:50%}@keyframes particle-animation-1{100%{transform:translate3d(62vw, 73vh, 57px)}}.particle:nth-child(1){animation:particle-animation-1 60s infinite;opacity:.4;height:10px;width:10px;animation-delay:-.2s;transform:translate3d(15vw, 42vh, 44px);background:#50d926}@keyframes particle-animation-2{100%{transform:translate3d(25vw, 86vh, 36px)}}.particle:nth-child(2){animation:particle-animation-2 60s infinite;opacity:.71;height:8px;width:8px;animation-delay:-.4s;transform:translate3d(15vw, 9vh, 27px);background:#26d92c}@keyframes particle-animation-3{100%{transform:translate3d(27vw, 84vh, 43px)}}.particle:nth-child(3){animation:particle-animation-3 60s infinite;opacity:.46;height:10px;width:10px;animation-delay:-.6s;transform:translate3d(28vw, 58vh, 15px);background:#d926d3}@keyframes particle-animation-4{100%{transform:translate3d(37vw, 46vh, 20px)}}.particle:nth-child(4){animation:particle-animation-4 60s infinite;opacity:.46;height:8px;width:8px;animation-delay:-.8s;transform:translate3d(54vw, 85vh, 12px);background:#d926d3}@keyframes particle-animation-5{100%{transform:translate3d(23vw, 75vh, 20px)}}.particle:nth-child(5){animation:particle-animation-5 60s infinite;opacity:.57;height:9px;width:9px;animation-delay:-1s;transform:translate3d(72vw, 25vh, 88px);background:#d92647}@keyframes particle-animation-6{100%{transform:translate3d(66vw, 30vh, 66px)}}.particle:nth-child(6){animation:particle-animation-6 60s infinite;opacity:.05;height:6px;width:6px;animation-delay:-1.2s;transform:translate3d(36vw, 16vh, 62px);background:#d92641}@keyframes particle-animation-7{100%{transform:translate3d(10vw, 57vh, 23px)}}.particle:nth-child(7){animation:particle-animation-7 60s infinite;opacity:.46;height:7px;width:7px;animation-delay:-1.4s;transform:translate3d(75vw, 83vh, 67px);background:#be26d9}@keyframes particle-animation-8{100%{transform:translate3d(72vw, 77vh, 43px)}}.particle:nth-child(8){animation:particle-animation-8 60s infinite;opacity:.35;height:8px;width:8px;animation-delay:-1.6s;transform:translate3d(42vw, 26vh, 26px);background:#d94726}@keyframes particle-animation-9{100%{transform:translate3d(3vw, 53vh, 51px)}}.particle:nth-child(9){animation:particle-animation-9 60s infinite;opacity:.79;height:6px;width:6px;animation-delay:-1.8s;transform:translate3d(19vw, 83vh, 17px);background:#26d95c}@keyframes particle-animation-10{100%{transform:translate3d(3vw, 40vh, 34px)}}.particle:nth-child(10){animation:particle-animation-10 60s infinite;opacity:.41;height:8px;width:8px;animation-delay:-2s;transform:translate3d(2vw, 18vh, 70px);background:#26d95c}@keyframes particle-animation-11{100%{transform:translate3d(30vw, 13vh, 23px)}}.particle:nth-child(11){animation:particle-animation-11 60s infinite;opacity:.18;height:7px;width:7px;animation-delay:-2.2s;transform:translate3d(59vw, 74vh, 8px);background:#262cd9}@keyframes particle-animation-12{100%{transform:translate3d(69vw, 65vh, 63px)}}.particle:nth-child(12){animation:particle-animation-12 60s infinite;opacity:.67;height:6px;width:6px;animation-delay:-2.4s;transform:translate3d(45vw, 11vh, 4px);background:#26d99a}@keyframes particle-animation-13{100%{transform:translate3d(65vw, 5vh, 5px)}}.particle:nth-child(13){animation:particle-animation-13 60s infinite;opacity:.12;height:6px;width:6px;animation-delay:-2.6s;transform:translate3d(59vw, 53vh, 93px);background:#d9264a}@keyframes particle-animation-14{100%{transform:translate3d(88vw, 83vh, 35px)}}.particle:nth-child(14){animation:particle-animation-14 60s infinite;opacity:.9;height:10px;width:10px;animation-delay:-2.8s;transform:translate3d(30vw, 33vh, 20px);background:#d92629}@keyframes particle-animation-15{100%{transform:translate3d(22vw, 89vh, 40px)}}.particle:nth-child(15){animation:particle-animation-15 60s infinite;opacity:.61;height:7px;width:7px;animation-delay:-3s;transform:translate3d(39vw, 50vh, 11px);background:#d9a926}@keyframes particle-animation-16{100%{transform:translate3d(29vw, 29vh, 58px)}}.particle:nth-child(16){animation:particle-animation-16 60s infinite;opacity:.48;height:10px;width:10px;animation-delay:-3.2s;transform:translate3d(22vw, 53vh, 95px);background:#268ed9}@keyframes particle-animation-17{100%{transform:translate3d(21vw, 87vh, 54px)}}.particle:nth-child(17){animation:particle-animation-17 60s infinite;opacity:.37;height:6px;width:6px;animation-delay:-3.4s;transform:translate3d(33vw, 36vh, 94px);background:#2665d9}@keyframes particle-animation-18{100%{transform:translate3d(31vw, 87vh, 89px)}}.particle:nth-child(18){animation:particle-animation-18 60s infinite;opacity:.27;height:10px;width:10px;animation-delay:-3.6s;transform:translate3d(73vw, 65vh, 91px);background:#26d953}@keyframes particle-animation-19{100%{transform:translate3d(88vw, 29vh, 14px)}}.particle:nth-child(19){animation:particle-animation-19 60s infinite;opacity:.46;height:6px;width:6px;animation-delay:-3.8s;transform:translate3d(68vw, 77vh, 76px);background:#d93526}@keyframes particle-animation-20{100%{transform:translate3d(65vw, 6vh, 70px)}}.particle:nth-child(20){animation:particle-animation-20 60s infinite;opacity:.02;height:9px;width:9px;animation-delay:-4s;transform:translate3d(22vw, 43vh, 89px);background:#26d938}@keyframes particle-animation-21{100%{transform:translate3d(75vw, 12vh, 30px)}}.particle:nth-child(21){animation:particle-animation-21 60s infinite;opacity:.6;height:9px;width:9px;animation-delay:-4.2s;transform:translate3d(14vw, 45vh, 21px);background:#26b8d9}@keyframes particle-animation-22{100%{transform:translate3d(79vw, 70vh, 3px)}}.particle:nth-child(22){animation:particle-animation-22 60s infinite;opacity:.7;height:9px;width:9px;animation-delay:-4.4s;transform:translate3d(26vw, 55vh, 13px);background:#a6d926}@keyframes particle-animation-23{100%{transform:translate3d(55vw, 8vh, 89px)}}.particle:nth-child(23){animation:particle-animation-23 60s infinite;opacity:.07;height:7px;width:7px;animation-delay:-4.6s;transform:translate3d(9vw, 81vh, 66px);background:#c4d926}@keyframes particle-animation-24{100%{transform:translate3d(2vw, 28vh, 11px)}}.particle:nth-child(24){animation:particle-animation-24 60s infinite;opacity:.97;height:10px;width:10px;animation-delay:-4.8s;transform:translate3d(38vw, 35vh, 4px);background:#8b26d9}@keyframes particle-animation-25{100%{transform:translate3d(61vw, 84vh, 48px)}}.particle:nth-child(25){animation:particle-animation-25 60s infinite;opacity:.63;height:6px;width:6px;animation-delay:-5s;transform:translate3d(60vw, 3vh, 7px);background:#6ed926}@keyframes particle-animation-26{100%{transform:translate3d(76vw, 4vh, 62px)}}.particle:nth-child(26){animation:particle-animation-26 60s infinite;opacity:.56;height:8px;width:8px;animation-delay:-5.2s;transform:translate3d(84vw, 84vh, 50px);background:#3bd926}@keyframes particle-animation-27{100%{transform:translate3d(67vw, 55vh, 81px)}}.particle:nth-child(27){animation:particle-animation-27 60s infinite;opacity:.2;height:10px;width:10px;animation-delay:-5.4s;transform:translate3d(45vw, 68vh, 50px);background:#d92635}@keyframes particle-animation-28{100%{transform:translate3d(46vw, 4vh, 34px)}}.particle:nth-child(28){animation:particle-animation-28 60s infinite;opacity:.19;height:6px;width:6px;animation-delay:-5.6s;transform:translate3d(74vw, 75vh, 24px);background:#d93226}@keyframes particle-animation-29{100%{transform:translate3d(52vw, 66vh, 10px)}}.particle:nth-child(29){animation:particle-animation-29 60s infinite;opacity:.19;height:7px;width:7px;animation-delay:-5.8s;transform:translate3d(83vw, 16vh, 69px);background:#d92688}@keyframes particle-animation-30{100%{transform:translate3d(19vw, 2vh, 68px)}}.particle:nth-child(30){animation:particle-animation-30 60s infinite;opacity:.24;height:9px;width:9px;animation-delay:-6s;transform:translate3d(16vw, 64vh, 33px);background:#d99d26}.tooltiptext{visibility:hidden;opacity:0;max-width:50px !important;min-width:40px !important;background-color:#2c2c2c;color:rgba(255,255,255,0.822);text-align:center;border-radius:3px;padding:5px;z-index:1 !important;font:caption;font-size:13px;text-align:center;text-overflow:ellipsis;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);pointer-events:none}.tooltiptext p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:100%;padding:0;margin:0}.tooltiptext::first-letter{text-transform:capitalize}.tooltiptext::after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#2c2c2c transparent transparent transparent}.tooltiptext.top::after{content:" ";position:absolute;top:initial;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #2c2c2c transparent}.tooltiptext.show{animation-name:tooltip;animation-delay:.7s;animation-duration:.3s;animation-fill-mode:forwards}@keyframes tooltip{0%{visibility:hidden;opacity:0}100%{visibility:visible;opacity:1}}.tooltiptext.tether-out-of-bounds-top,.tooltiptext.tether-out-of-bounds-bottom{display:none}.mac-style{background:transparent !important}.mac-style .tooltip.empty{transform:scale(0.8);font-weight:lighter !important;border-color:rgba(255,255,255,0.4) !important}.mac-style .app.empty::before{top:2px !important;color:rgba(255,255,255,0.4) !important}.mac-style .app.empty:hover::before{top:2px !important;color:#00aced !important}.mac-style .app .icon{width:48px !important;height:48px !important}
