body,html{height:100%;width:100%}body{background-color:#282c34;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body a{color:inherit}#root{height:100%;width:100%}h1{font-size:2em;font-weight:700}.App{height:100%;width:100%;text-align:center}.App__headder{height:100px;border-bottom:1px solid;background-color:#142e48;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;margin-bottom:10px}.App__headder img{height:70%;margin-right:50px}.App__headder svg{height:70%;margin-right:20px}.App__headder .App__logout{margin-left:auto;margin-right:20px;flex:none}.App__body{position:absolute;top:100px;bottom:0;width:100%}.button{background-color:#ba16c9;border-radius:2em;text-align:center;color:#fff;cursor:pointer;padding:.2em 1em;margin:.5em;transition:all .3s ease;border:1px solid #ba16c9}.button:hover{background-color:#70037a}.button--file{background-color:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.3);border-radius:8px;padding:2em;width:min(45ch,70%)}.button--file:hover{background-color:rgba(255,255,255,.15)}.button--file--dragging{background-color:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:scale(1.02)}.button__content{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.button__icon{font-size:2em}.button__text{font-size:1.2em;text-align:center}.button--big{font-size:1.3em;font-weight:600}.button--disabled{opacity:.5;cursor:not-allowed}.button--disabled,.button--disabled:hover{background-color:#666}.button--tiny{font-size:.7em}.button--inline{display:inline-block}.button--no-button-style{border:none;color:#fff}.page{width:100%;min-height:100%;display:flex;flex-flow:column wrap;align-items:center;justify-content:flex-start}.page__header{padding:1rem 0;text-align:center}.page__content,.page__header{width:100%;box-sizing:border-box}.page__content{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:2rem}.page--center,.page__content{justify-content:center}.page h2,.page h4,.page h5{margin:0 0 .3em}.page h3{margin:.1em 0 .3em}.page input,.page label,.page select{margin-bottom:.2em}.page input,.page select{margin-left:.2em}.page__seperator{width:100%;height:1px;background:#fff;margin:.1em 0 .2em}.page__row{display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:center}.page__row--nowrap{flex-wrap:nowrap}.page__row--center{align-items:center}.page--small-text{font-size:.8rem}.page__column{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;background:#142e48;box-shadow:0 0 15px #000;border-radius:10px;padding:.3em;margin:.5em}.page__column--big{width:100%;max-width:800px}.page__column--preview{min-width:30%;flex-grow:2;background:none;box-shadow:none;border-radius:0}.page__column--small-sub-col{align-items:flex-start;font-size:.8rem;background:none;box-shadow:none;border-radius:0;margin:.1em .5em}.page__column--left{min-width:200px;align-items:flex-start}.page__column--left-aligned{justify-content:flex-start}.page--big-text{width:100%;display:inherit;flex-flow:inherit;align-items:inherit;justify-content:inherit;font-size:1.3rem;line-height:1.3rem}.page--big-text input[type=number]{width:3.2rem;font-size:1.4rem;line-height:1.2rem;text-align:center;margin-top:.2rem;-moz-appearance:textfield}.page--big-text input[type=number]::-webkit-inner-spin-button,.page--big-text input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page--big-text input[type=checkbox]{height:1.3rem;width:1.3rem;margin-top:.4rem}.page--big-text input[type=text]{padding:.2rem;margin-top:.4rem}.page--big-text input{box-shadow:.1rem .1rem .4rem rgba(0,0,0,.4392156863);border:none;border-radius:.1rem}.page --small-text{font-size:.8rem;line-height:1rem}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4392156863);justify-content:center}.backdrop,.notices{display:flex;align-items:center}.notices{flex-flow:column nowrap;gap:.5em;width:min(45ch,70%);margin:1em 0}.notice{width:100%;box-sizing:border-box;margin:0;padding:.8em 1em;border-radius:8px;text-align:left;line-height:1.35;border-left:4px solid}.notice--error{background:#4a1520;border-left-color:#e5484d}.notice--warning{background:#4a3a15;border-left-color:#f5a524}.notice--pending{background:#1e3a52;border-left-color:#6ba7d8}