@import url(https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&family=Source+Code+Pro&family=Orbitron&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0);*{-webkit-text-stroke:.2px;margin:0;padding:0}body{background-color:#555;color:#eee;font-family:BIZ UDPGothic,sans-serif}#app{width:100%}textarea{border:1px solid #b73cff;border-radius:5px 5px 5px 5px;font-family:BIZ UDPGothic,sans-serif;font-size:16px;line-height:18px;padding:10px;transition:all .2s}textarea:focus{-webkit-filter:drop-shadow(0 0 3px rgba(252,130,231,.8));filter:drop-shadow(0 0 3px rgba(252,130,231,.8));outline:0}input{transition:all .2s}input[type=text]{border:1px solid #b73cff;border-radius:5px 5px 5px 5px;font-size:16px;padding:10px}input[type=text]:focus{-webkit-filter:drop-shadow(0 0 3px rgba(252,130,231,.8));filter:drop-shadow(0 0 3px rgba(252,130,231,.8));outline:0}input[type=password]{border:1px solid #b73cff;border-radius:5px 5px 5px 5px;font-size:16px;padding:10px}input[type=password]:focus{-webkit-filter:drop-shadow(0 0 3px rgba(252,130,231,.8));filter:drop-shadow(0 0 3px rgba(252,130,231,.8));outline:0}input[type=email]{border:1px solid #b73cff;border-radius:5px 5px 5px 5px;font-size:16px;padding:10px}input[type=email]:focus{-webkit-filter:drop-shadow(0 0 3px rgba(252,130,231,.8));filter:drop-shadow(0 0 3px rgba(252,130,231,.8));outline:0}select{border-radius:5px;margin-left:10px;padding:5px}button{background-color:#b73cff;border:1px solid #b73cff;border-radius:5px 5px 5px 5px;color:#fff;font-size:16px;height:40px;padding:5px;transition:all .2s}button:hover{background-color:#d48aff;-webkit-filter:drop-shadow(0 0 3px rgba(252,130,231,.8));filter:drop-shadow(0 0 3px rgba(252,130,231,.8))}.button-text{margin-right:5px;vertical-align:5px}a{color:#8e39ff;transition:all .2s}a:hover{color:#c981f2}h3{margin:10px}li,p{line-height:1.5rem}#header{background-color:#a1a1a1;border-radius:0 0 20px 20px;color:#eee;-webkit-filter:drop-shadow(0 0 5px rgba(34,34,34,.8));filter:drop-shadow(0 0 5px rgba(34,34,34,.8));margin-bottom:20px;padding:20px}#header h1{margin-top:0}#header a{color:#353535;text-decoration:none;transition:all .3s}.header-container{display:flex;height:36px;justify-content:space-between}.header-container div{display:flex}.header-container div:first-child{align-items:center;justify-content:flex-start}.header-container div:last-child{align-items:center;justify-content:flex-end}.header-logo{font-family:Orbitron,sans-serif;font-size:20px;font-weight:600;letter-spacing:5px}.header-logo-img{height:20px;left:230px;position:relative;top:-30px}#header a:hover{color:#d899ff;-webkit-filter:drop-shadow(0 0 3px rgba(160,44,255,.8));filter:drop-shadow(0 0 3px rgba(160,44,255,.8))}.header-menu-container{align-items:center;justify-content:flex-end}#header-menu{margin-right:50px}#logout{color:#353535;text-decoration:none;transition:all .3s}#logout:hover{color:#d899ff;cursor:pointer;-webkit-filter:drop-shadow(0 0 3px rgba(160,44,255,.8));filter:drop-shadow(0 0 3px rgba(160,44,255,.8))}.SW-update-dialog{background-color:#b73cff;color:#eee;-webkit-filter:drop-shadow(0 0 5px rgba(34,34,34,.8));filter:drop-shadow(0 0 5px rgba(34,34,34,.8));position:relative;width:100%;z-index:10}.SW-update-innner{padding:5px;text-align:center}.SW-update-innner button{background-color:#eee!important;color:#7b00c2!important;margin-left:20px}.SW-update-innner button:hover{background-color:#642c85!important;color:#eee!important;-webkit-filter:drop-shadow(0 0 3px rgba(252,130,231,.8));filter:drop-shadow(0 0 3px rgba(252,130,231,.8))}.schroll-disable{overflow:hidden}.menu-trigger,.menu-trigger span{box-sizing:border-box;display:inline-block;transition:all .4s}#menu-button-container{margin-right:20px}#menu-button{display:none}.menu-trigger{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;height:22px;position:relative;width:25px}.menu-trigger span{background-color:#353535;border-radius:2px;height:2px;left:0;position:absolute;width:100%}.menu-trigger span:first-of-type{top:0}.menu-trigger span:nth-of-type(2){top:10px}.menu-trigger span:nth-of-type(3){bottom:0}#menu-button.active span:first-of-type{-webkit-transform:translateY(10px) rotate(-45deg);transform:translateY(10px) rotate(-45deg)}#menu-button.active span:nth-of-type(2){-webkit-animation:active-menu-button-bar02 .8s forwards;animation:active-menu-button-bar02 .8s forwards;left:50%;opacity:0}@-webkit-keyframes active-menu-button-bar02{to{height:0}}@keyframes active-menu-button-bar02{to{height:0}}#menu-button.active span:nth-of-type(3){-webkit-transform:translateY(-10px) rotate(45deg);transform:translateY(-10px) rotate(45deg)}.load{align-items:center;background-color:#333;color:#eee;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:999999}.loader,.loader:after,.loader:before{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s ease-in-out infinite;animation:load7 1.8s ease-in-out infinite;border-radius:50%;height:2.5em;width:2.5em}.loader{-webkit-animation-delay:-.16s;animation-delay:-.16s;color:#fff;font-size:10px;margin:80px auto;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);transform:translateZ(0)}.loader:after,.loader:before{content:"";position:absolute;top:0}.loader:before{-webkit-animation-delay:-.32s;animation-delay:-.32s;left:-3.5em}.loader:after{left:3.5em}@-webkit-keyframes load7{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@keyframes load7{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}#layout{margin-bottom:5vh}.container{margin:0 auto;width:90%}.content{background-color:#eee;border-radius:10px;color:#333;display:flex;-webkit-filter:drop-shadow(0 0 2px rgba(34,34,34,.8));filter:drop-shadow(0 0 2px rgba(34,34,34,.8));flex-wrap:nowrap;padding:20px;width:calc(100% - 40px)}.content-warp{flex-wrap:wrap!important;justify-content:center}.content-max{width:100%}.inner-content75{width:75%}.inner-content25{width:25%}.content-center{align-items:center;display:flex;justify-content:center}.bold{font-weight:600}.icon-small{font-size:18px;vertical-align:-3px}.warning-text{color:#d23030}.form-message{border-radius:5px;display:none;font-size:20px;font-weight:800;margin:10px 0;padding:15px;width:calc(100% - 30px)}.error-message{background-color:#ffd3d3;border:1px solid #d23030;color:#d23030}.ok-message{background-color:#e9fff7;border:1px solid #2e7a3d;color:#2e7a3d}@media (max-width:650px){#menu-button{display:block;margin-right:20px;position:relative}#header-title h1{font-size:25px!important}#helo-logo{height:40px;left:0;position:relative;top:-20px}#header-menu{color:hsla(0,0%,93%,0);display:none}.header-search-form{display:none}.header-full{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-name:slideDown;animation-name:slideDown;-webkit-animation-timing-function:ease;animation-timing-function:ease;height:100vh}@-webkit-keyframes slideDown{0%{height:67px}to{height:100vh}}@keyframes slideDown{0%{height:67px}to{height:100vh}}.header-menu-active{display:block!important;left:0;position:absolute;top:62px;width:100%}#header .nav-item{display:flex!important;justify-content:center!important;margin:0;padding:10px!important}.inner-content25,.inner-content75{width:100%!important}}.input-group{display:flex;flex-wrap:wrap;justify-content:center;margin-top:10px}.input-group:first-child{margin-top:0}.input-group label{align-items:center;display:flex;width:100%}.input-group input{display:block;margin:10px;width:100%}.center-big-button-container{margin-top:10px;text-align:center;width:100%}.center-big-button{height:40px;width:50%}.button-danger{background-color:#b62424!important;border:1px solid #bb1b1b;color:#eee}.button-danger:hover{background-color:#7e0000!important;color:#fff;-webkit-filter:drop-shadow(0 0 3px rgba(136,0,41,.8));filter:drop-shadow(0 0 3px rgba(136,0,41,.8))}.button-outline{background-color:hsla(0,0%,100%,0);border:1px solid #b73cff;border-radius:5px 5px 5px 5px;color:#b73cff;font-size:16px;height:40px;padding:5px;transition:all .2s}.modal{-webkit-animation:modalAnimetion;animation:modalAnimetion;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-timing-function:ease;animation-timing-function:ease;background-color:#eee;border-radius:15px;color:#333;-webkit-filter:drop-shadow(0 0 5px rgba(34,34,34,.8));filter:drop-shadow(0 0 5px rgba(34,34,34,.8));left:calc(5% - 20px);padding:20px;position:absolute;width:90%;z-index:99999}.modal-message{align-items:center;display:flex;justify-content:center;margin:20px}.modal-control{display:flex;justify-content:space-around}.nav-item{display:inline-flex;margin-left:20px;padding:5px}.nav{margin:40px}.nav a{color:#eee;transition:all .2s}.nav a:hover{color:#b73cff}.symbol-animation:hover{font-weight:700;transition:all .5 ease}.task-list{background-color:#929292;border-radius:10px;padding:10px}.cursor-pointer{cursor:pointer}.date{-webkit-filter:drop-shadow(0 0 5px rgba(34,34,34,.8));filter:drop-shadow(0 0 5px rgba(34,34,34,.8));justify-content:center;margin-top:60px;top:10px}.date:first-child{margin-top:10px}.todos{display:flex;flex-wrap:wrap}.todo-wrapper,.todos{width:100%}.todo-control{margin-top:20px;text-align:right;width:100%}.list-name{background-color:#252525;border-radius:10px 10px 0 0;font-weight:400;left:-10px;padding:10px;position:relative;text-align:center;top:-10px;width:100%}#add-modal{clear:both}#task-input-textarea{border-bottom:0!important;border-radius:5px 5px 0 0!important;float:left;height:30vh;margin:0;resize:none;width:calc(100% - 22px)}#open-modal-button{width:100%}#add-button{border-radius:0 0 5px 5px!important;color:#fff;float:left;margin:0;width:100%}.add-button-active{-webkit-filter:drop-shadow(0 0 3px rgba(252,130,231,.8));filter:drop-shadow(0 0 3px rgba(252,130,231,.8))}@-webkit-keyframes modalAnimetion{0%{opacity:0}to{opacity:1}}@keyframes modalAnimetion{0%{opacity:0}to{opacity:1}}.mobal-close{margin-bottom:5px;text-align:right;width:100%}.mobal-close span{cursor:pointer;font-size:32px}.mobal-close span:hover{color:#bd1c1c;transition:all .5s ease}.todo{display:block!important;justify-content:space-between;margin-top:20px;transition:background-color .5s ease;transition:color .5s ease}.is-delete{-webkit-animation:fadeOut;animation:fadeOut;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease;animation-timing-function:ease}.is-completed{background-color:#3d3d3d!important;color:#a7a7a7!important}.is-completed .doneButton{color:#479747}.task-buttons{display:flex;justify-content:space-between;margin-bottom:10px}.task-buttons div{align-items:center;cursor:pointer;display:flex;justify-content:left;transition:all .2s}.done-button,.edit-button{margin-left:10px}.delete-button{display:flex;width:24px}.edit-button:hover{color:#d899ff}.done-button:hover{color:#479747}.delete-button:hover{color:#ff6b6b}.task-content{font-size:16px;line-break:anywhere;line-height:18px;padding:0 10px}.create-date{font-size:12px;margin-top:40px;text-align:right}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.task-comment{max-height:200px;overflow-y:scroll}.task-comment-list-open{-webkit-animation:comment-open-animetion .5s ease-out forwards;animation:comment-open-animetion .5s ease-out forwards;height:400px}.task-comment-list-close{-webkit-animation:comment-close-animetion .5s ease-out backwards;animation:comment-close-animetion .5s ease-out backwards;height:0}@-webkit-keyframes comment-open-animetion{0%{height:0}to{height:400px}}@keyframes comment-open-animetion{0%{height:0}to{height:400px}}@-webkit-keyframes comment-close-animetion{0%{height:400px}to{height:0}}@keyframes comment-close-animetion{0%{height:400px}to{height:0}}#list-control{margin-bottom:40px}#login-form-container{flex-wrap:wrap;justify-content:center}#login-form{width:50%}@media (max-width:600px){#login-form{width:90%}}#login-form-contaner{display:flex;justify-content:center}#login-bottom-menu{margin-top:20px;text-align:center;width:100%}#register-form{width:70%}#go-todo{display:none;text-align:center;width:100%}@media (max-width:600px){#register-form{width:100%}}#lostpassword-form{width:50%}@media (max-width:600px){#lostpassword-form{width:90%}}.setting-content:nth-child(n+1){margin-top:30px}#privacyPage p{margin-left:20px}#privacyPage ul{margin-left:40px}#privacy-content{width:100%}#release-note-content p{margin-left:20px}#release-note-content ul{margin-left:40px}
/*# sourceMappingURL=main.45e469a9.css.map*/