*,*::before,*::after{box-sizing:border-box}h1,h2,h3,h4{font-weight:600;font-family:"Inter UI",sans-serif}h4{margin-bottom:8px}p{margin-top:0}body{margin:0;font-family:"Inter UI",sans-serif;color:#333;position:relative}p,span{font-size:15px}.flex-divider{flex-grow:1;flex-basis:0}.modal{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1000}.modal .modal-overlay{background-color:rgba(0,0,0,.65);height:100%;width:100%;display:flex;justify-content:center;align-items:flex-start}.modal .modal-overlay .modal-container{width:900px;margin-top:6vh;background-color:#f2f2f2;border-radius:2px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.modal .modal-overlay .modal-container .modal-title{padding:0 0 0 32px;display:flex;justify-content:space-between;background-color:#fff;border-bottom:1px solid #d9d9d9;margin-bottom:32px}.modal .modal-overlay .modal-container .modal-title small{font-size:16px;margin-left:32px;font-weight:500;color:#595959}.modal .modal-overlay .modal-container .modal-content{padding:0 32px 16px;max-height:60vh;overflow:auto}.modal .modal-overlay .modal-container .closeModalButton{background:none;border:none;color:#333;font-size:24px;padding:0 32px}.modal .modal-overlay .modal-container .closeModalButton:hover{cursor:pointer}.modal .modal-overlay .modal-container .crop-modal-img-container{display:flex;justify-content:center;width:900px;padding:0 32px;align-items:flex-start}.modal .modal-overlay .modal-container .crop-modal-img-container #cropModalImg{max-width:866px;max-height:500px}.modal .modal-overlay .modal-container .modal-buttons{border-top:1px solid #d9d9d9;padding:24px 32px;display:flex;justify-content:center;flex-direction:column}.modal .modal-overlay .modal-container .modal-buttons .input-group{padding:0 64px}.modal .modal-overlay .modal-container .modal-buttons input{font-size:16px;background-color:#fff;margin-bottom:16px}.modal .modal-overlay .modal-container .modal-buttons input,.modal .modal-overlay .modal-container .modal-buttons label{text-align:center}.modal .modal-overlay .modal-container .modal-buttons button{margin-left:24px}.changelog-change{border-left:4px solid #00205b;padding:12px 0 12px 16px;margin-bottom:36px}.changelog-change h3{margin-top:0}.changelog-disclaimer{font-size:14px;color:#999;margin-top:12px;text-align:center}table{border-collapse:collapse}table th,table td{padding:4px 8px;border:1px solid #999}header{position:absolute;width:100%;background-color:#fff;padding:8px 36px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);z-index:999}header .header-title{margin:0;font-size:26px;text-align:center;font-weight:700;display:flex;align-items:center}header .header-title .header-title-app-name{display:flex;justify-content:center;align-items:center}header .header-title .header-title-changelog-button{padding:6px 12px}header .header-title .header-icon{display:flex;justify-content:center;align-items:center;margin-right:16px}header .header-title .header-icon img{height:48px}header .header-title button{margin-left:16px}main{min-height:100vh;display:flex}#side-bar{width:360px;display:flex;flex-direction:column;min-height:100vh;background-color:#fff;z-index:1000;border-right:1px solid #d9d9d9}input,button,select{font-family:"Inter UI",sans-serif;color:#333}.button{display:inline-block;background-color:#00205b;padding:8px 12px;font-size:16px;color:#fff;font-weight:600;border:none;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);background-color:#00205b;align-self:center}.button:hover{cursor:pointer;background-color:#00328e}.button:hover{cursor:pointer;background-color:#00328e}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.container{position:relative;padding-bottom:16px}.container:first-child .container-header-container{border-top:none}.container:last-child{border-bottom:1px solid #d9d9d9}.container hr{width:100%;border:none;height:1px;background-color:#d9d9d9;margin-top:0}.container-blocker{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.container-header{font-weight:600;font-size:18px;font-family:"Inter UI",sans-serif}.container-header-container{padding:12px 32px;text-align:center;margin-bottom:12px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}#panel-size-container .panel-size-inputs{display:flex;flex-direction:row;justify-content:center;margin-bottom:16px}#panel-size-container .panel-size-inputs-divider{font-size:18px;font-weight:bold;padding:0 16px 8px;align-self:flex-end}#panel-size-container button{padding:8px 12px;margin-left:12px;align-self:flex-end;font-size:18px}#panel-size-container .input-group input{width:95px;text-align:center}.input-group{display:flex;flex-direction:column}.input-group label{margin-bottom:4px;font-size:16px;font-weight:600}.input-group input{border:none;background-color:#f2f2f2;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:8px 12px;font-size:18px;font-weight:bold;border-radius:2px;-moz-appearance:textfield;width:100%}.input-group input::-moz-placeholder{color:#999}.input-group input::placeholder{color:#999}.result-label{font-weight:bold;font-size:18px}#image-upload-container{display:flex;flex-direction:column}.hidden{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.specifications{display:flex;flex-direction:column;padding:0 32px}.spec-header{margin:12px 0 0;font-weight:600}.spec{position:relative;display:flex;margin:4px 0 0}.spec-value{font-weight:600;position:absolute;right:0;text-align:right}.file-specifications{padding:16px 32px}.file-uploaded-message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}.cropper-container{flex-grow:1;background-color:#f2f2f2;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.loading-spinner-container{display:flex;align-items:center;padding-top:40vh}.loading-spinner-container .loading-spinner-content{display:flex;flex-direction:column}.loading-spinner-container .loading-spinner-content i.fas{font-size:48px;height:48px;width:48px}.loading-spinner-container .loading-spinner-content span{margin-top:16px;font-weight:600}.cropper-rotate-buttons,.cr-slider-wrap,#cropButton{z-index:100}#previewImg{max-width:768px;max-height:768px}#dpiQualityIndicator{margin-top:16px;display:flex;justify-content:center;align-items:center;font-weight:bold}#dpiQualityIndicator svg{font-size:42px;margin-right:12px}#dpiQualityIndicator svg.error{fill:#e53935}#dpiQualityIndicator svg.warning{fill:#ffab00}#dpiQualityIndicator svg.success{fill:#00c853}#dpiQualityIndicator svg.perfect{fill:#00205b}.cropper-rotate-buttons{margin-bottom:32px}.cropper-rotate-buttons button{margin-right:16px}.cropper-rotate-buttons button:last-child{margin-left:0}.colorConverterTable{width:100%;position:relative;border-collapse:collapse;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;overflow:auto;max-height:55vh;background-color:#fff}.colorConverterTable tr,.colorConverterTable td,.colorConverterTable th{border:none}.colorConverterTable thead th{top:0;background-color:#00205b;color:#fff;position:sticky}.colorConverterTable tbody tr{border-bottom:1px solid #d9d9d9}.colorConverterTable th,.colorConverterTable td{padding:6px 8px;text-align:left}.warning{color:#ffab00;font-weight:bold}.fas.left{margin-right:8px}.fas.right{margin-left:8px}.icon{fill:currentColor;width:1.3em;height:1.3em;vertical-align:middle;overflow:hidden;margin-top:-2px}.icon.left{margin-right:4px}.icon.right{margin-left:4px}.flip-x{transform:scaleX(-1)}.rotate90{transform:rotate(90deg)}.rotate180{transform:rotate(180deg)}.rotate270{transform:rotate(270deg)}.croppie-container{display:flex;flex-direction:column;height:unset}.croppie-container .cr-boundary{overflow:visible}.croppie-container .cr-viewport{border-color:#00205b}.croppie-container .cr-slider-wrap{margin-top:32px}.croppie-container .cr-slider{padding:16px 24px;border-radius:4px;background-color:#00205b;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.croppie-container .cr-slider:focus{box-shadow:0 0 0 3px #fff}/*# sourceMappingURL=styles.min.css.map */