body{-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f9f9f9;font-family:Arial,sans-serif}#imagePreviewModal{background-color:#000000e6;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.image-content{background:#fff;border-radius:8px;display:flex;flex-direction:column;height:80%;margin:auto;max-width:1200px;padding:20px;position:relative;width:80%}#gangSheetSize{margin-bottom:10px;margin-top:10px;text-align:left}.gang-sheet-error{align-items:center;color:#f44336;display:none;font-size:20px;height:100%;justify-content:center;margin:auto;text-align:center}#previewGroup{display:flex;flex:1 1;flex-direction:column;min-height:0}.slideshow-container{flex:1 1;min-height:0;position:relative;width:100%}.slideDiv{display:none;width:100%}.slideDiv img{max-height:70vh;max-width:100%;object-fit:contain}.image-preview-buttons{display:flex;gap:20px;justify-content:center;padding-top:20px}.image-preview-button{border:none;border-radius:6px;cursor:pointer;font-size:18px;font-weight:500;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.cancel-button{background-color:#ff4d4d;color:#fff}.cancel-button:hover{background-color:#e60000}.add-cart-button{background-color:#4caf50;color:#fff}.add-cart-button:hover{background-color:#45a049}.add-cart-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.dtf-modal{align-items:center;display:none;justify-content:center;left:0;overflow:auto;position:fixed;top:0;z-index:1000}.dtf-modal,.dtf-modal-content{background-color:#fff;height:100%;width:100%}.dtf-modal-content{display:block;margin:0;min-height:100vh;padding:20px}.dtf-modal-close-button{color:#aaa;cursor:pointer;float:right;font-size:28px;font-weight:700}.top{min-height:calc(100vh - 40px);padding:0 15px}.content,.top{display:flex;flex:1 1}.content{flex-direction:column;margin:0 auto;max-width:1500px;min-height:calc(100vh - 72px);padding-top:32px}.upload-container{background-color:#fff;border:2px dashed #d3d3d3;border-radius:8px;margin-bottom:20px;padding:20px;text-align:center}.upload-button{align-items:center;background-color:#00a2ff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:1em;justify-content:center;padding:12px 20px;transition:background-color .3s}.upload-button:hover{background-color:#007acc}.file-info{color:#666;margin-top:10px}#errorMessage{color:red;margin-top:10px;white-space:pre-wrap}.generate-container{align-items:center;display:flex;justify-content:center}.generate-dtf{align-items:center;display:flex;flex-direction:column;margin:20px 0}.generate-button{background:#56d666;border:1px solid #0000;border-radius:50px;box-shadow:0 4px 14px #5af7634a;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:20px 30px}.generate-button:hover{background:#51be5e}.generate-button:disabled{background-color:#ccc;box-shadow:none;color:#666;cursor:not-allowed;opacity:.6}.mySlides{display:none;height:100%;position:relative;width:100%}.mySlides img{border:1px solid;left:50%;max-height:100%;max-width:100%;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%)}.slide-img{background:linear-gradient(45deg,#ccc 25%,#0000 0,#0000 75%,#ccc 0,#ccc),linear-gradient(45deg,#ccc 25%,#fff 0,#fff 75%,#ccc 0,#ccc);background-position:0 0,10px 10px;background-size:20px 20px}.numbertext{color:#333;font-size:12px;padding:8px 12px;position:absolute;text-align:left;z-index:1}.next,.prev{align-items:center;background:#00000080;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;position:absolute;text-decoration:none;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;width:50px;z-index:2}.next{right:0}.prev{left:0}.next:hover,.prev:hover{background-color:#000c}.fade{animation-duration:.5s;animation-name:fade}@keyframes fade{0%{opacity:.4}to{opacity:1}}.info{color:#007ad2;font-size:12px;margin-bottom:10px}#fileCardsContainer{align-items:normal;display:flex;flex-flow:wrap;flex-grow:0;flex-shrink:0;flex-wrap:wrap;justify-content:flex-start;margin-left:-6px;margin-right:-6px}.file-card{align-items:center;background-color:#fff;border:1px solid #d3d3d3;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:15px}.file-thumbnail{height:100%;margin-bottom:10px;object-fit:contain;width:100%}.invalid-range-error-message{display:flex;justify-content:center}.input-error-message{background-color:#fff1ef;border:1px solid #faafa8;border-radius:4px;color:#d61106;font-size:16px;opacity:0;padding:3px 4px;transition:opacity .3s,visibility .3s;visibility:hidden}.input-error-message.visible{opacity:1;visibility:visible}.input-container{align-items:center;display:flex;justify-content:space-between;margin:10px 0;width:100%}.input-container label{color:#333;font-size:.9em}.pcs-input,.size-input{border:1px solid #d3d3d3;border-radius:4px;padding:5px;width:70%}.parent{box-sizing:border-box;flex-basis:calc(25% - 12px);flex-grow:1;flex-shrink:1;max-width:calc(25% - 12px);padding:6px}@media (max-width:1200px){.parent{flex-basis:calc(33.333% - 12px);flex-grow:1;flex-shrink:1;max-width:calc(33.333% - 12px)}}@media (max-width:992px){.parent{flex-basis:calc(50% - 12px);flex-grow:1;flex-shrink:1;max-width:calc(50% - 12px)}}@media (max-width:650px){.parent{flex-basis:calc(100% - 12px);flex-grow:1;flex-shrink:1;max-width:calc(100% - 12px)}}.parent-container{box-sizing:border-box;flex:1 1;padding-bottom:12px}.parent-section{border:1px solid #e6ecf0;border-radius:4px;box-shadow:0 1px 2px #cddde780;box-sizing:border-box;color:#1c4f74;height:100%;-webkit-user-select:none;user-select:none}.image-thumb,.parent-section{padding:10px;position:relative}.image-thumb{background:#e3e3e3;background:linear-gradient(0deg,#c4c4c4,#e3e3e3);height:160px;margin:-10px 0 10px -10px;width:100%}.image-preview{align-items:center;display:flex;height:100%;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.image-mask{height:100%;position:absolute;width:100%;z-index:1}.image-label{border-radius:4px;bottom:3px;color:#fffc;font-size:.8em;left:3px;max-height:calc(100% - 14px);overflow:hidden;position:absolute;right:3px;text-align:right;white-space:nowrap}.image-name{background-color:#00000080;border-radius:4px;display:inline-block;padding:4px 8px}.number-of-image{align-items:center;background-color:#fff;border:1px solid #d6dae0;border-radius:5px;box-shadow:0 1px 2px #cddde780;box-sizing:border-box;display:flex;flex:1 1;height:40px;justify-content:space-between;min-width:140px;padding:0 5px}.icon-primary{fill:#38a7f7;cursor:pointer}.image-sizes{margin-bottom:10px}input[type=text].input-value{background-color:#87878700;border:0;color:#1c4f74;margin-bottom:0;outline:none;padding:10px 4px;width:100%}.numberOfImage{margin-right:8px}.dimension-action{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:10px}.preserve-ratio{fill:#38a7f7;align-items:center;cursor:pointer;display:flex}.preserve-ratio:hover{color:#38a7f7;text-decoration:underline}.preserve-ratio>svg{margin-left:3px}.dimensions{align-items:center;display:flex;margin-bottom:2px}.aspect-ratio-toggle{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;margin-top:8px}.toggle-switch{display:inline-block;height:20px;position:relative;width:40px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.4s;width:16px}.toggle-switch input:checked+.toggle-slider{background-color:#38a7f7}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-label{color:#1c4f74;cursor:pointer;font-size:14px}.dimensions-label{font-size:14px;min-width:70px;padding-right:10px}.precision-number{position:relative;width:100%}input[type=text].precision-number-input{background-color:#fff;border:1px solid #d6dae0;border-radius:4px;box-shadow:0 1px 2px #cddde780;box-sizing:border-box;color:#1c4f74;height:40px;margin-bottom:0;outline:none;padding:0 5px;position:relative;width:100%}.height-precision-number-down,.height-precision-number-up,.precision-number-down,.precision-number-up{background-color:#ccc;cursor:pointer;height:16px;opacity:.5;position:absolute;right:3px;width:16px}.height-precision-number-up:after{border-color:#000 #0000;border-style:solid;border-width:0 5px 5px;top:5px}.height-precision-number-down:after,.height-precision-number-up:after{content:"";display:block;height:0;left:0;margin:auto;position:absolute;right:0;width:0}.height-precision-number-down:after{border-color:#000 #0000;border-style:solid;border-width:5px 5px 0;bottom:5px}.precision-number-up:after{border-color:#000 #0000;border-style:solid;border-width:0 5px 5px;top:5px}.precision-number-down:after,.precision-number-up:after{content:"";display:block;height:0;left:0;margin:auto;position:absolute;right:0;width:0}.precision-number-down:after{border-color:#000 #0000;border-style:solid;border-width:5px 5px 0;bottom:5px}.precision-suffix{color:#a4bbca80;font-size:14px;max-width:40%;pointer-events:none;position:absolute;right:26px;top:13px}.dpi-high-quality{background-color:#f5fff5;border-color:#cae9ca!important;color:#00a80e}.dpi-medium-quality{background-color:#f3e4da;border-color:#e79e5e!important;color:#d66b0d}.dpi-low-quality{background-color:#fff1ef;border-color:#faafa8!important;color:#d61106}.dpi-label{border:1px solid #0000;border-radius:4px;display:inline-block;padding:3px 4px}.action-buttons{display:flex;flex-wrap:wrap;justify-content:space-between}.actions{align-items:center;background-position:0;background-repeat:no-repeat;color:#999;cursor:pointer;display:flex;font-size:14px;margin-right:6px;padding:11px 0}.actions:hover{color:#333}.icon-active{fill:#bababa;cursor:pointer}.icon-active:hover{fill:#38a7f7}.upload-loading{align-items:center;background:#0000000d;border-radius:4px;display:flex;gap:10px;justify-content:center;margin:10px 0;padding:10px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:20px;width:20px}.upload-status{color:#666;font-size:14px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-preview.loading-spinner{background:#f5f5f5;position:relative}.image-preview.loading-spinner:after{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;content:"";height:30px;position:absolute;width:30px}.image-preview.error{align-items:center;background:#fff1ef;color:#d61106;display:flex;font-size:14px;justify-content:center;padding:10px;text-align:center}
/*# sourceMappingURL=main.28f3a9f4.css.map*/