:root{--primary-color:teal;--primary-font:#fff;--primary-background:#323232;--secondary-color:#004848;--default-shadow:#0000004d;--default-box-shadow:1px 0px 6px 2px var(--default-shadow)}body,html{-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;padding:0}*,body,html{box-sizing:border-box}img{max-width:100%}h1,h2,h3,h4,h5,p{margin:0;padding:0}button{cursor:pointer}.text-center{text-align:center}.margin-centered{margin-left:auto;margin-right:auto}.page-wrapper{grid-gap:5px;display:grid;gap:5px;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}.content-wrapper,.nav-bar,.page-wrapper{height:100vh;max-height:100vh}.content-wrapper{background-color:#fff;overflow-y:auto;padding:5px}.nav-bar{background-color:var(--primary-background);box-shadow:var(--default-box-shadow);position:relative;width:150px}.nav-bar,.nav-bar.closed{transition:width .3s ease-in-out}.nav-bar.closed{width:40px}.nav-bar-button{align-items:center;background-color:initial;border:none;color:#fff;display:grid;font-size:1rem;grid-template-columns:30px 1fr;overflow:hidden;padding:8px 10px;text-align:left;white-space:nowrap;width:100%}.nav-bar-button:hover{background-color:var(--secondary-color)}.nav-bar i{font-size:30px}.nav-bar-button.selected{background-color:var(--primary-color)}.nav-bar-button.logout{background-color:darkred;bottom:0;color:#fff;position:absolute}.nav-bar-toggle{align-items:center;background-color:#fff;border-radius:100vw;box-shadow:var(--default-box-shadow);color:var(--primary-color);display:flex;font-size:30px;height:30px;justify-content:center;position:absolute;right:-15px;top:calc(50vh - 15px);transform:rotate(0deg);transition:transform .4s .2s;width:30px}.nav-bar-toggle.closed{transform:rotate(180deg);transition:transform .4s .2s}.branding{word-wrap:nowrap;align-items:center;color:var(--primary-color);display:flex;flex-wrap:nowrap;font-weight:700;gap:5px;justify-content:center;margin:10px 0;min-height:40px;overflow:hidden;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap}.branding>div{margin-top:-3px}.branding svg{color:var(--primary-color)}.branding.xsmall{font-size:1rem}.branding.small{font-size:1.2rem}.branding.medium{font-size:1.4rem}.branding.large{font-size:2rem}.branding.xlarge{font-size:3rem}.branding.white,.branding.white svg{color:#fff}.confirmation-dialog-controls{border-left:5px solid #f5f5f5;display:flex;flex-direction:row-reverse;gap:20px;padding:0 10px 10px}.confirmation-dialog-controls button{align-items:center;background-color:initial;border:none;display:flex;font-size:2rem;height:30px;justify-content:center;width:30px}.confirmation-dialog-controls button:hover{transform:rotate(1turn);transition:transform .4s}.confirmation-dialog-controls button.red{color:darkred}.confirmation-dialog-controls button.green{color:#006400}.modal-background{align-items:center;background-color:#000000b3;display:flex;inset:0;justify-content:center;position:fixed}.modal-background.show{opacity:1;transition:opacity .3s;z-index:10}.modal-background.hide{opacity:0;pointer-events:none;transition:opacity .3s,z-index .1s .3s;z-index:-1}.modal-content{background-color:#fff;border-radius:8px;box-shadow:var(--default-box-shadow);max-width:400px;overflow:hidden}.modal-content-grid{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}.modal-content-icon{color:orange;font-size:4rem;padding:30px}.modal-title{border-bottom:1px solid #000;font-size:1.1rem;font-weight:500;padding:20px 10px 5px}.modal-body{font-size:1.05rem;padding:10px 20px 10px 5px}.login-wrapper{align-items:center;background-color:var(--primary-background);inset:0;justify-content:center;position:fixed}.login-form,.login-wrapper{display:flex;flex-direction:column}.login-form{background-color:#fff;border-radius:15px;max-width:400px;padding:30px;width:400px}.fancy-input{border:1px solid #000000b3;border-radius:8px;height:40px;margin-top:10px;overflow:hidden;position:relative;width:100%}.fancy-input input[type=password],.fancy-input input[type=text],.fancy-input-label{height:40px}.fancy-input input[type=password],.fancy-input input[type=text]{background-color:#f5f5f5;border:none;display:block;font-size:1rem;outline:none;padding-left:45px;width:100%}.fancy-input-label{text-wrap:nowrap;grid-gap:3px;align-items:center;background-color:#fff;border-right:1px solid #000000b3;display:grid;font-size:.9rem;font-weight:400;gap:3px;grid-template-columns:20px 1fr;left:0;overflow:hidden;padding:0 5px;pointer-events:none;position:absolute;top:0;transition:width .2s;white-space:nowrap;width:-webkit-max-content;width:max-content}.fancy-input-label svg{margin-left:3px;margin-top:3px}.fancy-input.focused .fancy-input-label{transition:width .2s;width:30px!important}.pencil-banner{align-items:center;background-color:darkred;box-shadow:var(--default-box-shadow);color:#fff;display:flex;height:100px;justify-content:center;left:0;position:absolute;right:0;top:-100px;transition:top .2s;z-index:10}.pencil-banner.ok{background-color:#006400;z-index:9}.pencil-banner.warning{background-color:#ff8c00;text-shadow:0 0 1x #000;z-index:9}.pencil-banner.open{top:0;transition:top .2s}.pencil-banner-content{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;max-width:600px;width:600px}.pencil-banner-content svg{font-size:3rem}.fancy-checkbox{grid-gap:5px;align-items:center;cursor:pointer;display:grid;gap:5px;grid-template-columns:25px 1fr;margin-top:10px;padding:3px;position:relative;width:-webkit-max-content;width:max-content}.fancy-checkbox-label{-webkit-user-select:none;user-select:none}.fancy-checkbox svg{font-size:25px;padding:0;transform:rotateY(0deg);transition:transform .5s}.fancy-checkbox.checked svg{transform:rotateY(1turn);transition:transform .5s}.cta-button{background-color:var(--secondary-color);border:1px solid #000;border-radius:3px;color:#fff;font-size:1rem;height:40px;margin:10px auto 0;transition:background-color .2s;width:100%}.cta-button.loading{background-color:grey;cursor:no-drop;pointer-events:none;transition:background-color .2s}
/*# sourceMappingURL=main.0b1b9d3b.css.map*/