div#app{height:100vh;width:98%;align-items:end;margin:0 0 0 0!important;justify-content:center;font-size:22px;color:#6f6f6f;padding:38px 15px}div#app .my-alert{position:fixed;top:-80px;background:#ff006f;padding:12px 0;text-align:center;border-radius:10px;color:#fff;margin-left:21%;z-index:100000}div#app .loading,div#app .my-alert{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}div#app .loading{-webkit-animation:loading 2s infinite;-moz-animation:loading 2s infinite;-ms-animation:loading 2s infinite;-o-animation:loading 2s infinite;animation:loading 2s infinite;animation-direction:alternate-reverse;width:80%;transition:all 1s ease;margin:50px auto}div#app .missions{height:68vh;overflow-y:auto;margin-bottom:20px;border-radius:20px;padding:10px 15px;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}div#app .missions::-webkit-scrollbar{display:none}div#app .missions p{position:fixed;margin-top:0;margin-bottom:1rem;bottom:30px;left:35px;background:rgba(0,139,49,.412);-webkit-backdrop-filter:blur(2px);-moz-backdrop-filter:blur(2px);-ms-backdrop-filter:blur(2px);-o-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:17px;z-index:1;color:#fff;border-radius:50%;font-size:15px}div#app .missions ul.row.list-unstyled li,div#app .missions ul.row.list-unstyled p{display:inline-block;position:relative;z-index:0;background-color:#fff;min-width:147px;max-width:250px;padding:20px;margin:10px;border-radius:30px;box-shadow:0 0 25px -15px #666;transition:.3s}div#app .missions ul.row.list-unstyled li svg.bi-check-square.position-absolute.b-icon.bi,div#app .missions ul.row.list-unstyled p svg.bi-check-square.position-absolute.b-icon.bi{right:0;bottom:0}div#app .displayed-mission{height:86%;transition:all .3s}div#app .displayed-mission form{max-height:90%}div#app .displayed-mission form label{display:block}div#app .displayed-mission form input,div#app .displayed-mission form textarea{width:90%;padding:15px;margin:12px 0;background:#fafafa;border:none;border-radius:20px}div#app .displayed-mission form textarea{resize:none;height:140px}div#app .completed-missions{display:flex;align-items:center;overflow-x:overlay;overflow-y:hidden;height:20vh;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}div#app .completed-missions::-webkit-scrollbar{display:none}div#app .completed-missions ul{height:78%}div#app .completed-missions ul li{position:relative;z-index:0;text-align:center;background-color:#fff;display:inline-block;min-width:23%;max-width:250px;padding:20px;margin:10px;border-radius:30px;box-shadow:0 0 25px -15px #666;transition:all .3s}div#app .completed-missions ul li svg{right:0;bottom:0}div#app .edit-mode{width:100%;height:100vh;position:absolute;z-index:999;background-color:rgba(0,0,0,.11);-webkit-backdrop-filter:blur(2px);-moz-backdrop-filter:blur(2px);-ms-backdrop-filter:blur(2px);-o-backdrop-filter:blur(2px);backdrop-filter:blur(2px);top:0;bottom:0;right:0;left:0}div#app .edit{box-shadow:0 0 25px -15px #666;border-radius:19px;background-color:#fff;padding:20px 0 20px 26px;transform:translateX(-70%) translateY(12%);z-index:9999}div#app .edit input,div#app .edit textarea{background:#fff!important;border:2px dashed rgba(255,0,0,.302)!important}@media(max-width:800px){div#app .missions{height:auto;max-height:68vh}div#app .edit-mode{height:100ch}div#app .edit{width:90%;transform:translateX(6%) translateY(-10%)}div#app .completed-missions{height:auto}div#app .completed-missions ul{display:block!important;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}div#app .completed-missions ul::-webkit-scrollbar{display:none}div#app p{position:fixed!important;bottom:0!important;left:15px!important}div#app .my-alert{margin:-10px}}div#app .btn-outline-warning:hover{color:#fff!important}div#app li:hover{transform:scale(1.1);box-shadow:0 0 30px -8px #999!important}div#app .custom-appear-class{transform:translateY(40px) scale(0);transform-origin:center center}div#app .missions-transition{transition:all .5s ease}div#app .displayed-mission-transition{transition:all .5s ease .5s}div#app .completed-missions-transition{transition:all .5s ease 1s}div#app .v-enter-active,div#app .v-leave-active,div#app .v-move{transition:all .5s ease!important}div#app .v-enter-from,div#app .v-leave-to{transform:scale(0)!important}div#app .v-leave-active{position:absolute!important;top:-2000px}@-webkit-keyframes loading{0%{opacity:.3;transform:scale(1.1)}30%{opacity:.4;transform:scale(.9)}68%,72%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@-moz-keyframes loading{0%{opacity:.3;transform:scale(1.1)}30%{opacity:.4;transform:scale(.9)}68%,72%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@-ms-keyframes loading{0%{opacity:.3;transform:scale(1.1)}30%{opacity:.4;transform:scale(.9)}68%,72%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@-o-keyframes loading{0%{opacity:.3;transform:scale(1.1)}30%{opacity:.4;transform:scale(.9)}68%,72%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes loading{0%{opacity:.3;transform:scale(1.1)}30%{opacity:.4;transform:scale(.9)}68%,72%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}