@import"https://css.gg/css?=|add-r|user|board|pen|lock-unlock|lock|trash";.sidenav{list-style:none;display:flex;flex-direction:column}.sidenav li{width:200px}.sidenav a{display:block;padding:20px;color:#fff;position:relative;background:#1f2937}.sidenav .active{background:#1f2937;position:relative}.sidenav .active a{background:#fff;color:#000;border-radius:10px 0 0 10px}.sidebar{width:65px;overflow:hidden;position:fixed;box-shadow:0 4px 10px #000;transition:all .5s ease 0s}.sidebar h1{opacity:0;visibility:hidden;transition:all .5s ease 0s}.sidebar li a{display:flex;width:100%;align-items:center;padding:10px}.sidebar i{--ggs: 2}.sidebar .icon{width:45px;height:45px;min-width:45px;margin-right:10px;display:flex;justify-content:center;align-items:center;border-radius:5px}.sidebar .name{line-height:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sidebar button{display:none;position:absolute;right:0;opacity:0;transition:all .5s ease 0s}.sidebar:hover{width:200px;overflow-y:auto}.sidebar:hover::-webkit-scrollbar{width:5px}.sidebar:hover::-webkit-scrollbar-track{background:transparent}.sidebar:hover::-webkit-scrollbar-thumb{background:#bbb;border-radius:5px}.sidebar:hover h1{visibility:visible;opacity:1}.sidebar:hover button{display:block;opacity:1}.main{margin-left:65px}.board-placeholder{opacity:.5}.form .form-input{position:relative;clear:both}.form .form-input input{outline:none;padding:5px 10px;color:#777;border:1px solid;border-radius:5px;width:100%}.form .form-input input:focus{box-shadow:0 0 5px #777;border-color:#9a365c}.form .form-input input::-moz-placeholder{color:#fff}.form .form-input input::placeholder{color:#fff}.form .form-input input:not(:-moz-placeholder-shown)+label{top:-5px;left:0}.form .form-input input:not(:placeholder-shown)+label,.form .form-input input:focus:not([readonly])+label{top:-5px;left:0}.form .form-input label{position:absolute;left:10px;top:25px;cursor:inherit}.form .form-textarea textarea{outline:none;padding:5px 10px;color:#777;border:1px solid;border-radius:5px;width:100%;height:85px}.form .form-textarea textarea:focus{box-shadow:0 0 5px #777;border-color:#9a365c}.form .form-textarea textarea::-moz-placeholder{color:#fff}.form .form-textarea textarea::placeholder{color:#fff}.form .form-textarea textarea:not(:-moz-placeholder-shown)+label{top:-5px;left:0}.form .form-textarea textarea:not(:placeholder-shown)+label,.form .form-textarea textarea:focus+label{top:-5px;left:0}.form .form-todo{display:flex;flex-direction:column}.form .form-todo textarea{height:100%}.form .form-todo textarea::-moz-placeholder{color:#bbb}.form .form-todo textarea::placeholder{color:#bbb}.form .cutter{display:flex;justify-content:center;cursor:pointer}.form .cutter.expand .icon{transform:rotate(-180deg)}.form .cutter .icon{display:inline-block;transition:all .3s ease-out}.form .form-file img{border-radius:10px}.form .form-file label{border:1px dashed #333;border-radius:3px;display:block;padding:5px 8px;position:relative}.form .form-file label input{display:none}.form .form-file label:hover:before{content:"Click to change Image";position:absolute;display:flex;left:0;right:0;top:0;bottom:0;cursor:pointer;align-items:center;justify-content:center;background:rgba(0,0,0,.7);color:#fff;font-weight:700}.form .form-icon label{display:flex;align-items:center;gap:10px;flex-direction:row-reverse;justify-content:left}.form .form-checkbox label{display:flex;align-items:center;gap:5px}.form .form-checkbox input{width:20px;height:20px;cursor:pointer}.form .form-select{display:flex;flex-direction:row-reverse;align-items:center;gap:10px;padding-bottom:10px}.form .form-select select{outline:none;padding:5px 10px;color:#777;border:1px solid;border-radius:5px;width:100%}button.button{background:#1f2937;color:#fff;border-radius:3px;line-height:40px;display:flex;justify-content:center;align-items:center}button.button:hover{background:#000}button.button.secondary{color:#1f2937;border:1px solid;background:#eee}button.button.secondary:hover{background:#fff}.auth-via{transition:all .5s ease 0s;position:relative;cursor:pointer;opacity:.5;box-shadow:inset 0 0 100px #000}.auth-via:hover{width:200%;opacity:1;z-index:2}.auth-via:hover span{opacity:1;transition:all .5s ease .2s}.auth-via span{position:absolute;top:50%;left:50%;width:300px;height:150px;margin-left:-150px;margin-top:-75px;text-align:center;background:#fff;padding-top:30px;border-radius:10px;box-shadow:0 0 50px #000;font-size:28px;background:#777;background:linear-gradient(180deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.4) 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:1px 1px rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);opacity:0}.auth-via b{display:block;font-size:32px}.google,.steam{background:center center no-repeat #000;background-size:cover;min-height:100vh;width:100vh;width:100%}.login{background:center center no-repeat #000;background-size:cover;min-height:100vh;width:100vh;width:100%;border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3)}.auth-container{display:flex;justify-content:center;background:#000}.dashboard{display:flex;justify-content:center;align-items:center;flex-direction:column;background:center no-repeat #bbb;background:center center no-repeat #000;background-size:cover;width:100vh;min-height:100vh;width:auto}.dashboard .card .icon{height:50px}.dashboard h3{font-size:24px;font-weight:700;color:#fff;padding:5px 30px;border-radius:5px;margin-bottom:10px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 2px #000}.dashboard ul li{display:inline-block}.toggle-switch{position:relative;width:50px;margin-top:-25px}.toggle-switch label{position:absolute;width:100%;height:25px;background-color:#1f2937;border-radius:12px;cursor:pointer;box-shadow:0 0 2px #fff}.toggle-switch input{position:absolute;display:none}.toggle-switch input:checked~.slider{background-color:#d8dbe0}.toggle-switch input:checked~.slider:before{transform:translate(23.75px);background-color:#1f2937;box-shadow:none}.toggle-switch .slider{position:absolute;width:100%;height:100%;border-radius:25px;transition:.3s}.toggle-switch .slider:before{content:"";position:absolute;top:2.25px;left:4px;width:20px;height:20px;border-radius:50%;box-shadow:inset 7px -1px #d8dbe0;background-color:#1f2937;transition:.3s}body,#app{height:100vh}hr{border-color:#bbb;width:80%;box-shadow:0 2px 2px #000}.glass{background:rgba(255,255,255,.2);border-radius:10px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.columns{padding:10px;white-space:nowrap;overflow-x:auto}.columns .drag,.columns .add,.columns .column,.columns .droptarget{display:inline-block;float:none;vertical-align:top}.columns .drag,.columns .droptarget{height:100%}.column{float:left;width:300px;padding-bottom:20px}.column.add{height:100vh;max-height:100%;position:relative;cursor:pointer;opacity:.5;transition:all .5s ease 0s}.column.add:before{content:"+";background:rgba(255,255,255,.5);color:#fff;border-radius:50%;font-size:100px;line-height:75px;position:absolute;top:50%;left:50%;width:100px;height:100px;margin-left:-50px;margin-top:-50px;text-align:center}.column.add:hover{opacity:1}.card-droptarget{height:10px}.card-droptarget.active{height:45px;padding:5px}.card-droptarget.active:after{content:"Insert here";background:rgba(255,255,255,.2);border-radius:10px;text-align:center;color:#fff;display:block;padding:5px}.droptarget{width:20px;height:100vh;float:left}.droptarget.active{width:300px;height:100vh;padding:0 10px}.droptarget.active:after{content:"Insert here";color:#fff;text-shadow:0 0 3px #000;text-align:center;background:rgba(255,255,255,.2);border-radius:10px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);padding:50px 20px 35px;height:200px;font-size:21px;font-weight:700;display:block}.moving{opacity:.4}.moving .droptarget{visibility:hidden;width:20px}.card{margin:0 5px;border:1px solid #bbb;background:#eee;border-radius:5px;overflow:hidden;position:relative;min-height:32px;min-width:286px}.card:hover{box-shadow:0 0 5px #fff}.card .back{width:100%;height:161px;background:center center no-repeat #bbb;background-size:cover}.card .back .icon{transition:all .5s ease 0s;border-bottom-right-radius:10px}.card .title{font-weight:700;bottom:0;background:rgba(255,255,255,.5)}.card .title.top-title{bottom:auto;top:0}.card .description{padding:5px;white-space:normal}.card .description ul{list-style:disc;padding-left:30px}.edit-board-btn{position:relative;z-index:2;float:right;font-size:1.25rem;margin:5px}.btn-create{background:#eee;border:1px solid #bbb;cursor:pointer;display:block;margin:10px 5px;padding:5px 10px;text-align:center;border-radius:5px}.btn-create:hover{box-shadow:0 0 5px #fff}.modal{position:fixed;z-index:100;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center}.modal .container{background:rgba(255,255,255,.5);width:340px;margin:auto;padding:10px 15px}.modal .card-container{width:680px}.modal .title{font-size:21px;font-weight:700;line-height:40px;white-space:nowrap}.btn-close{width:40px;height:40px;border-radius:40px;position:absolute;z-index:1;cursor:pointer;display:inline-block;right:0;margin-right:5px}.btn-close:before{content:"+";color:#1f2937;position:absolute;z-index:2;transform:rotate(45deg);font-size:50px;line-height:45px;top:-5px;left:6px;transition:all .3s cubic-bezier(.77,0,.2,.85)}.btn-close:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:#1f2937;z-index:1;transition:all .3s cubic-bezier(.77,0,.2,.85);transform:scale(.01)}.btn-close:hover:after{transform:scale(1)}.btn-close:hover:before{transform:scale(.8) rotate(45deg);color:#fff}.msg-error{background:#9a365c;color:#fff;border:1px solid;border-radius:5px;padding:5px 15px;margin:10px 0;box-shadow:0 0 3px #000;text-shadow:1px 1px #000}.user-panel{position:absolute;right:0;top:0;z-index:1}.user-panel .user-info{padding:5px 10px;background:#fff;border-bottom-left-radius:5px;box-shadow:0 0 5px #888;height:35px}.user-panel .user-dropdown{display:none}.user-panel .user-dropdown a:hover{background-color:#eee}.user-panel:hover .user-dropdown{display:block}.user-panel .exit{background:#9a365c;color:#fff;display:inline-block;width:23px;height:23px;border-radius:50%;text-align:center;line-height:20px;margin-left:10px;float:right}.user-panel .avatar{float:left;width:25px;border-radius:5px;margin-right:10px}.toast{position:absolute;left:50%;width:400px;height:150px;margin-left:-200px;text-align:center;transition:all .5s ease 0s;background:#9a365c;color:#fff;border:1px solid;border-radius:5px;padding:5px 15px;box-shadow:0 0 3px #000;text-shadow:1px 1px #000;z-index:1000;height:auto;margin-top:0;top:50px}.error{background:#9a365c}.success{background:#148f5b}.board{background:"board.jpg" center no-repeat #000;background-size:cover;min-height:100vh;width:100vh;width:100%;display:flex;flex-direction:column}.board .header{display:flex;align-items:center}.board .header .icon{height:50px;margin:5px 0 5px 10px;position:relative;border-radius:5px;overflow:hidden}.board .header .icon span{position:absolute;width:100%;height:100%;background:rgba(255,100,100,.5);display:flex;justify-content:center;align-items:center;opacity:0;transition:all .5s ease 0s}.board .header .icon i{color:#fff;--ggs: 1.3}.board .header .icon:hover span{opacity:1}.board .header h1{font-size:24px;font-weight:700;border-radius:5px;margin:0 20px;padding:0 20px}.board .header .secure-icon{display:flex;justify-content:center;align-items:center;width:30px;height:30px;margin-right:30px}.readonly .toggle-switch,.readonly .edit-column,.readonly .column.add,.readonly .btn-create,.readonly .card-droptarget{display:none}.board.mode-dark .header h1,.board.mode-dark .secure-icon,.board.mode-dark .column h4{color:#fff}.board.mode-light .header h1,.board.mode-light .secure-icon,.board.mode-light .column h4{color:#000}