.sub-form,fieldset{transition:transform .5s ease-in-out,border .5s ease-in-out,max-height .7s}.sub-form:hover,fieldset:hover{border:2px solid #2b462a;transform:scale(1.03)}.sub-form{margin-right:2px;margin-left:30px;margin-bottom:20px;width:100%;flex:1 1 100%;padding:15px 0 15px 15px;background-color:#9a9682;border:2px solid #ddd;box-shadow:6px 6px 2px 1px #2b462a33;border-radius:3px;position:relative}.sub-form-header,.fieldset-header{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%}.sub-form-header h3{margin:0;color:#ddd;align-self:center;display:contents}.fieldset-header{margin-bottom:5px}.fieldset-header h3{color:#333;align-self:flex-start}.fieldset-header button{width:32px;height:32px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat center;background-size:contain;cursor:pointer;transition:transform .5s;padding:0;outline:none}.fieldset-header button.collapsed{transform:rotate(90deg)}.sub-form .add-section{margin:0 15px 0 0;padding:8px 12px;background-color:#84b784;color:#333}.sub-form .add-section:hover{background-color:#3a7a39;color:#c1bda5}fieldset{margin-top:2%;border:2px solid #ddd;box-shadow:6px 6px 2px 1px #2b462a33;border-radius:3px;background-color:#c1bda5;overflow:visible}.fieldset-form-fields{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:15px;transition:max-height .5s}.fieldset-form-fields.collapsed{max-height:0;overflow:hidden}.sub-form fieldset .delete-section{width:100%;margin-top:10px;padding:8px 12px}.form-field{display:flex;flex-direction:column;flex:1 1 25%;box-sizing:border-box;margin:0 10px}.form-field label{font-size:small;color:#efefef;white-space:nowrap}.form-field input,.form-field .input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;background-color:#9a9682;color:#e2e2e2;width:100%;height:2rem;padding:0 10px;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;transition:border-color .3s,transform .3s ease,margin .3s ease}label.input{display:flex;flex-direction:column;justify-content:center}.form-field p.warn{font-size:.8rem;color:#d25e69}.form-field input::placeholder{color:#e2e2e24d}.form-field input:focus,.form-field input:hover,.form-field .input:hover{border-color:#2b462a;outline:none}.form-field .input p{margin:0}.form-field input[type=text]:hover{transform:scale(1.1)}.form-field input[type=checkbox]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%23c6c2ab'%3E%3Cpath d='M20.285 6.375l-11.285 11.285-5.285-5.285 1.41-1.41 3.875 3.875 9.875-9.875 1.41 1.41z'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}.form-field input[type=checkbox]:checked{background-color:#2b462a}.form-field{margin-bottom:15px}.form-field.file input{display:none}:root{font-family:Rubik,monospace!important;font-weight:600;background-color:#c1bda5;color:#2b462a}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}input,textarea{font-family:Rubik,monospace!important;font-weight:600}body{margin:0}h1,h2,h3,button{font-family:Rubik Mono One,monospace!important}button{cursor:pointer;transition:background-color .5s,color .3s,transform .7s;border:none;border-radius:3px;background-color:#2b462a;color:#c1bda5}button:disabled{cursor:not-allowed!important;background-color:#d3d3d3!important;color:#a0a0a0!important;transform:none!important;opacity:.6!important}button:hover{transform:scale(1.05)}button.btn-negative{background-color:#d25e69;color:#2b462a}button.btn-negative:hover{background-color:#c82333;color:#c1bda5}button.btn-positive:hover{background-color:#84b784;color:#514453}button:disabled{background-color:#888;color:#ddd}.auth-loading{position:absolute;top:0;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;flex-direction:column}.auth-loading p{font-size:1.5rem}#footer-chip{border-radius:10px 0 0;border:1px solid #c1bda5;border-right:none;border-bottom:none;right:0;bottom:0;padding:15px}footer{top:100%;width:100%;height:20%;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:3rem 2rem}footer .about,footer .links{height:100%;display:flex;flex-direction:column;justify-content:center}.links{text-align:right}.links a{margin:10px}.about{width:50%}.about h1,.about p{margin:0}footer,#footer-chip{position:absolute;background-color:#2b462a;color:#c1bda5}footer a,#footer-chip a{color:#84b784}@media screen and (min-width: 1025px){.links.narrow{display:none}}@media screen and (max-width: 1024px){.links.wide{display:none}#footer-chip{font-size:.8rem;padding:5px}footer{height:auto;padding:1rem}footer .about h1{font-size:1.5rem}footer .about br,footer .about p{display:none}footer .links{flex-grow:1}footer .links a{display:inline-block;font-size:.8rem;padding:.2rem 1rem;margin:.5rem 0;background-color:#c1bda5;color:#2b462a;text-decoration:none;border-radius:5px;text-align:center}}header{position:absolute;top:0;right:0;height:10vh}header .header-content{padding:0 30px;display:flex;align-items:center;justify-content:flex-end;height:100%}header .header-content h1{margin:0;font-size:2.5em}header .header-content button{position:absolute;top:7vh}header,header *{z-index:10;transition:all .3s}header.solid-bg{border:1px solid #2b462a;border-right:none;border-top:none;border-bottom-left-radius:12px;background-color:#c1bda5}@media screen and (max-width: 1024px){.header-content button{display:none}}#main-container{position:absolute;height:100vh;width:100vw;top:0;left:0;display:flex;flex-direction:row}.form-or-drop{flex-grow:1;margin-top:10vh;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.form-or-drop ::-webkit-scrollbar{display:none}.directory-header{height:10vh;display:flex;justify-content:flex-end;color:#2b462a}.directory-header h2{margin-left:1rem}.title{display:flex;justify-content:center;flex-direction:column;padding-left:25px}.title h2{margin:0}.expand-button{transition:padding .3s ease-in-out;display:flex}.sidebar-toggle-button{padding:0;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:50px}.sidebar-toggle-button svg{stroke:#2b462a;width:2rem;height:2rem}.directory-footer{position:absolute;bottom:0;right:0;display:flex;flex-direction:column;align-items:flex-end;background-color:#2b462a;width:100%;border-radius:10px 10px 0 0;padding:10px 0}.add-directory-item{display:flex;align-items:center;transition:transform .3s ease-in-out,color .3s;color:#c1bda5;cursor:pointer}.add-directory-item p{margin:0;white-space:nowrap}.add-directory-item .icon{margin:10px;width:30px;min-width:30px}.icon{transition:transform .3s ease-in-out,color .3s;cursor:pointer}.icon:hover{transform:scale(1.2)}.add-directory-item:hover{color:#84b784;transform:scale(1.05)}.tree-item{white-space:nowrap;color:#2b462a;font-family:Rubik,monospace;font-weight:600}.react-resizable{position:relative;overflow-x:hidden;box-shadow:5px 0 5px #0003}.react-resizable,.react-resizable *{z-index:20}.react-resizable:has(.react-resizable-handle-e:hover){box-shadow:10px 0 10px #0003}.react-resizable:not(.moving){transition:min-width .3s,width .3s,transform .3s ease-in-out}.react-resizable[data-display=collapsed] .directory-footer .icon{margin-left:25px}.react-resizable[data-display=collapsed]:hover{width:75px!important}.react-resizable[data-display=collapsed]:hover .expand-button{width:75px}.react-resizable-handle-e{cursor:ew-resize;right:0;height:100%;width:10px;position:absolute;top:0;background:transparent}.react-resizable-handle{width:10px;position:absolute;height:100%;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-position:bottom right;transition:all .3s ease}.templates-directory{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.directory-body{position:absolute;top:10vh;margin-top:auto}.directory-map{display:flex;flex-direction:row}.directory-map .directory-map-part{transition:.3s all ease-in-out;border-radius:3px}.directory-map .directory-map-part a{cursor:pointer;white-space:nowrap;font-size:.8rem;padding:0 .3rem}.directory-map .directory-map-part:hover{background-color:#514453;transform:scale(1.08)}.directory-map .directory-map-part:hover a{color:#84b784}.loading-container{position:relative;width:100%;height:100%}.loading-display{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.is-loading{transition:all .3s ease;pointer-events:none}.is-loading>*:not(.loading-display){opacity:.5}*:not(.is-loading)>.loading-display{opacity:1}#file-input{display:none}#drop-area{font-family:Rubik Mono One,monospace;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.1em;cursor:pointer;transition:color .2s ease-in-out;color:#888}#drop-area button{padding:1rem;width:100%;background-color:#888;color:#c1bda5}#drop-area:hover button{padding:1rem;width:100%;background-color:#2b462a;color:#c1bda5}#drop-area:hover button:hover{background-color:#84b784;color:#514453}#drop-area:hover,#drop-area.dragover{color:#2b462a}#document-form{display:flex;flex-wrap:wrap;padding:10px;width:90%;margin:0 auto 60px;font-size:small}#document-form .header{flex-basis:100%;display:flex;flex-direction:row;justify-items:center;justify-content:space-evenly;margin:1rem}#document-form .header button{padding:.5rem 1rem}#document-form .header h1{flex-grow:1;margin:0;text-align:center;color:#2b462a}.submit-button{width:100%;margin-top:10px;padding:8px 12px;min-height:50px}.submit-button:hover{transform:scale(1.01,1.2)}.directory-tree{margin-bottom:15px}.dialog-header h3{margin:5px;color:#2b462a}.form-field.select input{caret-color:transparent;cursor:pointer}.dialog-footer{display:flex;flex-direction:row;justify-content:flex-end;gap:20px;margin:0 10px}.dialog-footer button{padding:.5rem 1rem}.tag-tutorial{margin-left:2rem;padding:2rem;padding-right:0}.tag-tutorial p.heading{font-size:2rem}.tag-tutorial .heading{padding-bottom:.5rem}.tag-tutorial .brief{padding:0 0 0 1rem;border-radius:8px 0 0 8px;color:#596a50}.tag-tutorial .brief p{margin:0}.tag-tutorial i{background-color:#b7b39d;color:#2b462a;padding-right:.8rem;padding-left:.2rem;font-weight:600;border-radius:5px}.tag-tutorial-item{background-color:#b7b39d;cursor:pointer;padding:1rem;padding-bottom:0;border-radius:8px 0 0 8px;margin-top:1rem;transition:transform .3s ease-in-out}.tag-tutorial-item i{background-color:#2b462a;color:#c1bda5}.tag-tutorial-item h2,.tag-tutorial-item h4{margin:0}.tag-tutorial-item p.sub-note{margin-top:.3rem;font-size:smaller;padding-left:2rem}.tag-tutorial-item .tag-tutorial-demo{transition:max-height .3s ease-in-out;max-height:0px;overflow:hidden}.tag-tutorial-item .tag-tutorial-demo .examples{display:flex;flex-direction:row;align-items:stretch;gap:3rem}.tag-tutorial-item .tag-tutorial-demo .examples .example-container{flex:1;padding:1rem;background-color:#2b462a;color:#c1bda5;border-radius:8px}.tag-tutorial-item .tag-tutorial-demo .examples .example-container hr{border:1px solid}.tag-tutorial-item .tag-tutorial-demo .examples .example-container p{margin:3px}.tag-tutorial-item .tag-tutorial-demo .examples .example-container i{color:#2b462a;background-color:#c1bda5}.tag-tutorial-item .tag-tutorial-demo .examples .example-container .demo-form .sub-form,.tag-tutorial-item .tag-tutorial-demo .examples .example-container .demo-form fieldset{border-color:#c1bda5}.tag-tutorial-item .tag-tutorial-demo .examples .example-container .demo-form .sub-form{background-color:#596a50;margin:0}.tag-tutorial-item .tag-tutorial-demo .examples .example-container .demo-form .sub-form h3,.tag-tutorial-item .tag-tutorial-demo .examples .example-container .demo-form .sub-form button{font-size:small}.tag-tutorial-item .tag-tutorial-demo .examples .example-container .demo-form .sub-form h3{color:#c1bda5}.tag-tutorial-item .tag-tutorial-demo .examples .example-container .demo-form .sub-form fieldset{background-color:#2b462a}.tag-tutorial-item .tag-tutorial-demo .examples .example-container .demo-form .form-field input{background-color:#596a50;border:1px solid #c1bda5}.tag-tutorial-item .tag-tutorial-demo .examples .example-container .demo-form .form-field input[type=checkbox]{cursor:pointer}.tag-tutorial-item .tag-tutorial-demo .examples .example-container .demo-form .form-field input[type=checkbox]:checked{background-color:#9a9682}.tag-tutorial-item .open-demo{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem}.tag-tutorial-item .open-demo svg{transition:transform .3s ease-in-out}.tag-tutorial-item .open-demo.open svg{transform:rotate(180deg)}@media screen and (min-width: 1025px){.tag-tutorial-item .tag-tutorial-demo .examples{margin-bottom:2rem}.tag-tutorial-item .open-demo{display:none}.tag-tutorial-item:hover{transform:scale(1.015)}.tag-tutorial-item:hover .tag-tutorial-demo{max-height:11vh}}@media screen and (max-width: 1024px){.tag-tutorial{padding:1rem;padding-right:0}.tag-tutorial p.heading{font-size:1.5rem}.tag-tutorial .brief{padding:0 1rem}.tag-tutorial .brief p{font-size:.8rem;margin-bottom:.5rem}.tag-tutorial-item{padding-right:0}.tag-tutorial-item p{font-size:.8rem;padding-right:1rem}.tag-tutorial-item p.sub-note{font-size:.7rem}.tag-tutorial-item .tag-tutorial-demo .examples{overflow-x:scroll}.tag-tutorial-item .tag-tutorial-demo .examples .example-container{flex:0 0 80%}}.login-page{position:absolute;top:0;width:100vw;height:100vh;display:flex;flex-direction:row}.login-page .login-left{display:flex;width:45%;background-color:#2b462a;color:#c1bda5;align-items:center;justify-content:center}.login-page .login-left button{background-color:#c1bda5;color:#2b462a}.login-page .login-left .login-form{display:flex;flex-direction:column;align-items:center}.landing-page{overflow-y:scroll;width:100vw;height:100dvh;position:absolute;top:0;padding-top:10vh;display:flex;flex-direction:column}.landing-page p.heading{margin:0;font-weight:500}.landing-page p.heading b{font-family:Rubik Mono One,monospace}.top-row{display:flex;flex-direction:row;width:100%}.top-row .landing-left{width:50%;display:flex;flex-direction:column;justify-content:center}.top-row .landing-left .beta-warning,.top-row .landing-left .landing-cta{padding:1rem 2rem;font-size:1.5rem}.top-row .landing-left .beta-warning{background-color:#b7b39d;text-align:end;border-top-right-radius:12px}.top-row .landing-left .beta-warning p{margin:0}.top-row .landing-left .landing-cta{border-radius:0 0 12px;text-align:right}.top-row .landing-left p.heading{padding:0 2rem 2rem;text-align:right;font-size:3rem}.top-row .landing-left p.heading b{font-family:Rubik Mono One,monospace}.top-row .landing-right{flex-grow:1}.how-to-use{margin-left:2rem;padding:2rem;padding-right:0}.how-to-use p.heading{font-size:2rem}.how-to-use{margin-top:7vh;background-color:#2b462a;border-radius:8px 0 0 8px}.how-to-use p.heading{padding-bottom:2rem;color:#c1bda5}.landing-cta,.bottom-cta{background-color:#2b462a;color:#c1bda5}.landing-cta:hover,.bottom-cta:hover{background-color:#84b784;color:#2b462a}.bottom-cta{border-radius:0 12px 12px 0;font-size:4rem;padding:2rem;margin:2rem 0 4rem;width:95%}@media screen and (max-width: 1024px){.landing-page .top-row{flex-direction:column-reverse}.landing-page .top-row .landing-left,.landing-page .top-row .landing-right{width:100%}.landing-page .top-row .landing-left .beta-warning,.landing-page .top-row .landing-left .landing-cta{width:90%;padding:1rem 2rem}.landing-page .top-row .landing-left .beta-warning{text-align:end;border-top-right-radius:12px;font-size:.8rem}.landing-page .top-row .landing-left .beta-warning p{margin:0}.landing-page .top-row .landing-left .landing-cta{border-radius:0 0 12px;text-align:right}.landing-page .top-row .landing-left p.heading{padding-top:2rem;text-align:left;font-size:1.5rem}.how-to-use{padding:1rem;padding-right:0}.how-to-use p.heading{font-size:1.5rem}.bottom-cta{font-size:2rem;padding:1rem;margin:1rem 0 2rem;width:90%}}._container_ziaq5_1{width:100%;height:80vh;display:flex;flex-direction:column;justify-content:center;position:relative}._previewForm_ziaq5_10{position:absolute;bottom:1rem;left:2rem;background-color:#c1bda5;border-radius:12px;box-shadow:0 8px 20px #0000001f;padding:1.5rem;width:35%;z-index:2}._previewForm_ziaq5_10 h3{background:#2b462a;color:#c1bda5;margin:-1.5rem -1.5rem 1rem;padding:1rem;border-top-left-radius:12px;border-top-right-radius:12px;font-size:1.1rem}._previewForm_ziaq5_10 button{width:100%;padding:.6rem;cursor:pointer;font-size:1rem}._templatePreview_ziaq5_37{position:relative;border-radius:12px 0 0 12px;box-shadow:0 8px 20px #0000000d;height:60vh;padding-top:30px;margin-left:20%;background-color:#b7b39d}._templatePreview_ziaq5_37 ._browserBar_ziaq5_46{position:absolute;top:0;left:0;height:30px;width:100%;background:#2b462a;border-top-left-radius:12px}._templatePreview_ziaq5_37 ._browserBar_ziaq5_46 svg{color:#c1bda5;height:30px;width:30px;margin-left:10px}._templatePreview_ziaq5_37 ._templateContent_ziaq5_61{background-color:#c1bda5;border-top-left-radius:12px;padding:1rem;position:absolute;bottom:0;margin-left:30%;width:70%;min-height:calc(100% - 45px)}._templatePreview_ziaq5_37 ._templateContent_ziaq5_61 p{margin-bottom:1rem;font-size:1rem;color:#444}._templatePreview_ziaq5_37 ._templateContent_ziaq5_61 ._lines_ziaq5_76{height:2rem;border-top:12px solid #b7b39d;border-bottom:12px solid #b7b39d;margin-bottom:1rem}@media screen and (max-width: 1024px){._container_ziaq5_1{height:40vh}._templatePreview_ziaq5_37{margin-top:3vh}._templatePreview_ziaq5_37 ._templateContent_ziaq5_61 p{font-size:.7rem}._formField_ziaq5_93{margin:0 .4rem .4rem}._formField_ziaq5_93 label,._formField_ziaq5_93 input{font-size:.6rem}._formField_ziaq5_93 input{height:1.2rem}._previewForm_ziaq5_10{padding:.7rem}._previewForm_ziaq5_10 h3{background:#2b462a;color:#c1bda5;margin:-.7rem -.7rem .4rem;padding:.4rem 1rem;border-top-left-radius:12px;border-top-right-radius:12px;font-size:.7rem}._previewForm_ziaq5_10 button{width:100%;padding:.6rem;cursor:pointer;font-size:.7rem}}.tutorial-container{display:flex;width:100%;overflow-x:hidden;align-items:center;color:#c1bda5}.tutorial-container .arrow-right{color:#c1bda5;size:2rem;display:flex;margin:auto}.tutorial-container .tutorial-card,.tutorial-container .formulate-action-card{border-radius:8px;padding:1rem;margin:1rem;transition:transform .2s ease-in-out}.tutorial-container .tutorial-card .card-header,.tutorial-container .formulate-action-card .card-header{display:flex;flex-direction:column;align-items:center}.tutorial-container .tutorial-card .card-header .card-header-text,.tutorial-container .formulate-action-card .card-header .card-header-text{text-align:center;margin:0;margin-top:.5rem}.tutorial-container .tutorial-card:hover,.tutorial-container .formulate-action-card:hover{transform:scale(1.05)}.tutorial-container .tutorial-card{background-color:#c1bda5;color:#2b462a;flex:2;font-size:1.5rem;min-height:25vh;display:flex;flex-direction:column;justify-content:center}.tutorial-container .tutorial-card .card-body{max-height:0}.tutorial-container .tutorial-card .card-header-icon{width:70px;height:70px}.tutorial-container .tutorial-card .card-header-icon svg{height:100%;width:100%}.tutorial-container .formulate-action-card{background-color:#596a50;flex:1;font-size:1rem}.tutorial-container .formulate-action-card .card-header-icon{width:50px;height:50px}.tutorial-container .formulate-action-card .card-header-icon svg{height:100%;width:100%}@media screen and (max-width: 1024px){.tutorial-container{overflow-x:scroll}.tutorial-container .arrow-right{display:none}.tutorial-container .tutorial-card,.tutorial-container .formulate-action-card{flex:0 0 80%}}.mobile-not-available-screen{width:100vw;height:100dvh;background-color:#c1bda5;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-not-available-screen h2{margin:0}.mobile-not-available-screen h1,.mobile-not-available-screen p,.mobile-not-available-screen button{margin:1rem 0}.mobile-not-available-screen h1,.mobile-not-available-screen p{text-align:center;padding:0 1rem}.mobile-not-available-screen button{padding:1rem;width:80%;font-size:2rem}