.error-span{text-decoration-color:#e33151;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:2px}.app{background-color:#f0f3f3;display:flex;flex-direction:column;min-height:100%;overflow-y:auto}.app .section{border:3px solid #d0d0d0;border-radius:10px;padding:16px}.app .repr-section{height:100%;width:200px}.app .app-main{grid-gap:24px;color:#fff;display:grid;flex:1 1;gap:24px;grid-template-areas:"a d d d" "b d d d" "c d d d";grid-template-columns:300px 1fr;grid-template-rows:500px min-content 500px;margin-bottom:32px;margin-left:auto;margin-right:auto;max-height:75%;width:75%}@media screen and (max-width:700px){.app .app-main{grid-template-areas:"d d d d" "a a a a" "b b b b" "c c c c";grid-template-columns:1fr;grid-template-rows:500px min-content min-content min-content}}.app .app-main #config-section{display:flex;grid-area:c}.app .app-main #config-section .configuration{display:flex;flex:1 1;flex-direction:column;gap:16px}.app .app-main #b-divider{grid-area:b}.app .app-main #create-section{grid-area:a}.app .app-main #representation-section{color:#555;grid-area:d;max-height:100%;overflow-y:auto;width:100%}.app .app-main #representation-section .text-representation{font-style:italic;text-align:left}.app .app-main #representation-section .text-representation .missing-text,.app .app-main #representation-section .text-representation .overflow-text{font-style:normal;margin-left:8px}.app .app-main #representation-section .text-representation .missing-text{color:#fd9f12}.app .app-main #representation-section .text-representation .overflow-text{color:#e33151}.app .app-main .input-container{background-color:#0000;display:flex;flex-direction:column;gap:16px}.app .app-main .inputs-container{display:flex;flex-direction:column;gap:16px;position:relative}.integrate-input{flex-direction:column;height:100%;overflow-y:auto}.integrate-input,.integrate-input .input-flex{display:flex;gap:8px}.integrate-input .input-flex button{background-color:#e33151;color:#fff;cursor:pointer;width:52px}.integrate-input .input-flex button:hover{background-color:#fddce2}*{box-sizing:border-box;font-family:Lora,serif}html{height:100%}html body{height:inherit;margin:0}#root{height:100%}.divider{border-bottom:1px solid #d0d0d0;height:1px;width:100%}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:400}h1,h2,h3,h4,h5,h6,label,p{color:#555;width:max-content}button,input,textarea{background-color:#d0d0d0;border:none;border-radius:5px;color:#555;font-size:14px;padding:16px;resize:vertical;width:100%}button:focus,input:focus,textarea:focus{border:none;outline:none}button:hover{background-color:#f0f3f3}#header{border-bottom:1px solid #d0d0d0;box-sizing:border-box;display:flex;height:112px;margin-bottom:32px;width:100%}#header h1{margin:auto}
/*# sourceMappingURL=main.5d9e8c7e.css.map*/