body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.drop-area{align-items:center;background-color:initial;display:flex;height:100vh;justify-content:center;left:0;top:0;width:100vw}.drop-area.dragging{animation:blur-in .1s linear forwards}.drop-area-stroke{align-items:center;border:1px dashed silver;display:flex;height:99vh;justify-content:center;width:99vw}:root{--toolbar-shadow:0px 1px 3px #0000001a,0px 1px 3px #0003,inset 0px 1px 0px #ffffff14,inset 0px 0px 1px #ffffff4d}.dark-theme{--toolbar-shadow:0px 1px 3px #00000059,0px 1px 3px #00000080,inset 0px 1px 0px #ffffff14,inset 0px 0px 1px #ffffff4d}.toolbar{border-radius:10px;box-shadow:0 1px 3px #0000001a,0 1px 3px #0003,inset 0 1px 0 #ffffff14,inset 0 0 1px #ffffff4d;box-shadow:var(--toolbar-shadow);left:50%;padding:5px;position:fixed;top:10px;transform:translateX(-50%)}.toolbar,.toolbar-icon{background-color:#fff;background-color:var(--background-color);display:flex;transition:background-color .3s,color .2s}.toolbar-icon{align-items:center;border-radius:30%;color:#000;color:var(--icon-color);cursor:pointer;font-size:.9rem;justify-content:center;padding:9px}.toolbar-icon:hover{background-color:#efefff;background-color:var(--background-color-hover)}.toolbar-icon.selected{background-color:#22a7ff;color:#fff}:root{--sidebar-icon-color:#353535;--background-color-hover:#efefff;--text-color:#555;--button-color-border:silver;--button-color:#ececec;--button-color-hover:#e0f3ff;--sidebar-separator-color:silver;--input-border-color:#cecece}.dark-theme{--sidebar-icon-color:#ececec;--background-color-hover:#636363;--text-color:#c2c2c2;--button-color-border:#555;--button-color:#555;--button-color-hover:#6b6b6b;--sidebar-separator-color:#858585;--input-border-color:#7a7a7a}.sidebar{border-radius:10px;box-shadow:0 0 3px #0000001a;left:15px;padding:20px;position:fixed;top:100px}.sidebar,.sidebar-block{background-color:#fff;background-color:var(--background-color);display:flex;flex-direction:column}.sidebar-block{align-items:flex-start;-webkit-user-select:none;user-select:none}.sidebar-title{color:#555;color:var(--text-color);font-size:.75rem;font-weight:400;margin-bottom:6px;margin-top:12px}.horizontal-line{background-color:#c9c9c9;height:1px;margin:0 10px}.sidebar-button{align-items:center;background-color:#ececec;background-color:var(--button-color);border:none;border-radius:20%;color:#353535;color:var(--sidebar-icon-color);cursor:pointer;height:32px;padding:9px;text-align:center;text-decoration:none;transition:background-color .3s,color .3s;width:32px}.sidebar-button:hover{background-color:#e0f3ff;background-color:var(--button-color-hover)}.sidebar-button.selected{background-color:#22a7ff;color:#fff}.sidebar-button.disabled{color:#999;cursor:default}.sidebar-button.disabled:hover{cursor:default}.sidebar-button.disabled:hover,.sidebar-selector{background-color:#ececec;background-color:var(--button-color)}.sidebar-selector{align-items:center;border:none;border-radius:6px;color:#353535;color:var(--sidebar-icon-color);cursor:pointer;display:flex;font-size:1em;padding:9px;text-align:left;text-decoration:none;transition:background-color .3s,color .3s}.sidebar-selector:hover{background-color:#e0f3ff;background-color:var(--button-color-hover)}.sidebar-selector .text{color:#353535;color:var(--sidebar-icon-color);font-size:.9em;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.separator{align-items:center;background-color:silver;background-color:var(--sidebar-separator-color);height:20px;margin:0 10px;width:1px}.sidebar-icon{font-size:.9rem}.icon-button-row{align-items:center;display:flex;gap:6px;justify-content:center}.sidebar-color-button{align-items:center;background-color:#ececec;border:1px solid silver;border:1px solid var(--button-color-border);border-radius:20%;color:#424242;cursor:pointer;display:flex;font-size:1em;margin:2px;padding:11px;text-decoration:none;transition:background-color .3s,color .3s}.sidebar-color-button.selected{border:1px solid #fff;border:1px solid var(--background-color);box-shadow:0 0 0 1.3px #22a7ff}.island{background-color:#fff;background-color:var(--background-color);border-radius:10px;box-shadow:0 0 3px #0000001a;display:flex;flex-direction:column;left:240px;padding:20px;position:fixed;transition:background-color .4s,color .4s}.scrollable-container{height:250px;overflow-y:scroll;text-align:left;width:200px}.scrollable-list{list-style-type:none;margin:0;padding:0}.list-item{max-width:250px;overflow:hidden;padding:2px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.list-item .text{display:flex;flex:1 1;text-overflow:ellipsis}.font-list .button{background-color:#fff;background-color:var(--background-color);color:#555;color:var(--text-color)}.font-list .button,.font-list .button-selected{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;overflow:hidden;padding:10px;text-align:left;text-overflow:ellipsis;transition:background-color .3s,color .3s;width:100%}.font-list .button-selected{background-color:#3fb2ff;color:#fff}.font-list .button:hover{background-color:#e0f3ff;background-color:var(--button-color-hover)}.font-list .search-container{position:relative}.font-list .search-container .icon{color:silver;left:10px;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s}.font-list .search-container input{background-color:#fff;background-color:var(--background-color);border:2px solid #cecece;border:2px solid var(--input-border-color);border-radius:4px;color:#555;color:var(--text-color);outline:none;padding:5px 5px 5px 30px;transition:border-color .3s ease;width:150px}.font-list input:focus{border:2px solid #3fb2ff}.scrollable-container::-webkit-scrollbar{width:3px}.scrollable-container::-webkit-scrollbar-track{background:#0000}.scrollable-container::-webkit-scrollbar-thumb{background-color:silver;border-radius:10px}.scrollable-container::-webkit-scrollbar-thumb:hover{background-color:gray}.spinner-continer{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.spinner-inner{animation:spin 1s linear infinite;border:2px solid #6b68ff;border-left-color:#fff;border-radius:50%;height:10px;width:10px}.spinner{align-items:center;background-color:initial;display:flex;justify-content:center}.number-input{background-color:#fff;background-color:var(--background-color);border:2px solid #cecece;border:2px solid var(--input-border-color);border-radius:4px;color:#555;color:var(--text-color);outline:none;padding:5px;transition:border-color .3s ease;width:40px}.number-input:focus{border:2px solid #3fb2ff}.stroke-width-2{height:2px}.stroke-width-2,.stroke-width-4{background-color:#555;background-color:var(--text-color);border-radius:1px}.stroke-width-4{height:4px}.color-picker-line{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border-radius:5px;height:10px;margin-top:10px;width:150px}.color-picker-line input{--thumb-color:red;-webkit-appearance:none;appearance:none;background:#0000;block-size:24px;inline-size:calc(100% + 2px);margin-block-start:-6px;margin-inline:-1px}.color-picker-line input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--thumb-color);border:2px solid #333;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:background-color .1s ease;transition:background-color .1s ease;width:20px}.color-picker-line input::-moz-range-thumb{background-color:var(--thumb-color);border:2px solid #333;border-radius:50%;cursor:pointer;height:20px;-moz-transition:background-color .1s ease;transition:background-color .1s ease;width:20px}.color-picker-shade{background:linear-gradient(90deg,#fff,#fff0);border-radius:5px;height:150px;width:150px}.color-picker-shade-dark{background:linear-gradient(0deg,#000,#0000);border-radius:5px;height:150px;width:150px}.input-text-label{background-color:#353535;border-radius:5px;box-shadow:0 2px 5px #0000004d;color:#ececec;padding:10px}.input-text-label p{color:#dbdbdb;font-size:1rem;margin:4px}.input-text-label .subtext{color:#aaa;font-size:.65rem}.input-text-label textarea{word-wrap:break-word;background-color:#3b3b3b;border:2px solid #cecece;border:2px solid var(--input-border-color);border-radius:4px;color:#fff;outline:none;overflow:hidden;padding:8px;resize:none;transition:border-color .3s ease;white-space:pre-wrap;width:300px}.input-text-label textarea:focus{border:2px solid #3fb2ff}.document-name-input{background-color:#555;border:2px solid #585858;border-radius:5px;color:#d1d1d1;font-size:.8rem;padding:5px 7px;text-align:left;width:130px}.document-name-input:focus{border:2px solid #3fb2ff;outline:none}.document-name-input::placeholder{color:#a1a1a1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--icon-color:#000;--text-color:#6d6d6d;--text-color-hover:#2c2c2c;--seperator-color:#e4e4e4;--menu-background-color:#e4e4e4;--menu-background-color-hover:#ddd}.dark-theme{--background-color:#3b3b3b;--icon-color:#fff;--background-color-hover:#4e4e4e;--text-color:#d8d8d8;--text-color-hover:#eee;--seperator-color:#5e5e5e;--menu-background-color:#3b3b3b;--menu-background-color-hover:#4e4e4e}.menu{position:relative}.menu-block{background-color:#fff;background-color:var(--background-color);flex-direction:column;transition:background-color .4s,color .4s;-webkit-user-select:none;user-select:none}.menu-block,.menu-container{align-items:center;display:flex}.menu-container{flex-direction:row;left:15px;position:fixed;top:10px}.menu-icon{background-color:#e4e4e4;background-color:var(--menu-background-color);border:none;border-radius:10px;color:#6d6d6d;color:var(--text-color);cursor:pointer;display:flex;font-size:1.1rem;padding:8px}.menu-icon:hover{background-color:#ddd;background-color:var(--menu-background-color-hover)}.beta-label{background-color:initial;background-color:#22a7ff;border-radius:7px;color:#fff;display:flex;font-size:.7rem;margin-left:5px;padding:2px 8px;text-align:center}.menu-block button{align-items:center;background-color:#fff;background-color:var(--background-color);border:none;border-radius:7px;color:#424242;color:#6d6d6d;color:var(--text-color);cursor:pointer;display:flex;font-family:Verdana;font-size:.9em;font-size:.8rem;justify-content:flex-start;padding:7px 10px;text-decoration:none;transition:background-color .4s,color .4s;width:150px}.menu-block button:hover{background-color:#eee;background-color:var(--background-color-hover);color:#2c2c2c;color:var(--text-color-hover)}.menu-separator{background-color:#e4e4e4;background-color:var(--seperator-color);height:1px;margin:5px 0;transition:background-color .4s,color .4s}.menu-separator,.theme{align-items:center;width:100%}.theme{color:#6d6d6d;color:var(--text-color);display:flex;justify-content:flex-start;margin-left:20px;padding:8px 0}.theme-switcher{border:1px solid #e4e4e4;border:1px solid var(--seperator-color);border-radius:12px;display:flex;justify-content:center;margin-left:15px;padding:2px;transition:background-color .4s,color .4s,border-color .4s}.theme-option{align-items:center;border-radius:10px;color:#22a7ff;cursor:pointer;display:flex;flex-direction:column;padding:5px 9px;text-align:center;transition:background-color .2s,color .2s}.theme-option.selected{background-color:#22a7ff;color:#fff}.theme-icon{font-size:.9rem}.theme-option input[type=radio]{display:none}.theme-option span{font-size:16px}.check-icon{color:#22a7ff;font-size:1rem;position:absolute;right:10px}.background{align-items:center;animation:blur-in .1s linear forwards;display:flex;height:100vh;justify-content:center;width:100vw}.dialog-menu{animation:fade-in .12s linear forwards;background-color:#fff;background-color:var(--background-color);border-radius:10px;box-shadow:0 0 3px #0000001a}@keyframes blur-in{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.new-document{margin:40px 30px;position:relative}.new-document .prime{background-color:#22a7ff;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:bolder;justify-content:center;margin-bottom:5px;padding:10px 0;text-align:center;text-decoration:none;transition:background-color .4s,color .4s;width:130px}.new-document .prime:hover{background-color:var(--prime-button-background-hover);color:var(--prime-button-color-hover)}.new-document .prime-premium{background-color:#ff9419;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:bolder;justify-content:center;margin-bottom:5px;padding:10px 0;text-align:center;text-decoration:none;transition:background-color .4s,color .4s;width:130px}.new-document .prime-premium:hover{background-color:var(--prime-button-background-hover);color:var(--prime-button-color-hover)}.new-document .buttons-row{display:flex;flex-direction:row;gap:1rem;margin-top:30px;width:100%}.new-document .row-half{display:flex;flex:1 1;justify-content:center}.new-document .button-with-title{display:flex;flex-direction:column;justify-content:center}.new-document .button-with-title p{color:#d1d1d1;font-size:.9rem;margin:0}.new-document .project-description{color:#d8d8d8;margin-top:20px}.new-document .project-description p{font-size:.9rem;margin:2px}.new-document .page-row{display:flex;flex-direction:row;gap:40px}.new-document .column{flex:1 1;flex-direction:column;gap:5px}.new-document .column,.new-document .column-content{align-items:center;display:flex;justify-content:center}.new-document .column-content{flex-direction:column;min-height:260px}.new-document .page-with-text{display:flex;flex-direction:column;gap:20px}.new-document .page-70-100{outline-offset:4px}.new-document .page-70-100,.new-document .page-activated-70-100{background-color:#f3f3f3;border:none;border-radius:2px;height:100px;padding:0;transition:outline .15s ease;width:75px}.new-document .page-activated-70-100{outline:1px solid #00adf1;outline-offset:4px}.new-document .page-70-100-inside{background-color:#f3f3f3;border:none;border-radius:0;height:100px;padding:0;width:75px}.new-document .page-70-100:hover{border-radius:2px;outline:1px solid #afafaf;outline-offset:4px}.new-document .page-100-60{outline-offset:4px}.new-document .page-100-60,.new-document .page-activated-100-60{background-color:#f3f3f3;border:none;border-radius:0;border-radius:2px;height:60px;padding:0;transition:outline .15s ease;width:100px}.new-document .page-activated-100-60{outline:1px solid #00adf1;outline-offset:4px}.new-document .page-100-60-insiide{background-color:#f3f3f3;border-radius:0;height:60px;width:100px}.new-document .page-100-60:hover{border-radius:2px;outline:1px solid #afafaf;outline-offset:4px}.new-document .page-45-60{outline-offset:4px}.new-document .page-45-60,.new-document .page-activated-45-60{background-color:#f3f3f3;border:none;border-radius:0;border-radius:2px;height:60px;padding:0;transition:outline .15s ease;width:45px}.new-document .page-activated-45-60{outline:1px solid #00adf1;outline-offset:4px}.new-document .page-45-60-inside{background-color:#f3f3f3;border-radius:0;height:60px;width:45px}.new-document .page-45-60:hover{border-radius:2px;outline:1px solid #afafaf;outline-offset:4px}.new-document .page-with-text h3{color:#fff;font-weight:200;margin:0}.new-document .page-with-text p{color:#bbb;font-size:.8rem;margin:0}.new-document .page-container{align-items:center;display:flex;height:100px;justify-content:center;min-height:100px}.new-document .divider{background-color:#535353;width:2px}.new-document .premium-features-text{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:10px;margin-top:15px;text-align:left}.new-document .premium-features-text p{color:#cfcfcf;font-size:.9rem;padding-left:60px}.new-document .page-size-inputs{align-items:center;color:silver;display:flex;flex-direction:row;gap:4px;margin-top:45px;padding-left:24px}.new-document .page-size-inputs p{font-size:.8rem;margin:0;padding:0}.new-document .page-size-inputs input{background-color:#555;border:2px solid #585858;border-radius:5px;color:#d1d1d1;font-size:.8rem;padding:2px;text-align:center;width:50px}.new-document .page-size-inputs input:focus{border:2px solid #3fb2ff;outline:none}.create-account{margin:40px 30px}.create-account .title{color:#e6e6e6;font-size:1.2rem}.create-account .column,.create-account .title{align-items:center;display:flex;flex-direction:column;justify-content:center}.create-account .column{flex:1 1;gap:30px}.create-account .row{align-items:center;display:flex;flex:1 1;gap:15px;justify-content:center}.create-account .row span{align-items:center;color:silver;font-size:.9rem}.create-account .prime{background-color:#22a7ff;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:bolder;justify-content:center;margin-bottom:5px;padding:10px 0;text-align:center;text-decoration:none;transition:background-color .4s,color .4s;width:130px}.create-account .prime:hover{background-color:var(--prime-button-background-hover);color:var(--prime-button-color-hover)}.create-account .create-form{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:17px;justify-content:center}.create-account .create-form input{background-color:#555;border:2px solid #585858;border-radius:5px;color:#d1d1d1;font-size:.9rem;padding:7px 10px;text-align:left;width:190px}.create-account .create-form .error{border:2px solid #e60101}.create-account .create-form input:focus{border:2px solid #3fb2ff;outline:none}.create-account .create-form input::placeholder{color:#a1a1a1}:root{--background-color:#fff}.dark-theme{--background-color:#353535}.error-box{animation:fade-in-error .05s linear forwards;background-color:#fff;background-color:var(--background-color);border-radius:10px;bottom:20px;box-shadow:0 4px 8px #0000001a;color:#e7e7e7;left:50%;overflow:hidden;padding:15px;position:fixed;transform:translate(-50%);width:20%}.error-box .error-container{align-items:center;display:flex;flex-direction:row;font-size:.95rem;gap:10px}.error-box .timebar{animation:timebar-in-error 3s linear forwards;background:#b60303;bottom:0;height:3px;left:0;position:absolute;width:100%}.error-box .linear-loader{background-color:#696969;border-radius:2px;bottom:0;height:4px;left:0;overflow:hidden;position:absolute;width:100%}.error-box .linear-loader:before{animation:indeterminate .9s linear infinite;background-color:#3cb1ff;content:"";height:100%;position:absolute;width:30%}.message-box span{align-items:center;display:inline-block;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}@keyframes indeterminate{0%{left:-30%;width:30%}50%{left:35%;width:30%}to{left:100%;width:30%}}@keyframes fade-in-error{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes timebar-in-error{0%{width:100%}to{width:0}}.file-explorer{padding:20px;position:relative}.file-explorer .search-container{display:flex;position:relative}.file-explorer .search-container .icon{color:silver;left:10px;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s}.file-explorer .search-container input{background-color:var(--background-color);border:2px solid var(--input-border-color);border-radius:7px;color:var(--text-color);outline:none;padding:5px 5px 5px 30px;transition:border-color .3s ease;width:150px}.file-explorer input:focus{border:2px solid #3fb2ff}.file-explorer .project-grid-container{grid-gap:20px 10px;display:grid;gap:20px 10px;grid-template-columns:repeat(auto-fill,minmax(214px,1fr));min-width:600px;padding:10px}.file-explorer .project-item{background-color:initial;border:none;border-radius:8px;color:#ccc;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:7px;text-align:center;transition:background-color .3s;width:200px}.file-explorer .project-item-context,.file-explorer .project-item:hover{background-color:#464646}.file-explorer .project-item .project-description-column{display:flex;flex-direction:column;text-align:left}.file-explorer .project-item .title{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e4e4e4;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.file-explorer .project-item .title-input{background-color:initial;border:none;border-radius:5px;color:#e4e4e4;font-size:.9rem;max-width:100px;outline:none;transition:all .04s ease-in-out}.file-explorer .project-item .title-input:focus{border:2px solid #3fb2ff;padding:5px}.file-explorer .project-item .title-skeleton{background-color:#5f5f5f;border-radius:5px;height:20px;overflow:hidden;position:relative;width:100px}.file-explorer .project-item .title-skeleton:after{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#0000 0,#fff6 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.file-explorer .project-item .date-skeleton{background-color:#5f5f5f;border-radius:5px;height:12px;overflow:hidden;position:relative;width:70px}.file-explorer .project-item .date-skeleton:after{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#0000 0,#fff6 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.file-explorer .item-skeleton{cursor:default}.file-explorer .item-skeleton:hover{background-color:initial;cursor:default}.file-explorer .project-item .project-date{color:#acacac;font-size:.7rem}.file-explorer .project-item .row{align-items:center;display:flex;justify-content:center}.file-explorer .project-item .file{background-color:#e0e0e0;border-radius:8px;height:80px;width:65px}.file-explorer .column{display:flex;flex-direction:column;gap:30px}.file-explorer .status{background-color:#494949;border-radius:5px;color:#b3b3b3;display:flex;font-size:.8rem;padding:5px 10px;width:250px}.file-explorer .project-scrollable-container{height:300px;max-height:300px;min-width:600px;overflow-y:scroll;text-align:left}.file-explorer .project-scrollable-container::-webkit-scrollbar{width:3px}.file-explorer .project-scrollable-container::-webkit-scrollbar-track{background:#0000}.file-explorer .project-scrollable-container::-webkit-scrollbar-thumb{background-color:silver;border-radius:10px}.file-explorer .project-scrollable-container::-webkit-scrollbar-thumb:hover{background-color:gray}.context-menu{animation:fade-in-context-menu .12s linear forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#2e2e2e;border-radius:10px;box-shadow:1px 1px 10px #0000004d;box-shadow:0 1px 3px #00000059,0 1px 3px #0003,inset 0 1px 0 #ffffff14,inset 0 0 1px #ffffff4d;color:#d4d4d4;list-style:none;min-width:100px;padding:10px;position:absolute;z-index:1000}.context-menu button{background-color:initial;border:none;border-radius:5px;color:#cfcfcf;font-size:.8rem;padding:5px;text-align:left;transition:all .2s ease-in-out}.context-menu button:hover{background-color:#c0c0c03d}.file-explorer .button-with-title{align-items:center;display:flex;flex-direction:column;justify-content:center}.file-explorer .button-with-title p{color:#d1d1d1;font-size:.9rem;margin:0}.file-explorer .prime-premium{background-color:#ff9419;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:bolder;justify-content:center;margin-bottom:5px;padding:10px 0;text-align:center;text-decoration:none;transition:background-color .4s,color .4s;width:130px}.file-explorer .prime-premium:hover{background-color:var(--prime-button-background-hover);color:var(--prime-button-color-hover)}@keyframes shimmer{0%{transform:translateX(0)}to{transform:translateX(200%)}}@keyframes fade-in-context-menu{0%{opacity:0;transform:scale(.91)}to{opacity:1;transform:scale(1)}}.profile{display:flex;flex-direction:row}.profile .profile-container{align-items:center;display:flex;position:fixed;right:15px;top:10px}.profile .profile-icon{align-items:center;background-color:var(--menu-background-color);border:none;border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;overflow:hidden;width:36px}.profile .profile-icon:hover{background-color:var(--menu-background-color-hover)}.profile .profile-icon img{height:36px;width:36px}.profile-block{flex-direction:column;gap:2px;-webkit-user-select:none;user-select:none}.profile-block,.profile-block button{align-items:center;background-color:var(--background-color);display:flex;transition:background-color .4s,color .4s;width:150px}.profile-block button{border:none;border-radius:7px;color:#424242;color:var(--text-color);cursor:pointer;font-family:Verdana;font-size:.9em;font-size:.8rem;justify-content:flex-start;padding:7px 10px;text-decoration:none}.profile-block button:hover{background-color:var(--background-color-hover);color:var(--text-color-hover)}.project-label button{background-color:var(--menu-background-color);border:none;border-radius:8px;color:silver;cursor:pointer;padding:4px 5px 4px 15px;transition:all .15s ease-in-out}.project-label button:hover{background-color:var(--menu-background-color-hover)}.project-label .label-row{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:space-between}.project-label .label-row span{max-width:130px;min-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-block{flex-direction:column;gap:2px;-webkit-user-select:none;user-select:none}.project-block,.project-block button{align-items:center;background-color:var(--background-color);display:flex;transition:background-color .4s,color .4s;width:150px}.project-block button{border:none;border-radius:7px;color:#424242;color:var(--text-color);cursor:pointer;font-family:Verdana;font-size:.9em;font-size:.8rem;justify-content:flex-start;padding:7px 10px;text-decoration:none}.project-block button:hover{background-color:var(--background-color-hover);color:var(--text-color-hover)}.settings{min-width:250px;padding:60px;position:relative}.settings .row{display:flex;flex-direction:row}.settings .column{display:flex;flex-direction:column}.settings .user-name{color:#dbdbdb;font-size:1.2rem}.settings .email{color:#b9b9b9;font-size:.9rem}.settings .profile{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center}.settings .profile-icon-settings img{height:55px;width:55px}.settings .profile-icon-settings{align-items:center;background-color:#575757;border:none;border-radius:10px;color:var(--text-color);display:flex;font-size:1.1rem;height:55px;justify-content:center;overflow:hidden;width:55px}.settings .settings-list button{align-items:center;background-color:#4e4e4e;border:none;border-radius:10px;color:#f7f7f7;cursor:pointer;font-size:.9rem;justify-content:space-between;transition:all .1s ease-in-out}.settings .settings-list button span{color:#cfcfcf}.settings .settings-list button:hover{background-color:#5f5f5f}.change-password{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.change-password .back-button{background-color:initial;border:none;color:#d1d1d1;cursor:pointer}.change-password input{background-color:#555;border:2px solid #585858;border-radius:5px;color:#d1d1d1;font-size:.9rem;padding:7px 10px;text-align:left;width:200px}.change-password .error{border:2px solid #e60101}.change-password input:focus{border:2px solid #3fb2ff;outline:none}.change-password input::placeholder{color:#a1a1a1}.change-password .prime{background-color:#22a7ff;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:bolder;justify-content:center;margin-bottom:5px;padding:10px 0;text-align:center;text-decoration:none;transition:background-color .4s,color .4s;width:130px}.change-password .prime:hover{background-color:var(--prime-button-background-hover);color:var(--prime-button-color-hover)}.subscription{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.subscription .prime-premium{background-color:#ff9419;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:bolder;justify-content:center;margin-bottom:5px;padding:10px 0;text-align:center;text-decoration:none;transition:background-color .4s,color .4s;width:130px}.subscription .prime-premium:hover{background-color:var(--prime-button-background-hover);color:var(--prime-button-color-hover)}.subscription .back-button{background-color:initial;border:none;color:#d1d1d1;cursor:pointer}.templates{margin:40px 30px;position:relative}.templates .prime{background-color:#22a7ff;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:bolder;justify-content:center;margin-bottom:5px;padding:10px 0;text-align:center;text-decoration:none;transition:background-color .4s,color .4s;width:130px}.templates .prime:hover{background-color:var(--prime-button-background-hover);color:var(--prime-button-color-hover)}.templates .prime-premium{background-color:#ff9419;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:bolder;justify-content:center;margin-bottom:5px;padding:10px 0;text-align:center;text-decoration:none;transition:background-color .4s,color .4s;width:130px}.templates .prime-premium:hover{background-color:var(--prime-button-background-hover);color:var(--prime-button-color-hover)}.templates .buttons-row{display:flex;flex-direction:row;gap:1rem;margin-top:30px;width:100%}.templates .row-half{display:flex;flex:1 1;justify-content:center}.templates .button-with-title{display:flex;flex-direction:column;justify-content:center}.templates .button-with-title p{color:#d1d1d1;font-size:.9rem;margin:0}.templates .project-description{color:#d8d8d8;margin-top:20px}.templates .project-description p{font-size:.9rem;margin:2px}.templates .page-row{display:flex;flex-direction:row;gap:40px}.templates .column{flex-direction:column;gap:5px}.templates .column,.templates .row{align-items:center;display:flex;flex:1 1;justify-content:center}.templates .row{gap:80px}.templates .page-with-text{display:flex;flex-direction:column;gap:20px}.templates .page-with-text-small{align-items:center;display:flex;flex-direction:column;gap:10px}.templates .template-button{border:none;border-radius:0;border-radius:2px;outline-offset:4px}.templates .template-button,.templates .template-button-activated{background-color:#f3f3f3;height:93px;padding:0;transition:outline .15s ease;width:70px}.templates .template-button-activated{border:none;border-radius:2px;outline:1px solid #00adf1;outline-offset:4px}.templates .template-button:hover{border-radius:2px;outline:1px solid #afafaf;outline-offset:4px}.templates .page-70-100{outline-offset:4px}.templates .page-70-100,.templates .page-activated-70-100{background-color:#f3f3f3;border:none;border-radius:2px;height:100px;padding:0;transition:outline .15s ease;width:75px}.templates .page-activated-70-100{outline:1px solid #00adf1;outline-offset:4px}.templates .page-70-100-inside{background-color:#f3f3f3;border:none;border-radius:0;height:100px;padding:0;width:75px}.templates .page-70-100:hover{border-radius:2px;outline:1px solid #afafaf;outline-offset:4px}.templates .page-100-70{outline-offset:4px}.templates .page-100-70,.templates .page-activated-100-70{background-color:#f3f3f3;border:none;border-radius:0;border-radius:2px;height:70px;padding:0;transition:outline .15s ease;width:100px}.templates .page-activated-100-70{outline:1px solid #00adf1;outline-offset:4px}.templates .page-100-70-insiide{background-color:#f3f3f3;border-radius:0;height:70px;width:100px}.templates .page-100-70:hover{border-radius:2px;outline:1px solid #afafaf;outline-offset:4px}.templates .page-45-60{outline-offset:4px}.templates .page-45-60,.templates .page-activated-45-60{background-color:#f3f3f3;border:none;border-radius:0;border-radius:2px;height:60px;padding:0;transition:outline .15s ease;width:45px}.templates .page-activated-45-60{outline:1px solid #00adf1;outline-offset:4px}.templates .page-45-60-inside{background-color:#f3f3f3;border-radius:0;height:60px;width:45px}.templates .page-45-60:hover{border-radius:2px;outline:1px solid #afafaf;outline-offset:4px}.templates .page-with-text h3{color:#fff;font-weight:200;margin:0}.templates .page-with-text p{color:#bbb;font-size:.8rem;margin:0}.templates .page-with-text-small h3{color:#fff;font-weight:200;margin:0}.templates .page-with-text-small p{color:#bbb;font-size:.8rem;margin:0}.templates .page-container{align-items:center;display:flex;height:100px;justify-content:center;min-height:100px}.templates .divider{background-color:#535353;width:2px}.templates .premium-features-text{align-items:flex-start;display:flex;flex-direction:column;margin-top:35px;text-align:left}.templates .premium-features-text p{color:#cfcfcf;font-size:.9rem;padding-left:60px}.templates .page-size-inputs{align-items:center;color:silver;display:flex;flex-direction:row;gap:4px;margin-top:45px;padding-left:24px}.templates .page-size-inputs p{font-size:.8rem;margin:0;padding:0}.templates .page-size-inputs input{background-color:#555;border:2px solid #585858;border-radius:5px;color:#d1d1d1;font-size:.8rem;padding:2px;text-align:center;width:50px}.templates .page-size-inputs input:focus{border:2px solid #3fb2ff;outline:none}.templates .scrollable-container{height:380px;overflow-y:scroll;text-align:left;width:100px}.templates .scrollable-list{align-items:center;display:flex;flex-direction:column;gap:30px;list-style-type:none;margin:0;padding:0}.templates .scrollable-container::-webkit-scrollbar{width:3px}.templates .scrollable-container::-webkit-scrollbar-track{background:#0000}.templates .scrollable-container::-webkit-scrollbar-thumb{background-color:silver;border-radius:10px}.templates .scrollable-container::-webkit-scrollbar-thumb:hover{background-color:gray}.signin{margin:40px 30px}.signin .title{color:#e2e2e2;font-size:1.2rem}.signin .column{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:30px;justify-content:center}.signin .google-button{align-items:center;background-color:#eee;border:none;border-radius:10px;cursor:pointer;font-size:.9rem;outline:none;overflow:hidden;padding:12px 35px;position:relative;transition:all .7s ease}.signin .google-button:hover{background-color:#e4f4ff}.signin .row{align-items:center;display:flex;flex:1 1;gap:15px;justify-content:center}.signin .row span{align-items:center;color:silver;font-size:.9rem}.signin .divider{background-color:#535353;height:2px;width:160px}.signin .prime{background-color:#22a7ff;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:bolder;justify-content:center;margin-bottom:5px;padding:10px 0;text-align:center;text-decoration:none;transition:background-color .4s,color .4s;width:130px}.signin .prime:hover{background-color:var(--prime-button-background-hover);color:var(--prime-button-color-hover)}.signin .signin-buttons{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:17px;justify-content:center}.signin .signin-buttons input{background-color:#555;border:2px solid #585858;border-radius:5px;color:#d1d1d1;font-size:.9rem;padding:7px 10px;text-align:left;width:190px}.signin .signin-buttons input:focus{border:2px solid #3fb2ff;outline:none}.signin .signin-buttons input::placeholder{color:#a1a1a1}.signin .create-account-button{background-color:initial;border:none;border-bottom:2px solid #0000;color:#ccc;cursor:pointer;display:flex;font-size:.85em;justify-content:center;margin-bottom:5px;padding:0;text-align:center;text-decoration:none;transition:background-color .4s,color .4s,border .2s;width:110px}.signin .create-account-button:hover{color:#e7e7e7;text-decoration:underline}.help{padding:40px}.help .column{align-items:center;display:flex;flex-direction:column}.help .email-label{align-items:center;color:silver;display:flex;flex-direction:row;font-size:1rem;gap:8px;justify-content:center}.help .secondary{background-color:#22a7ff;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:bolder;justify-content:center;padding:10px 0;text-align:center;text-decoration:none;transition:background-color .4s,color .4s;width:130px}.help .secondary:hover{background-color:#fff;color:#000}.help h2{color:#fff}.help span{word-wrap:break-word;color:#d3d3d3;display:inline-block;max-width:300px;white-space:normal}:root{--canvas-background-color:#f5f5f5;--background-color-hover:#eee;--text-color-hover:#4e4e4e;--prime-button-background-hover:#000;--prime-button-color-hover:#fff;--secondary-button-color-hover:#818181;--button-shadow:inset 0px 1px 0px #ffffff14,inset 0px 0px 1px #ffffff4d}.dark-theme{--canvas-background-color:#242424;--background-color-hover:#303030;--text-color-hover:#dbdbdb;--prime-button-background-hover:#fff;--prime-button-color-hover:#000;--secondary-button-color-hover:#e2e2e2;--button-shadow:0px 3px 2px #00000059,0px 3px 2px #00000080,inset 0px 1px 2px hsla(0,0%,100%,.123),inset 0px 0.2px 2px hsla(0,0%,100%,.397)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{margin:0;overflow:hidden;padding:0}.full-screen-canvas{background-color:#f5f5f5;background-color:var(--canvas-background-color);display:block;height:100vh;left:0;position:fixed;top:0;width:100vw}.center-menu{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.center-menu .prime{background-color:#22a7ff;border:none;border-radius:20px;box-shadow:inset 0 1px 0 #ffffff14,inset 0 0 1px #ffffff4d;box-shadow:var(--button-shadow);color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:bolder;justify-content:center;padding:10px 0;text-align:center;text-decoration:none;transition:background-color .4s,color .4s;width:130px}.center-menu .prime:hover{background-color:#000;background-color:var(--prime-button-background-hover);color:#fff;color:var(--prime-button-color-hover)}.center-menu .secondary{align-items:center;background-color:initial;border:none;border-radius:20px;color:#b6b6b6;cursor:pointer;display:flex;font-size:.9em;justify-content:center;margin-bottom:10px;padding:10px;text-decoration:none;transition:background-color .4s,color .4s;width:150px}.center-menu .secondary svg{font-size:.8rem}.center-menu .secondary span{padding-left:6px}.center-menu .secondary:hover{color:#818181;color:var(--secondary-button-color-hover)}