.app{max-width:1200px;margin:0 auto 10px}.app input:invalid{border:1px dashed red}.app .top-bar{align-items:center;padding:0 10px;display:flex}.app .top-bar .egzotech-logo{margin-right:10px}.app .top-bar .user-badge{cursor:pointer;background-color:#0000001a;border-radius:20px;align-items:center;padding-left:10px;font-weight:700;transition:background-color .5s;display:flex}.app .top-bar .user-badge .name{margin-right:10px}.app .top-bar .user-badge:hover{background-color:#fff3}.app .top-bar>*{margin-right:10px}.app .templates{margin-top:10px;display:flex}.app .templates .template-explorer{flex:1;padding:10px}.app .templates .label-template-explorer{height:400px}.app .templates .preview{min-width:400px;max-width:400px;flex-direction:column;margin-left:10px;display:flex;overflow:hidden}.app .templates .preview .template-preview{margin-bottom:10px;padding:10px}.app .templates .preview .template-preview .img-container{overflow:auto}.app .templates .preview .template-preview .img-container img{min-height:100px;height:100px;max-height:100px;background:#fff}.app .templates .preview .last-printed{flex:1;padding:10px}.app .templates .preview .last-printed .item{white-space:nowrap;text-overflow:ellipsis;margin:2px;padding:5px;overflow:hidden}.app .currently-chosen{margin-top:10px;padding:10px}.app .currently-chosen .template-info{border:1px solid #ffffff1a;grid-template-columns:auto 1fr;display:grid}.app .currently-chosen .template-info :not(:last-child):not(:nth-last-child(2)){border-bottom:1px solid #ffffff1a}.app .currently-chosen .template-info :nth-child(2n+1){border-right:1px solid #ffffff1a}.app .currently-chosen .template-info *{padding:5px}.app .paper.padded{margin-top:10px;padding:10px}.app .print-preview .title-bar{display:flex}.app .print-preview .title-bar h1{flex:1}.app .print-preview .title-bar .scale{align-items:center;display:flex}.app .print-preview .title-bar .scale input[type=range]{margin-left:5px}.app .print-preview .preview-area{min-height:280px;align-items:flex-start;padding-bottom:5px;padding-left:10px;display:flex;overflow:auto}.app .print-preview .preview-area .preview-display{transform-origin:0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex;transform:scale(1)}.app .print-preview .preview-area .preview-display .preview-image-container{min-height:100px;align-items:flex-end;margin-top:10px;display:flex;position:relative}.app .print-preview .preview-area .preview-display .preview-image-container .preview-elements{display:flex}.app .print-preview .preview-area .preview-display .preview-image-container .preview-elements .preview-margin{width:1mm;background:repeating-linear-gradient(45deg,#606dbc,#606dbc 10px,#465298 10px 20px)}.app .print-preview .preview-area .preview-display .preview-image-container .preview-elements .preview-image{opacity:0;transition:opacity .25s;display:none}.app .printing{margin-top:10px;display:flex}.app .printing .actions{flex:1}.app .printing .send-info{opacity:1;transition:opacity .5s}.app .printing .send-info.hidden{opacity:0}.app .advanced-options{margin-top:10px}.app .advanced-options h1{padding:10px 10px 0}.app .print-queue-popup{width:1100px;height:80vh;flex-direction:column;padding:10px;display:flex}.app .print-queue-popup .title-bar{align-items:center;display:flex}.app .print-queue-popup .title-bar h1{flex:1;margin-bottom:0}.app .print-queue-popup .print-queue{flex:1;margin:10px 0;overflow:auto}.app .print-queue-popup .print-queue .contents{border:1px solid #fff3;grid-template-columns:300px auto auto auto;display:grid}.app .print-queue-popup .print-queue .contents>*{padding:5px}.app .print-queue-popup .print-queue .contents>:not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)):not(:nth-last-child(4)){border-bottom:1px solid #fff3}.app .print-queue-popup .print-queue .contents>div:nth-child(4n+1),.app .print-queue-popup .print-queue .contents>div:nth-child(4n+2),.app .print-queue-popup .print-queue .contents>div:nth-child(4n+3){border-right:1px solid #fff3}.app .print-queue-popup .print-queue .contents .preview-column{overflow:auto}.app .print-queue-popup .print-queue .contents .fields-column,.app .print-queue-popup .print-queue .contents .options-column{align-items:flex-start;padding:0;display:flex}.app .print-queue-popup .print-queue .contents .fields-column .fields,.app .print-queue-popup .print-queue .contents .fields-column .options,.app .print-queue-popup .print-queue .contents .options-column .fields,.app .print-queue-popup .print-queue .contents .options-column .options{border-bottom:1px solid #fff3;flex:1;grid-template-columns:auto 1fr;display:grid}.app .print-queue-popup .print-queue .contents .fields-column .fields *,.app .print-queue-popup .print-queue .contents .fields-column .options *,.app .print-queue-popup .print-queue .contents .options-column .fields *,.app .print-queue-popup .print-queue .contents .options-column .options *{align-items:center;padding:3px;display:flex}.app .print-queue-popup .print-queue .contents .fields-column .fields>:not(:last-child):not(:nth-last-child(2)),.app .print-queue-popup .print-queue .contents .fields-column .options>:not(:last-child):not(:nth-last-child(2)),.app .print-queue-popup .print-queue .contents .options-column .fields>:not(:last-child):not(:nth-last-child(2)),.app .print-queue-popup .print-queue .contents .options-column .options>:not(:last-child):not(:nth-last-child(2)){border-bottom:1px solid #fff3}.app .print-queue-popup .print-queue .contents .fields-column .fields>div:nth-child(2n+1),.app .print-queue-popup .print-queue .contents .fields-column .options>div:nth-child(2n+1),.app .print-queue-popup .print-queue .contents .options-column .fields>div:nth-child(2n+1),.app .print-queue-popup .print-queue .contents .options-column .options>div:nth-child(2n+1){border-right:1px solid #fff3}.app .print-queue-popup .print-queue .contents .operations-column{justify-content:center;align-items:center;display:flex}.app .no-auto-cut-prompt-popup{width:600px;flex-direction:column;padding:10px;display:flex}.app .no-auto-cut-prompt-popup .title-bar{align-items:center;margin-bottom:10px;display:flex}.app .no-auto-cut-prompt-popup .title-bar h1{flex:1;margin-bottom:0}.app .no-auto-cut-prompt-popup .alert,.app .no-auto-cut-prompt-popup .question{margin-bottom:10px}.app h1{margin:0 0 10px;font-size:20px;font-weight:700}.app .generate-text-label-page .generated-template-preview{flex-direction:column;display:flex}.app .generate-text-label-page .generated-template-preview .svg-container{flex:1;justify-content:center;align-items:center;display:flex}.app .generate-text-label-page .generated-template-preview .svg-container svg{overflow:hidden}.app .generate-storage-rack-label-page .generated-template-preview{flex-direction:column;display:flex}.app .generate-storage-rack-label-page .generated-template-preview .svg-container{flex:1;justify-content:center;align-items:center;display:flex}.app .generate-storage-rack-label-page .generated-template-preview .svg-container svg{max-width:100%;max-height:150px;overflow:hidden}.editor .load-template,.editor-page .load-template{margin-top:10px;display:flex}.editor .load-template .template-explorer,.editor-page .load-template .template-explorer{flex:1;padding:10px}.editor .load-template .template-explorer .save,.editor-page .load-template .template-explorer .save{margin-top:10px}.editor .load-template .template-explorer .template-metadata,.editor-page .load-template .template-explorer .template-metadata{border:1px solid #fff3}.editor .load-template .preview,.editor-page .load-template .preview{margin-left:10px;padding:10px}.editor .load-metadata,.editor-page .load-metadata{flex-direction:column;margin-top:10px;padding:10px;display:flex}.editor .metadata,.editor-page .metadata{margin-top:10px;padding:10px}.tree-explorer,.label-template-explorer{display:flex}.tree-explorer .explorer,.label-template-explorer .explorer{flex:1;grid-template-rows:auto auto 1fr;display:grid}.tree-explorer .explorer .search,.label-template-explorer .explorer .search,.tree-explorer .explorer .search input[type=search],.label-template-explorer .explorer .search input[type=search]{width:100%}.tree-explorer .explorer .search input[type=search]::-webkit-search-cancel-button,.label-template-explorer .explorer .search input[type=search]::-webkit-search-cancel-button{appearance:none;cursor:pointer;width:15px;height:15px;background-image:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\"%3E%3Ctext x=\"0\" y=\"14\" fill=\"%23dfdfdf\" style=\"font-size: 16px; font-family: monospace;\"%3E✕%3C/text%3E%3C/svg%3E");margin-top:-2px;margin-right:-2px}.tree-explorer .explorer .menu,.label-template-explorer .explorer .menu{border:1px solid #ffffff1a;border-bottom:none;align-items:center;margin-top:10px;display:flex}.tree-explorer .explorer .menu .back,.label-template-explorer .explorer .menu .back{border-right:1px solid #ffffff1a;margin-right:10px;padding:2px}.tree-explorer .explorer .menu .path,.label-template-explorer .explorer .menu .path{user-select:none;align-items:center;display:flex}.tree-explorer .explorer .menu .path .path-link,.label-template-explorer .explorer .menu .path .path-link{border-radius:5px;padding:5px}.tree-explorer .explorer .menu .path .path-link:hover,.label-template-explorer .explorer .menu .path .path-link:hover{cursor:pointer;background-color:#fff3}.tree-explorer .explorer .menu .path .icon,.label-template-explorer .explorer .menu .path .icon{margin-bottom:4px;margin-right:0;font-size:20px}.tree-explorer .explorer .list,.label-template-explorer .explorer .list{background:#ffffff1a;border:1px solid #ffffff1a;margin-bottom:10px;overflow:auto}.tree-explorer .explorer .list .item,.label-template-explorer .explorer .list .item{user-select:none;align-items:center;padding:5px;display:flex}.tree-explorer .explorer .list .item:before,.label-template-explorer .explorer .list .item:before{font-size:20px}.tree-explorer .explorer .list .item.directory:before,.label-template-explorer .explorer .list .item.directory:before{content:"folder";margin-right:10px;font-family:Material Icons}.tree-explorer .explorer .list .item.file:before,.label-template-explorer .explorer .list .item.file:before{content:"text_snippet";margin-right:10px;font-family:Material Icons}.label-template-explorer .explorer .editor-folder-explorer .list{height:200px}.label-template-explorer .last-printed{min-width:400px;margin-left:10px}.template-fields{grid-template-columns:auto auto 1fr;align-items:center;display:grid}.template-fields>:nth-child(3n+1),.template-fields>:nth-child(3n+2){margin-right:10px}.template-fields>:nth-child(3n+3){justify-self:flex-start}.template-fields>:not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)){margin-bottom:10px}.alert.hidden{visibility:hidden}.ruler-container{user-select:none;margin-left:1px;display:flex}.ruler-container .ruler,.ruler-container .ruler li{margin:0;padding:0;list-style:none}.ruler-container .ruler{white-space:nowrap;border-radius:2px;margin:0;padding-right:1cm;display:flex}.ruler-container .ruler li{width:2em;text-align:center;margin:20px -1em -.64em;padding-left:2mm;font-size:10px;position:relative}.ruler-container .ruler li:first-child{padding-left:0}.ruler-container .ruler li:before{content:"";height:10px;border-left:1px solid #ccc;position:absolute;top:-20px;right:1em}.ruler-container .ruler li.long:before{height:18px}.ruler-container .unit-label{margin-top:20px;margin-left:-10px;font-size:10px}.template-metadata{grid-template-columns:auto 1fr;font-family:monospace;display:grid}.template-metadata div:nth-child(2n+1){grid-template-columns:1fr auto;align-items:center;padding:3px;display:grid}.template-metadata div:nth-child(2n+1) .delete{visibility:hidden;width:20px;height:20px;font-size:16px;overflow:hidden}.template-metadata div:nth-child(2n+1):hover .delete{visibility:visible}.template-metadata div:nth-child(2n){width:100%;align-items:center;padding:3px;display:flex}.template-metadata input{height:27px;background:#0003;border:none;padding-left:10px;font-family:monospace;font-size:14px}.template-metadata select{height:27px;width:auto;background:#0003;border:none;padding-left:10px;font-family:monospace;font-size:14px}.template-metadata>:not(:last-child):not(:nth-last-child(2)){border-bottom:1px solid #fff3}.template-metadata div:nth-child(2n+1){border-right:1px solid #fff3}.template-metadata .new{grid-template-columns:1fr auto;padding:0;display:grid}.template-metadata .new input{height:27px;width:100%;background:#0003;border:none;padding:0 4px;font-family:monospace;font-size:14px}.template-metadata .new select{height:27px;width:100%;background:#0003;border:none;padding-left:10px;font-family:monospace;font-size:14px}.template-metadata button{margin-left:10px}
/*# sourceMappingURL=index.868e7d58.css.map */
