html,body{overflow:auto;height:100%}body{margin:0;box-sizing:border-box;scrollbar-width:thin;background-color:#bce7d7;font-family:Sour Gummy,sans-serif}input,textarea{font-family:Sour Gummy,sans-serif}#root{height:100%}.delete-btn{display:inline-flex;align-items:center;justify-content:center;background-color:#f37269;color:#fff;border:none;padding:10px;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}.delete-btn:hover{background-color:#e53935}.delete-btn:active{background-color:#b61b17;box-shadow:.5px 1px 1px .5px #000 inset}.top-nav{top:0;display:flex;position:sticky;justify-content:space-between;box-shadow:2px 2px 3px 1px #000;background-color:#79aaa4;width:100vw;z-index:9000}.user-buttons{margin:17px;display:flex;gap:20px;align-items:center}.dropdown-button-user{height:40px;width:50px;border:none;box-shadow:2px 2px 4px #000;border-radius:10px;background-color:#fff;font-size:20px;margin-right:20px}.dropdown-button-user:hover{box-shadow:none;cursor:pointer}.dropdown-menu-user{position:absolute;right:25px;list-style:none;background-color:#fff;border:1px black solid;justify-content:center;padding:0}.dropdown-menu-user>li{margin:0;padding:10px 5px}.dropdown-menu-user>li:first-child:hover{background-color:inherit;cursor:auto}.dropdown-menu-user>li:hover{background-color:#d2f1e4;cursor:pointer}a.active{list-style:none;color:#000;text-decoration:none}.depressed:hover{box-shadow:inset 2px 2px 3px #000}.leave-team,.set-home{min-width:200px;color:#0b584f;margin-right:20px;border:none;text-decoration:underline;font:inherit;transition:filter .1s ease;font-weight:700;font-size:1.25rem}.leave-team:hover,.set-home:hover{cursor:pointer}.leave-team:active,.set-home:active{filter:brightness(200%)}#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:10000}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}.modal-content{position:absolute;width:max(30%,385px);background-color:#bce7d7;padding:15px;border:4px solid #0b584f;border-radius:15px;height:50%}span.error-message{color:red;font-weight:700;font-size:1rem}.teams-modal{display:flex;flex-direction:column;align-items:center}.teams-modal>h1{text-align:center}.teams-modal>.add-user-team{margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center}.teams-modal>.add-user-team>.add-user{width:100%;border-radius:.5rem;border:none;padding:.3rem;font-weight:500}.teams-modal>.add-user-team>input[type=text]{width:max(70%,19rem);border:none;border-radius:10px;font-size:1rem}.teams-modal>ul{list-style:none;border-radius:10px;width:70%;display:flex;flex-direction:column;padding:0;overflow:hidden}.teams-modal>ul>li{display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:5px 10px;background-color:#0b584f;color:#bce7d7;border-bottom:1px solid #bce7d7}.teams-modal>ul>li:nth-child(odd){background-color:#79aaa4;color:#0b584f}.teams-modal>ul>li:last-child{border:none}.teams-modal>ul>li>.delete-team-member{display:inline-flex;align-items:center;justify-content:center;background-color:#f37269;color:#fff;border:none;padding:10px;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s ease-in-out;margin-right:20px}.teams-modal>ul>li>.delete-team-member:hover{background-color:#e53935}.teams-modal>.delete-btn{align-self:flex-end}#side-panel{display:flex;align-items:center;position:fixed;top:0;left:-19.5%;flex-direction:column;text-align:center;width:20vw;height:100%;transition:.7s;background-color:#faf1ea;box-shadow:2px 0 4px 2px #666;z-index:9001}#side-panel-show{display:flex;align-items:center;position:absolute;left:0;background-color:#faf1ea;flex-direction:column;height:100%;width:20vw;box-shadow:2px 0 4px 2px #666;text-align:center;transition:.7s;z-index:9001}#side-panel-content{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;width:100%}.overflowing{overflow-y:scroll}.overflowing::-webkit-scrollbar{width:4px}.overflowing::-webkit-scrollbar-thumb{background-color:#bf7f79;border-radius:15px}#logo{aspect-ratio:19.5/14;width:16vw;margin:4% auto}.labels-box{display:grid;box-sizing:border-box;grid-template-columns:72% 14% 14%;place-items:center;padding:.3rem;margin-top:1rem;width:87%;max-width:87%;height:250px}.labels-box:after{content:"";box-shadow:inset 1px 1px 7px #000;height:250px;width:88%;max-width:88%;position:absolute;border-radius:4px;pointer-events:none}.new-label{font-size:1.5rem;border:1px solid gray;margin:.5rem 0rem;padding:.4vw;line-height:1rem;background-color:#4b4b4b4d;box-shadow:3px 3px 3px #000;border-radius:4px;width:70%}.new-label *{border:none;outline:none;width:95%;background-color:transparent;color:#6a91a0;margin:0;text-align:center;font-weight:700;font-family:Sour Gummy,sans-serif;font-size:1rem}.new-label *:focus{box-shadow:inset 1px 1px 3px 2px #000}.label{font-family:Sour Gummy,sans-serif;border:1px solid #efafa9;box-sizing:border-box;margin:.3rem 0rem .2rem;width:95%;padding:.3rem 1rem;background-color:#efafa9;font-size:1.2rem;border-radius:4px;color:#79aaa4}.label:hover{cursor:grab;box-shadow:1px 1px 4px #000;background-color:#bf7f79;color:#8ab1c0}.label:hover #edit-label{background-color:#bf7f79;color:#8ab1c0}.label-span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:95%}#edit-label{font-family:Sour Gummy,sans-serif;width:95%;border:none;outline:none;box-shadow:inset 1px 1px 5px 1px #5f1f19;padding:0;margin:0;text-align:center;font-size:1.2rem;background-color:#efafa9;color:#6a91a0}.label:active{cursor:grabbing}.filter-btn{background-color:#700;border-radius:4px;padding:.4vw;box-shadow:2px 2px 2px #000}.filter-btn:hover{cursor:pointer;background-color:red;font-size:1.3rem;color:#fff;box-shadow:none;transform:scale(1.2);transition:.2s}.trash-btn{background-color:#700;border-radius:4px;padding:.4vw;box-shadow:2px 2px 2px #000}.trash-btn:hover{cursor:pointer;background-color:red;font-size:1.3rem;color:#fff;box-shadow:none;transform:scale(1.2);transition:.2s}.arrow-box{display:flex;position:sticky;flex-flow:row-reverse;padding:.5rem;top:1rem;left:.7vw;font-size:1.5rem}.arrow-box-hidden{display:none}.clicked{box-shadow:inset 2px 2px 2px #000;color:#fff;font-size:1rem}.clicked:hover{background-color:#700;transform:scale(1);transition:.1s;font-size:1rem;color:#fff}.invisible{visibility:hidden}.login-signup-bg{width:100%;height:100%;position:fixed;display:flex;justify-content:center;align-items:center;background-color:#79aaa4;box-sizing:border-box}.login-signup-bg *{box-sizing:border-box}.login-signup-bg>.login-signup{background-color:#bce7d7;width:525px;top:5vh;position:relative;border:4px solid #0b584f;border-radius:15px;padding:25px;display:flex;flex-direction:column;align-items:center}.login-signup-bg>.login-signup>img{position:absolute;bottom:105%;height:70%}.login-signup-bg>.login-signup>h1{margin-top:0}.login-signup-bg>.login-signup>.login-signup-form{display:flex;flex-direction:column;width:100%;overflow:hidden;padding:10px}.login-signup-bg>.login-signup>.login-signup-form input{height:2rem;padding:.35rem;border-radius:10px;border:none;margin:10px 0;width:100%}.login-signup-bg>.login-signup>.login-signup-form input.has-button{margin-right:0;border-radius:10px 0 0 10px;width:calc(100% - 2rem)}.login-signup-bg>.login-signup>.login-signup-form>.password-group{display:flex;align-items:center;width:100%}.login-signup-bg>.login-signup .login-signup-form-btn{background-color:#fff;border:none;border-radius:0 10px 10px 0;margin:10px 0;height:2rem;width:2rem;transition:filter .1s ease;font-size:1.3rem;display:flex;justify-content:center;align-items:center}.login-signup-bg>.login-signup .login-signup-form-btn:hover,.login-signup-bg>.login-signup .login-signup-form-btn:active{cursor:pointer}.login-signup-bg>.login-signup .login-signup-form-btn:hover{filter:brightness(90%)}.login-signup-bg>.login-signup .login-signup-form-btn:active{filter:brightness(80%)}.login-signup-bg>.login-signup .toggle-demo-group{align-self:flex-end}.login-signup-bg>.login-signup .toggle-demo-group>.demo-login{background:none;color:#0b584f;margin-right:20px;border:none;text-decoration:underline;font:inherit;transition:filter .1s ease}.login-signup-bg>.login-signup .toggle-demo-group>.demo-login:hover{cursor:pointer}.login-signup-bg>.login-signup .toggle-demo-group>.demo-login:active{filter:brightness(200%)}.login-signup-bg>.login-signup .toggle-demo-group>.toggle-login-signup-btn{background-color:#efc4dc;margin-top:24px;align-self:flex-end;padding:10px 20px;border:none;border-radius:10px;font-family:inherit;font-size:inherit;font-weight:500;transition:background-color .1s ease,box-shadow .1s ease}.login-signup-bg>.login-signup .toggle-demo-group>.toggle-login-signup-btn:hover,.login-signup-bg>.login-signup .toggle-demo-group>.toggle-login-signup-btn:active{cursor:pointer}.login-signup-bg>.login-signup .toggle-demo-group>.toggle-login-signup-btn:hover{background-color:#e49cc4}.login-signup-bg>.login-signup .toggle-demo-group>.toggle-login-signup-btn:active{background-color:#d974ac}.note-tile{background-color:#222;color:#fff;border:1px solid #333;border-radius:12px;padding:16px;max-height:300px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease;width:90%;height:auto;cursor:pointer}.note-tile:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000080}.note-title{font-size:1.5rem;font-family:Sour Gummy,sans-serif;font-weight:700;margin-bottom:4px;white-space:nowrap;text-overflow:ellipsis;text-align:center}.note-content{font-size:1rem;font-family:Sour Gummy,sans-serif;line-height:1.5;max-height:60%;overflow:hidden;padding:10px 10px 0;margin-bottom:20px;text-overflow:ellipsis;word-break:break-word;overflow:auto;white-space:pre-line}.note-content::-webkit-scrollbar{width:4px}.note-content::-webkit-scrollbar-thumb{background-color:#adaaaa;border-radius:15px}.note-priority-icon{position:absolute}.note-labels-list{display:flex;gap:6px;margin-top:8px;margin-bottom:1px;list-style:none;flex-wrap:nowrap;overflow-x:auto;padding:4px 0}.note-labels-list::-webkit-scrollbar{height:4px}.note-labels-list::-webkit-scrollbar-thumb{background-color:#adaaaa;border-radius:15px}.note-label-pill{font-size:10px;padding:4px 8px;border:1px solid #555;border-radius:12px;color:#fff;background-color:transparent;white-space:nowrap;position:relative}.note-label-pill:hover{text-decoration:line-through;background-color:#c00}.note-modal{height:100%}.note-modal>input{background-color:inherit;border:none}.note-modal form{display:flex;flex-direction:column;gap:16px;height:100%}.note-modal input[type=text],.note-modal textarea{width:99%;border:none;border-radius:4px;font-size:1rem}.note-modal textarea{resize:none;height:100%}.note-modal textarea::-webkit-scrollbar{width:4px}.note-modal textarea::-webkit-scrollbar-thumb{background-color:#79aaa4;border-radius:15px}.priority-btns{display:flex;flex-direction:row;gap:8px}.priority-btns p{font-weight:700;justify-content:space-between}.priority-btns label{display:flex;align-items:center;gap:8px}.note-modal button{display:inline-flex;align-items:center;justify-content:center;background-color:#80c782;color:#fff;border:none;padding:10px 16px;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s ease-in-out}.note-modal button:hover{background-color:#45a049}.dash-home{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:min-content;gap:1rem;justify-content:center;padding:10px 40px;width:100vw;max-width:100vw;overflow-y:auto;height:100%;position:fixed;bottom:0;box-sizing:border-box}.dash-home>.board-name{margin-top:20px;font-size:24px;font-family:Sour Gummy,sans-serif;font-weight:700;color:#fff;position:fixed;bottom:8px;left:50%;transform:translate(-50%);text-align:center;background-color:#383636cc;padding:.5rem 1rem;border-radius:.5rem}.new-note-button:hover{transform:scale(1.2);cursor:pointer;filter:drop-shadow(0px 4px 8px rgba(0,0,0,.5))}.new-card-button,.new-card-button:hover,.new-card-button:active{border:none;background:none;box-shadow:none}.new-card-button{width:fit-content;aspect-ratio:1 / 1;font-size:70px;margin:auto;transition:transform .2s ease,filter .2s ease;border:none;background:none}.new-card-button:focus,.new-card-button:hover{transform:scale(1.2);filter:drop-shadow(0px 4px 8px rgba(0,0,0,.5));cursor:pointer}.new-card-button:active{transform:scale(.95);filter:none}.new-card-button>svg{width:100%;height:100%}.board-card{box-sizing:border-box;background-color:#222;color:#fff;border:1px solid #333;border-radius:12px;padding:16px;height:175px;width:100%;max-width:25vw;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease}.board-card:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000080;cursor:pointer}.board-card>.board-share-icon{position:absolute}.board-card>.board-name{font-size:18px;font-family:Sour Gummy,sans-serif;font-weight:700;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.board-card>.board-card-actions{display:flex;justify-content:space-between;align-items:flex-end;height:min-content}.board-card>.board-card-actions>.board-delete-icon{display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box;padding:.5rem;border-radius:10px;border:2px solid black;transition:filter .15s ease,color .15s ease,box-shadow .15s ease}.board-card>.board-card-actions>.board-delete-icon:hover{color:red}.board-card>.board-card-actions>.board-delete-icon:active{filter:brightness(70%);box-shadow:3px 1px 3px 1px #000 inset}.board-card>.board-card-actions>.board-labels-list{width:min-content;display:flex;gap:6px;margin-top:8px;margin-bottom:1px;list-style:none;flex-wrap:nowrap;overflow-x:auto;padding:4px 0}.board-card>.board-card-actions>.board-labels-list::-webkit-scrollbar{height:4px}.board-card>.board-card-actions>.board-labels-list::-webkit-scrollbar-thumb{background-color:#adaaaa;border-radius:15px}.board-card>.board-card-actions>.board-labels-list>.board-label-pill{font-size:10px;padding:4px 8px;border:1px solid #555;border-radius:12px;color:#fff;background-color:transparent;white-space:nowrap}.board-card>.board-card-actions>.board-delete-icon+.board-labels-list{max-width:80%}.boards-page{box-sizing:border-box;padding:25px;display:flex;flex-direction:column;align-items:center}.boards-page>.your-boards,.boards-page>.shared-with-you{box-sizing:border-box;width:96%;margin:20px 0 5px;font-size:24px;font-family:Sour Gummy,sans-serif;font-weight:700;color:#fff;text-align:center;background-color:#383636cc;padding:8px 16px;border-radius:8px}.boards-page>.cards-container{box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px;justify-content:center;padding:10px;width:100%;justify-items:center}