*{box-sizing:border-box;font-family:Roboto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.layout{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background-color:#e8eef5}input:focus,textarea:focus,select:focus,button:focus{outline:none}button{box-sizing:content-box;position:relative;margin:0;border:0;justify-content:center;place-items:center}button:hover .tooltip{visibility:visible;opacity:100%}button .tooltip{display:inline-block;position:absolute;padding:3px 8px;border-radius:6px;background-color:#363b4e;visibility:hidden;z-index:10000;color:#fff;text-align:center;font-kerning:none;font-family:Roboto;font-size:11px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.55px;transition:opacity .1s;transition-delay:.8s;opacity:0%}button .tooltip:after{content:"";position:absolute;z-index:10001;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent transparent transparent transparent;z-index:1}@font-face{font-family:Roboto;src:local("Roboto-Regular"),url(/assets/Roboto-Regular-4e147ab6.ttf) format("truetype")}.header-menu{position:fixed;top:0;left:0;right:0;z-index:100;height:48px;border:1px solid #F4F4F4;background:white;box-shadow:0 2px 6px -2px #d7d6d6;display:flex;flex-flow:row nowrap}.expand{position:relative;width:80px;height:100%;display:flex;align-items:center;justify-content:center;background-color:transparent}.expand img{display:block;margin:auto}.usermenu-title{position:relative;width:100%;height:100%;padding:12px;text-align:center}.usermenu-title input{width:100%;border:0;outline:none;text-align:center;font-family:Roboto;font-size:18px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:.27px;text-overflow:ellipsis}.version-controls{display:flex;flex-flow:row nowrap}.version-controls button{background-color:transparent;padding:12px}.version-controls .save{display:flex;flex-flow:row nowrap}.version-controls .save span{margin-right:5px}.version-controls .save img{width:25px;height:25px}.version-controls .save .spin{animation:spin 2.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.projects{position:relative}.projects .project-dropdown{display:flex;flex-flow:column nowrap}.projects .project-dropdown .list-of-projects{max-height:205px}.projects .project-dropdown .list-of-projects .projects-ul .project-li{height:40px}.projects .project-dropdown .list-of-projects::-webkit-scrollbar{width:12px}.projects .project-dropdown .list-of-projects::-webkit-scrollbar-track{background-color:#0000}.projects .project-dropdown .list-of-projects::-webkit-scrollbar-thumb{background-color:#363b4ea6;border:4px solid white;border-radius:12px}.projects .project-dropdown .new-project{height:40px;padding:9px;z-index:-1;display:grid;grid-template-columns:1fr auto}.projects .project-dropdown .new-project span{padding:0 10px;font-weight:600}.projects .project-dropdown .new-project:hover{background-color:#c1e9ff}.projects .project-dropdown .new-project img{margin:4px}.projects .project-dropdown .project-item{position:relative;height:100%;padding:9px;border-bottom:1px solid #F4F4F4;display:grid;grid-template-columns:1fr auto auto;gap:5px;justify-content:end}.projects .project-dropdown .project-item .project-name{padding:0 10px;border:0;background-color:transparent;z-index:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#353535;font-size:12px;font-weight:600;line-height:25px;letter-spacing:.05em;text-align:left}.projects .project-dropdown .project-item .project-name .tooltip{right:-20%;top:115%;white-space:nowrap}.projects .project-dropdown .project-item .project-name .tooltip:after{bottom:100%;right:8%;border-bottom-color:#000}.projects .project-dropdown .project-item .project-name:hover~.back{background-color:#c1e9ff}.projects .project-dropdown .project-item button{height:23px;width:100%;padding:0;margin:auto;border-radius:5px;background-color:transparent;text-align:left;line-height:30px;z-index:1}.projects .project-dropdown .project-item button img{margin:4px}.projects .project-dropdown .project-item .copy .tooltip{right:-20%;top:115%;white-space:nowrap}.projects .project-dropdown .project-item .copy .tooltip:after{bottom:100%;right:8%;border-bottom-color:#000}.projects .project-dropdown .project-item .copy:hover{background-color:#c1e9ff}.projects .project-dropdown .project-item .delete{color:red}.projects .project-dropdown .project-item .delete img{content:url(/assets/delete-dfff93f3.svg)}.projects .project-dropdown .project-item .delete:hover{background-color:#ffe8e0}.projects .project-dropdown .project-item .delete:hover>img{content:url(/assets/delete-red-e4772964.svg)}.projects .project-dropdown .project-item .back{position:absolute;left:0;right:0;top:0;bottom:0;border:0}.projects .project-dropdown .project-item .back:hover{background-color:#c1e9ff}.projects .project-dropdown .active-project{background-color:#dbe2eb}.projects .project-dropdown .active-project .project-name{font-weight:700}.projects .project-dropdown .active-project .project-name:hover~.back{background-color:#dbe2eb}.projects .project-dropdown .active-project .copy:hover{background-color:#fff}.projects .project-dropdown .active-project .back,.projects .project-dropdown .active-project .back:hover{background-color:#dbe2eb}.user-options{position:relative;white-space:nowrap;color:#353535;font-kerning:none;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:30px;letter-spacing:.6px}.user-options li{padding:0 20px}.user-options .username{padding-top:20px;font-weight:800;line-height:20px}.user-options .email{padding-bottom:10px;border-bottom:1px solid #F4F4F4}.user-options .change-name-button{margin-top:10px}.user-options .hover:hover{background-color:#c1e9ff}.user-options .change-name-input{padding-bottom:10px}.user-options .change-name-input input{width:100%;margin-top:6px;padding:0 10px;border-radius:6px;border:3px solid #DBE2EB;background:#DBE2EB;color:#353535;font-kerning:none;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:30px;letter-spacing:.6px}.user-options .change-name-input input:hover{border-color:#c1e9ff}.user-options .change-name-input input:focus{background-color:#fff}.user-options .change-name-description{padding-bottom:10px;border-bottom:1px solid #F4F4F4;color:#667092;font-weight:600}.user-options .log-out{margin:10px 0 15px;background-color:transparent}.user-options .log-out:hover{background-color:#c1e9ff}.sign-in{margin:7px;position:relative}.sign-in .sign-in-btn{box-sizing:border-box;height:100%;padding:0 20px;background-color:transparent}.sign-in .sign-in-btn span{white-space:nowrap;color:#363b4e;font-weight:600;letter-spacing:.24px}.sign-in .sign-in-btn span:hover{color:#667092;padding:0;border-bottom:2px solid #667092}.sign-in form{padding:15px 15px 20px;align-items:center;text-align:center;color:#353535;font-kerning:none;font-family:Roboto;font-style:normal;display:flex;flex-flow:column nowrap}.sign-in form .form-title{font-size:14px;font-weight:700;line-height:25px;letter-spacing:.7px}.sign-in form .form-subtitle{padding:10px 0;font-size:10px;font-weight:400;line-height:14px;letter-spacing:.5px}.sign-in form input{width:85%;margin-top:8px;height:30px;padding:0 10px;border-radius:6px;border:2px solid #E9E9E9;background:#FFF;color:#000;font-size:12px;font-weight:400;line-height:30px;letter-spacing:.6px}.sign-in form input:hover{box-shadow:0 0 0 4px #ffeeb280}.sign-in form input:focus{border-color:#ffd749;box-shadow:0 0 0 4px #ffeeb280}.sign-in form input:-webkit-autofill,.sign-in form input:-webkit-autofill:hover,.sign-in form input:-webkit-autofill:focus,.sign-in form input:-webkit-autofill:active,.sign-in form input:-webkit-autofill:first-line{-webkit-box-shadow:0 0 0 30px white inset!important}.sign-in form .error{border-color:#ffab49}.sign-in form .auth-error{animation:error-blink .25s step-end 3 alternate,shake .75s}@keyframes shake{0%{transform:translate(3px)}10%{transform:translate(-3px)}20%{transform:translate(3px)}30%{transform:translate(-3px)}40%{transform:translate(3px)}50%{transform:translate(-3px)}60%{transform:translate(3px)}70%{transform:translate(-3px)}80%{transform:translate(3px)}90%{transform:translate(-3px)}to{transform:translate(3px)}}.sign-in form .forgot-password-email-input{margin-bottom:18px}.sign-in form .forgot-password{background-color:#fff;font-size:10px;font-weight:400;line-height:25px;letter-spacing:.5px}.sign-in form .forgot-password:hover{color:#667092;text-decoration-line:underline;cursor:pointer}.sign-in form .forgot-password:focus{color:#667092;text-decoration-line:underline}.sign-in form .submit{min-width:30%;padding:0 15px;border-radius:15px;background:#363B4E;color:#fff;font-size:12px;font-weight:400;line-height:28px;letter-spacing:.6px;white-space:nowrap}.sign-in form .submit:hover{background:#4D5572}.sign-in form .submit:focus{background:#4D5572}.sign-in .google{width:100%;padding:7px 10px;background:#E8F5FE;text-align:center;flex-flow:row nowrap}.sign-in .google span{padding:5px 8px;color:#363b4e;text-align:center;font-kerning:none;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:25px;letter-spacing:.6px}.sign-in .google:hover{background:#C1E9FF}.sign-in .error-banner{width:100%;padding:7px 10px;background:#FFE8E0;text-align:center}.sign-in .error-banner label{color:#ed3131;text-align:center;font-kerning:none;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:25px;letter-spacing:.6px}.sign-up-btn{box-sizing:border-box;height:70%;margin:auto;padding:0 35px;border-radius:20px;background-color:#ffdc5f}.sign-up-btn span{padding:0 0 2px;white-space:nowrap;color:#363b4e;font-weight:600;letter-spacing:.24px}.sign-up-btn:hover{background:#FFF3C4}.header-menu-btn{box-sizing:border-box;height:100%;padding:12px;background-color:transparent;display:flex;flex-flow:row nowrap}.header-menu-btn .button-text{padding:7px;white-space:nowrap}.header-menu-btn .img-arrow{transition-duration:.5s;content:url(/assets/dropdown-arrow-401aad30.svg)}.header-menu-btn:hover>.img-arrow{transform:translateY(3px)}.header-dropdown{position:absolute;top:48px;right:0;width:252px;border-radius:12px;background-color:#fff;box-shadow:0 5px 40px -3px #d4d4d4;overflow:hidden;text-overflow:ellipsis;color:#353535;font-kerning:none;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:25px;letter-spacing:.6px}.header-dropdown ul{margin:0;padding:0}.header-dropdown ul li{list-style:none}.tool-menu{position:fixed;left:0;top:48px;bottom:43px;width:80px;z-index:50;padding:18px;background:white;border-right:1px solid #F4F4F4;text-align:center;box-shadow:0 4px 6px -2px #00000040;transition-duration:.5s;display:flex;flex-flow:column nowrap;gap:15px}.tool-menu .tool-btn{padding:0;background-color:transparent}.tool-menu .tool-btn:disabled>.btn-highlight{background-color:transparent!important}.tool-menu .tool-btn:hover>.btn-highlight{background-color:#dbe2eb}.tool-menu .tool-btn .btn-highlight{border-radius:5px;padding:6px;text-align:center;display:flex;align-items:center}.tool-menu .tool-btn span{color:#363b4e;font-kerning:none;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:11px}.tool-menu .toolmenu-item{position:relative;border-left:0px;border-top-right-radius:5px;border-bottom-right-radius:5px;place-items:center}.tool-menu .toolmenu-item .tooltip{left:130%;top:15%;white-space:nowrap}.tool-menu .toolmenu-item .tooltip:after{right:100%;top:50%;border-right-color:#000}.tool-menu .toolmenu-item:hover{background-color:#add8e6}.tool-menu .toolmenu-item:disabled{background-color:gray}.tool-menu .toolmenu-item:disabled:hover{background-color:gray;cursor:not-allowed}.tool-menu .save-indicator{bottom:67.2px;border:1px solid black;border-radius:50%;background-color:#ff0}.tool-menu .save{bottom:21px;background-color:green}.tool-menu .save .spinner,.tool-menu .save .spinner:before,.tool-menu .save .spinner:after{border-radius:50%}.tool-menu .save .spinner{color:#fff;font-size:11px;text-indent:-99999em;margin:auto;position:relative;width:2.5em;height:2.5em;box-shadow:inset 0 0 0 .25em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.tool-menu .save .spinner:before,.tool-menu .save .spinner:after{position:absolute;content:""}.tool-menu .save .spinner:before{width:1.3em;height:2.55em;background:green;border-radius:2.55em 0 0 2.55em;top:-.025em;left:-.025em;-webkit-transform-origin:1.275em 1.275em;transform-origin:1.275em 1.275em;-webkit-animation:load2 2s infinite ease 1.5s;animation:load2 2s infinite ease 1.5s}.tool-menu .save .spinner:after{width:1.3em;height:2.55em;background:green;border-radius:0 2.55em 2.55em 0;top:-.025em;left:1.225em;-webkit-transform-origin:.025em 1.275em;transform-origin:.025em 1.275em;-webkit-animation:load2 2s infinite ease;animation:load2 2s infinite ease}.tool-menu .back-strip{position:absolute;width:29.4px;height:100%;border-right:1px solid black;background-color:#d3d3d3;z-index:-10}.open{right:0}.close{right:-35vw}.library{position:fixed;top:48px;bottom:43px;z-index:80;-webkit-transition:.4s;transition:.4s}.library-panel{height:100%;width:35vw;background-color:#fff;border:1px solid #F4F4F4;padding:25px;display:flex;flex-flow:column nowrap;gap:13px}.library-btn{position:absolute;top:3%;right:102%;height:50px;width:50px;padding:4px;background-color:#fff;border:1px solid #F4F4F4;border-radius:12px;box-shadow:2px 2px 8px -3px #d7d6d6}.library-btn img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.library-btn .tooltip{top:27%;right:120%;white-space:nowrap}.library-btn .tooltip:after{top:50%;left:100%;border-left-color:#363b4e}.library-btn:hover{box-shadow:0 0 0 3px #dbe2eb}.search-row{height:32px;position:relative}.search-row .search-img{height:19px;position:absolute;left:6.5px;top:6.5px;content:url(/assets/magnifying-glass-4988e239.svg)}.search-row .search-input{width:100%;height:32px;border:1px solid #F4F4F4;border-radius:8px;padding:0 112px 0 32px;background:#F4F4F4;font-family:Roboto;font-size:14px;font-weight:400;line-height:16.41px;letter-spacing:.05em;text-align:left}.search-row .search-input::placeholder{color:#353535}.search-row .search-input:focus{border:1px solid #7E849A;box-shadow:0 0 0 4px #dbe2eb}.search-row .search-input:focus::placeholder{color:gray}.search-row:hover>.search-input{box-shadow:0 0 0 4px #dbe2eb}.search-row .search-count{height:16px;position:absolute;top:9px;right:32px;color:#7e849a9c;font-family:Roboto;font-size:14px;font-weight:400;line-height:16.41px;letter-spacing:.05em}.search-row .shift-right{right:11px!important}.search-row .search-clear{height:32px;position:absolute;padding:11px;top:0;right:0;content:url(/assets/search-clear-black-d70433af.svg)}.search-row .search-clear:hover{content:url(/assets/search-clear-faded-6af887f9.svg)}.search-row input::-ms-clear{display:none}.search-row input::-webkit-search-cancel-button{display:none}.search-row input[type=search]::-webkit-search-decoration,.search-row input[type=search]::-webkit-search-cancel-button,.search-row input[type=search]::-webkit-search-results-button,.search-row input[type=search]::-webkit-search-results-decoration{display:none}.search-row input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.search-row input[type=search]::-ms-clear{display:none}.selection-row{font-family:Roboto}.selection-row .title{padding:10px 0;font-size:12px;font-weight:600;line-height:14.06px;letter-spacing:.015em;text-align:left}.selection-row .selections{display:flex;flex-flow:row nowrap;gap:9px}.selection-row .selections .selected{background-color:#dbe2eb!important}.selection-row .selections .option{padding:9px 12px;border-radius:6px;background-color:#fff;box-shadow:0 0 0 1px #f3f3f3;display:flex;flex-flow:row nowrap;gap:10px}.selection-row .selections .option:hover{box-shadow:0 0 0 3px #dbe2eb}.selection-row .selections .option span{font-size:12px;font-weight:400;line-height:14.06px;letter-spacing:.015em;text-align:left;white-space:nowrap}.selection-row .selections .color-selection{position:relative}.selection-row .selections .color-selection .color-display{width:16px;height:16px;padding:0;border:1px solid #353535;border-radius:2px}.selection-row .selections .color-selection .color-display:hover{box-shadow:0 0 0 3px #dbe2eb}.selection-row .selections .color-selection .color-dropdown{right:0}.selection-row .selections .divider{width:1px;height:25px;margin:auto 10px;background-color:#000}.option-row{display:flex;flex-flow:row nowrap;justify-content:right;gap:2px}.option-row .horizontal-bar{margin:auto 0;height:0;border:1px solid #D7D6D6;flex:1}.option-row .option{background-color:#fff;border-radius:8px;padding:5px}.option-row .option:hover{background-color:#dbe2eb}.library-card-container{display:flex;flex-flow:column nowrap;gap:20px;overflow-y:scroll;padding:8px;margin-right:-18px;overflow-x:hidden}.library-card-container::-webkit-scrollbar{position:absolute;left:0;width:18px}.library-card-container::-webkit-scrollbar-thumb{background-color:#e5e5e5;border:5px solid white;border-radius:11px}.card-title .color-btn:hover>img{content:url(/assets/rounded-square-hover-5dba2f1d.svg)}.color-dropdown{position:absolute;top:37px;right:5px;background:white;border:1px solid #f4f4f4;box-shadow:0 0 20px -5px #9b9b9b;border-radius:12px;padding:15px;z-index:800}.select-text{margin:0 5px;font-family:Roboto;font-style:normal;font-weight:400;font-size:12px;line-height:25px;letter-spacing:.05em;font-feature-settings:"kern" off;color:#353535}.container{display:grid;grid-template-columns:repeat(5,1fr)}.container .item{box-sizing:border-box;width:23px;height:19px;border-radius:4px;margin:5px}.container .item:hover{border:3px solid #5bc5ff}.container .selected-color{border:2px solid #5bc5ff}.cloud{background-color:#f4f4f4}.gray{background-color:#ccd6e3}.pink{background-color:#ffd8e1}.lichen_green{background-color:#b8dab6}.cotton_blue{background-color:#c1e9ff}.butter{background-color:#ffedab}.sage{background-color:#87bac1}.lilac{background-color:#bec5ff}.orange{background-color:#ffab49}.corn{background-color:#ffd749}.carrot{background-color:#ed5e31}.lavender{background-color:#c598f2}.red{background-color:#d84c4c}.cobalt{background-color:#0e77d8}.chestnut{background-color:#bc9681}.eggplant{background-color:#503c7c}.jungle{background-color:#225c33}.forest{background-color:#134444}.shadow{background-color:#363b4e}.black{background-color:#000}.action-dropdown{position:absolute;top:38px;right:0;background:white;border:1px solid #f4f4f4;box-shadow:0 0 8px -3px #9b9b9b;border-radius:12px;padding:13px 0;z-index:800}.action-dropdown ul{margin:0;padding:0}.action-dropdown ul li{list-style:none}.action-dropdown ul .break{margin:8px 0;border:1px solid #f4f4f4}.dropup{top:auto!important;bottom:38px!important}.selection{box-sizing:border-box;height:30px;width:100%;margin:0;padding:0 19px!important;background-color:#fff;display:flex}.selection:hover{background-color:#c1e9ff}.selection .selection-name{box-sizing:border-box;width:100%;margin:0;padding-right:15px;text-align:left;font-family:Roboto;font-style:normal;font-weight:400;font-size:12px;line-height:25px;letter-spacing:.05em;font-feature-settings:"kern" off;white-space:nowrap;background-color:transparent}.selection .danger{font-weight:600!important;color:#ed5e31!important}.selection .bold{font-weight:700!important;color:#363b4e!important}.selection .disabled{color:#c4c4c4!important}.selection .selection-icon{display:block;width:auto;height:auto;max-width:20px;max-height:20px;margin:auto}.card{padding:0;margin:0;border:0;height:100%;width:100%;border-radius:12px;box-sizing:content-box;display:flex;flex-flow:column nowrap}.active-card{background-color:#7e849a;box-shadow:0 0 0 1px #7e849a,0 0 0 6px #dbe2eb,2px 2px 8px -3px #d7d6d6}.inactive-card{background-color:#d7d6d6;box-shadow:0 0 0 1px #d7d6d6,2px 2px 8px -3px #d7d6d6}.inactive-card:hover{box-shadow:0 0 0 6px #dbe2eb,2px 2px 8px -3px #d7d6d6}@keyframes card-blink{50%{box-shadow:0 0 0 6px #5bc5ff,2px 2px 8px -3px #d7d6d6}}.card-title{width:100%;margin:0;padding:0 9px;border-radius:12px 12px 0 0;display:grid;grid-template-columns:auto 18px 12px;gap:12px}.card-title .dark{color:#000}.card-title .light{color:#fff}.card-title .input-div{width:100%;padding:0 3px;border-radius:12px 0 0;background-color:transparent}.card-title .input-div .editing{user-select:default;-moz-user-select:default;-webkit-user-select:default;cursor:text}.card-title .input-div input{width:100%;height:24px;margin:4px auto;border:0;background-color:transparent;font-family:Roboto;font-style:normal;font-weight:600;font-size:13px;line-height:25px;text-align:left;letter-spacing:.05em;font-feature-settings:"kern" off;color:inherit;text-overflow:ellipsis;cursor:grab}.card-title .color-btn{display:flex;background-color:transparent}.card-title .color-btn:hover>img{content:url(/assets/rounded-square-hover-5dba2f1d.svg)}.card-title .dropdown-btn{display:flex;background-color:transparent}.card-title .dropdown-btn img{transition-duration:.5s}.card-title .dropdown-btn:hover>img{transform:translateY(3px)}.card-content{margin:0;padding:0;border-radius:0 0 12px 12px;flex-grow:1;overflow:hidden}.card-content .text{box-sizing:border-box;height:100%;width:100%;padding:7px 14px;margin:0;border:0;border-radius:inherit;background-color:#fff;font-style:normal;font-weight:400;font-size:12px;font-family:Roboto;line-height:20px;letter-spacing:.05em;font-feature-settings:"kern" off;color:#000;text-overflow:ellipsis;resize:none;overflow:auto;cursor:auto}.card-content .text:read-only{cursor:default}.card-content .text::-webkit-scrollbar{width:17px}.card-content .text::-webkit-scrollbar-track{background-color:#0000}.card-content .text::-webkit-scrollbar-thumb{background-color:#e5e5e5;border:5px solid white;border-radius:12px}.library-card-content-container{border-radius:0 0 12px 12px;position:relative;-webkit-transition:.4s;transition:.4s;overflow:hidden;background-color:#fff;display:flex;flex-flow:column nowrap}.library-card-content-container .library-card-textarea{display:block;display:-webkit-box;max-width:100%;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;padding:15px 8px 15px 15px;border:0;border-radius:0 0 12px 12px;resize:none;background-color:#fff;font-family:Roboto;cursor:auto}.library-card-content-container .library-card-textarea::-webkit-scrollbar{width:17px}.library-card-content-container .library-card-textarea::-webkit-scrollbar-track{background-color:#0000}.library-card-content-container .library-card-textarea::-webkit-scrollbar-thumb{background-color:#e5e5e5;border:5px solid white;border-radius:12px}.library-card-content-container .library-card-textarea.selected{flex:1 1 auto;overflow-y:auto;-webkit-line-clamp:inherit}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:43px;z-index:90;background-color:#363b4e;display:grid;grid-template-columns:70px auto 94px;gap:6px}.tab-controls{position:relative;background-color:#363b4e;z-index:10;display:flex;flex-flow:row nowrap}.tab-controls .add-button,.tab-controls .overview-button{padding:none;height:100%;background-color:transparent}.tab-controls .add-button .tooltip{bottom:115%;left:15%;white-space:nowrap}.tab-controls .add-button .tooltip:after{top:115%;left:15%;border-top-color:#363b4e}.tab-controls .overview-button .tooltip{bottom:115%;left:0%;white-space:nowrap}.tab-controls .overview-button .tooltip:after{top:115%;left:15%;border-top-color:#363b4e}.tab-controls .tab-dropup{position:absolute;bottom:46px;left:36px;min-width:200px;max-width:300px;max-height:50vh;padding:9px 6px 9px 9px;border-radius:12px;border:1px solid #F4F4F4;background-color:#fff;box-shadow:2px 2px 8px -3px #d7d6d6;overflow-y:scroll;color:#353535;font-kerning:none;font-family:Roboto;font-size:12px;font-style:normal;font-weight:600;line-height:25px;letter-spacing:.6px}.tab-controls .tab-dropup ul{margin:0;padding:0}.tab-controls .tab-dropup ul li{list-style:none;width:100%}.tab-controls .tab-dropup ul li div{padding:9px;border-radius:5px}.tab-controls .tab-dropup ul li div span{display:block;width:100%;padding:0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-controls .tab-dropup ul li div:hover,.tab-controls .tab-dropup .active{background-color:#dbe2eb}.tab-controls .tab-dropup::-webkit-scrollbar{width:19px}.tab-controls .tab-dropup::-webkit-scrollbar-track{background-color:#0000}.tab-controls .tab-dropup::-webkit-scrollbar-thumb{background-color:#e5e5e5;border:5px solid white;border-radius:12px}.tab-container{position:relative;background-color:transparent;white-space:nowrap;z-index:0;overflow-x:visible;overflow-y:visible;display:flex;flex-flow:row nowrap;gap:2px}.tab-container::-webkit-scrollbar{display:none}.tab-container .tab-list-container{position:absolute;transition:left .8s;z-index:100}.tab-container .tab-list-container .tab{position:relative;padding:7px 10px;border-radius:0 0 16px 16px;background:#667092;display:grid;grid-template-columns:auto 24px}.tab-container .tab-list-container .tab .input-div .editing{user-select:default;-moz-user-select:default;-webkit-user-select:default;cursor:text}.tab-container .tab-list-container .tab .input-div input{width:100%;border:0;background-color:transparent;color:#fff;text-align:center;font-family:Roboto;font-size:14px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:.21px;text-overflow:ellipsis;cursor:grab}.tab-container .tab-list-container .tab .input-div .active{color:#000}.tab-container .tab-list-container .tab .tab-dropup-btn{width:24px;height:18px;padding:0;border-radius:6px;background:#DBE2EB}.tab-container .tab-list-container .tab .tab-dropup-menu{position:absolute;bottom:46px;right:0;min-width:200px;max-width:300px;max-height:50vh;padding:9px 6px 9px 9px;border-radius:12px;border:1px solid #F4F4F4;background-color:#fff;box-shadow:2px 2px 8px -3px #d7d6d6;overflow-y:scroll;color:#353535;font-kerning:none;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:25px;letter-spacing:.6px}.tab-container .tab-list-container .active{background:#FFF}.tab-container .tab-indicator-container{position:absolute;z-index:-5;display:flex;flex-flow:row nowrap}.tab-container .tab-indicator-container .tab-shadow{padding:7px 10px;border-radius:0 0 16px 16px;background:#4C526A;display:grid;grid-template-columns:auto 24px}.tab-container .tab-indicator-container .drop-indicator{border-radius:0 0 5px 5px;background:#5BC5FF}.tab-scroll{padding:5px 12px 8px;background-color:#363b4e;z-index:10;display:flex;flex-flow:row nowrap;gap:8px}.tab-scroll .scroll{width:30px;height:30px;border-radius:5px;background:#4A5883}.tab-scroll .inactive{background:#DBE2EB!important}.empty{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:60px 50px 40px;border-radius:20px;background-color:#fafcff;text-align:center;display:flex;flex-flow:column nowrap;gap:30px}.empty img{width:40%;margin:auto}.empty .container1{display:flex;flex-flow:column nowrap}.empty .container2{margin:0 auto;display:flex;flex-flow:column nowrap}.empty .header{padding-bottom:7px;font-family:Roboto;font-size:18px;font-weight:700;line-height:25px;letter-spacing:.05em;text-align:center}.empty .text{text-wrap:nowrap;font-family:Roboto;font-size:12px;font-weight:400;line-height:25px;letter-spacing:.05em;text-align:left}.empty .new-proj-btn{height:32px;border-radius:15px;box-shadow:0 4px 4px #00000040;margin:auto;padding:0 10px;color:#fff;background-color:#363b4e;text-align:center;display:flex;flex-flow:row nowrap;gap:10px}.empty .new-proj-btn:hover{background-color:#4d5572}.empty .new-proj-btn img{width:7.5px;margin:0}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:50px;border-radius:10px;background-color:#fafcff;text-align:center}.loading .bar-container{width:250px;height:10px;border-radius:20px;overflow:hidden;background-color:#dbe2eb}.loading .bar-container .bar{width:100%;height:100%;border-radius:20px;background-color:#363b4e;animation:load 1.5s infinite linear}@keyframes load{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.view-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.view-screen .view{width:100%;height:100%;border:1px solid black;background-color:#fff}.view-screen .view .grid{position:absolute;top:0;right:0;bottom:0;left:0;background:white;background-image:radial-gradient(#FFD749 .75px,transparent 0);background-size:12px 12px;background-position:6px 6px}.view-screen .drag-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;box-shadow:0 4px 4px #00000040}.spinner,.spinner:before,.spinner:after{border-radius:50%}.spinner{color:#341751;font-size:11px;text-indent:-99999em;margin:55px auto;position:relative;width:10em;height:10em;box-shadow:inset 0 0 0 1em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.spinner:before,.spinner:after{position:absolute;content:""}.spinner:before{width:5.2em;height:10.2em;background:#fff;border-radius:10.2em 0 0 10.2em;top:-.1em;left:-.1em;-webkit-transform-origin:5.1em 5.1em;transform-origin:5.1em 5.1em;-webkit-animation:load2 2s infinite ease 1.5s;animation:load2 2s infinite ease 1.5s}.spinner:after{width:5.2em;height:10.2em;background:#fff;border-radius:0 10.2em 10.2em 0;top:-.1em;left:4.9em;-webkit-transform-origin:.1em 5.1em;transform-origin:.1em 5.1em;-webkit-animation:load2 2s infinite ease;animation:load2 2s infinite ease}@-webkit-keyframes load2{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load2{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.card-delete-confirmation{margin:auto;padding:40px 8px;background:white;border:solid 1px #F4F4F4;box-shadow:0 5px 40px -3px #d4d4d4;border-radius:12px;display:flex;flex-flow:column nowrap;gap:37px}.card-delete-confirmation .row{justify-content:center;margin:0 36px;display:flex;flex-flow:row nowrap;gap:26px}.card-delete-confirmation .heading{padding-top:5%;color:#000;text-align:center;font-family:Roboto;font-size:18px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.27px;white-space:nowrap}.card-delete-confirmation .message{width:auto;color:#363b4e;text-align:center;font-kerning:none;font-family:Roboto;font-size:13px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.65px;white-space:nowrap}.card-delete-confirmation .x-btn{position:absolute;top:0;right:0;margin:12px 12px 0 0;width:20px;height:20px;background-color:#fff;border-color:#dbe2eb;background-image:url(/assets/close-window-a02fd73e.svg)}.card-delete-confirmation .x-btn:hover{background-image:url(/assets/close-window-hover-b3088f89.svg)}.card-delete-confirmation .cancel-btn{width:90px;height:32px;background-color:transparent;color:#000;font-family:Roboto;font-size:12px;font-weight:400;line-height:28px;letter-spacing:.05em;text-align:center}.card-delete-confirmation .cancel-btn:hover{text-decoration:underline}.card-delete-confirmation .confirm-btn{width:90px;height:32px;border-radius:15px;background-color:#363b4e;color:#fff;font-family:Roboto;font-size:12px;font-weight:400;line-height:28px;letter-spacing:.05em;text-align:center}.card-delete-confirmation .confirm-btn:hover{background-color:#4d5572}.tab-delete-confirmation{margin:auto;padding:40px 8px;background:white;border:solid 1px #F4F4F4;box-shadow:0 5px 40px -3px #d4d4d4;border-radius:12px;display:flex;flex-flow:column nowrap;gap:37px}.tab-delete-confirmation .row{justify-content:center;margin:0 36px;display:flex;flex-flow:row nowrap;gap:26px}.tab-delete-confirmation .heading{padding-top:5%;color:#000;text-align:center;font-family:Roboto;font-size:18px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.27px;white-space:nowrap}.tab-delete-confirmation .message{width:auto;color:#363b4e;text-align:center;font-kerning:none;font-family:Roboto;font-size:13px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.65px;white-space:nowrap}.tab-delete-confirmation .x-btn{position:absolute;top:0;right:0;margin:12px 12px 0 0;width:20px;height:20px;background-color:#fff;border-color:#dbe2eb;background-image:url(/assets/close-window-a02fd73e.svg)}.tab-delete-confirmation .x-btn:hover{background-image:url(/assets/close-window-hover-b3088f89.svg)}.tab-delete-confirmation .cancel-btn{width:90px;height:32px;background-color:transparent;color:#000;font-family:Roboto;font-size:12px;font-weight:400;line-height:28px;letter-spacing:.05em;text-align:center}.tab-delete-confirmation .cancel-btn:hover{text-decoration:underline}.tab-delete-confirmation .confirm-btn{width:90px;height:32px;border-radius:15px;background-color:#363b4e;color:#fff;font-family:Roboto;font-size:12px;font-weight:400;line-height:28px;letter-spacing:.05em;text-align:center}.tab-delete-confirmation .confirm-btn:hover{background-color:#4d5572}.project-delete-confirmation{margin:auto;padding:10px 40px;max-width:80%;background:white;border:solid 1px #F4F4F4;box-shadow:0 5px 40px -3px #d4d4d4;border-radius:12px}.project-delete-confirmation .row{display:flex;flex-flow:row nowrap;justify-content:center;margin:8px 36px}.project-delete-confirmation .heading{color:#353535;text-align:center;font-kerning:none;font-family:Roboto;font-size:14px;font-style:normal;font-weight:700;line-height:25px;letter-spacing:.7px}.project-delete-confirmation .message{margin:5px;width:auto;white-space:nowrap;color:#000;font-kerning:none;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.6px;text-align:left}.project-delete-confirmation .project-name{padding:5px 10px;width:100%;align-self:stretch;border-radius:12px;background:#E5ECF5;color:#000;font-kerning:none;font-family:Roboto;font-size:12px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:.6px}.project-delete-confirmation .btn{width:100px;min-width:80px;height:32px;padding:0 5px;margin:10px;justify-content:center;align-items:center;background-color:#fff;color:#000;text-align:center;font-kerning:none;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:28px;letter-spacing:.6px}.project-delete-confirmation .cancel:hover{text-decoration:underline}.project-delete-confirmation .confirm{border-radius:15px;background-color:#363b4e;box-shadow:0 2px 4px #00000040;color:#fff;font-weight:500}.project-delete-confirmation .confirm:hover{background-color:#4d5572}.sign-up{width:40vw;max-width:400px;min-width:300px;margin:auto;background:white;box-shadow:0 5px 40px -3px #d4d4d4;border-radius:12px;overflow:hidden}.sign-up .error-banner{position:fixed;width:100%;background-color:#ffe8e0;border-radius:12px 12px 0 0;padding:23px 15px;display:flex;flex-flow:row nowrap;gap:15px}.sign-up .error-banner .error-msg{width:95%;color:#ed3131;text-align:left;font-kerning:none;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:25px;letter-spacing:.6px}.sign-up .error-banner button{min-width:10px;margin-left:auto;padding:0;background-color:transparent}.sign-up form{padding-top:28px;align-items:center;text-align:center;color:#353535;font-kerning:none;font-family:Roboto;font-style:normal;display:flex;flex-flow:column nowrap}.sign-up form .form-title{font-size:18px;font-weight:700;line-height:25px;letter-spacing:.9px}.sign-up form .form-subtitle{padding-bottom:22px;font-size:10px;font-weight:400;line-height:20px;letter-spacing:.5px}.sign-up form .form-row{width:70%;padding-bottom:5px;display:flex;flex-flow:column nowrap}.sign-up form .form-row .input-label{text-align:left;color:#363b4e;font-size:12px;font-weight:600;line-height:25px;letter-spacing:.6px}.sign-up form .form-row input{height:30px;padding:0 10px;border-radius:6px;border:2px solid #E9E9E9;background:#FFF;color:#000;font-size:12px;font-weight:400;line-height:30px;letter-spacing:.6px}.sign-up form .form-row input:hover{box-shadow:0 0 0 4px #ffeeb280}.sign-up form .form-row input:focus{border-color:#ffd749;box-shadow:0 0 0 4px #ffeeb280}.sign-up form .form-row input:-webkit-autofill,.sign-up form .form-row input:-webkit-autofill:hover,.sign-up form .form-row input:-webkit-autofill:focus,.sign-up form .form-row input:-webkit-autofill:active,.sign-up form .form-row input:-webkit-autofill:first-line{-webkit-box-shadow:0 0 0 30px white inset!important}.sign-up form .form-row .error{border-color:#ffab49}.sign-up form .form-row .auth-error{animation:error-blink .25s step-end 4 alternate}@keyframes error-blink{50%{border:2px solid #FFAB49}}.sign-up form .form-row .error-msg{height:21px;white-space:nowrap;color:#ed5e31;font-size:10px;font-style:normal;font-weight:400;line-height:25px;letter-spacing:.5px}.sign-up form .forgot-password{background-color:#fff;font-size:10px;font-weight:400;line-height:25px;letter-spacing:.5px}.sign-up form .forgot-password:hover{color:#667092;text-decoration-line:underline;cursor:pointer}.sign-up form .forgot-password:focus{color:#667092;text-decoration-line:underline}.sign-up form .submit{height:38px;width:30%;margin:12px 0 22px;border-radius:20px;background:#363B4E;color:#fff;font-size:12px;font-weight:400;line-height:28px;letter-spacing:.6px}.sign-up form .submit:hover{background:#4D5572}.sign-up form .submit:focus{background:#4D5572}.sign-up .google{width:100%;padding:12px 0;background:#E8F5FE;text-align:center;flex-flow:row nowrap}.sign-up .google:hover{background:#C1E9FF}.sign-up .google span{margin:auto;padding:5px 8px;color:#363b4e;text-align:center;font-kerning:none;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:25px;letter-spacing:.6px}.popup-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;text-align:center}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:888;background-color:#dbe2eb69}