.dtf-form-wrapper{max-width:680px;margin:0 auto}.dtf-section{padding:24px 0;border-bottom:1px solid rgba(var(--color-foreground-rgb, 0 0 0) / .1)}.dtf-section:last-child{border-bottom:none}.dtf-section-title{font-size:1rem;font-weight:600;margin:0 0 16px;letter-spacing:.02em;text-transform:uppercase;color:var(--color-foreground)}.dtf-field{margin-bottom:20px}.dtf-field:last-child{margin-bottom:0}.dtf-label{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.9375rem;font-weight:500;margin-bottom:8px;line-height:1.4;color:var(--color-foreground)}.dtf-required{color:#c0392b;font-weight:700}.dtf-hint{font-size:.8125rem;color:rgba(var(--color-foreground-rgb, 0 0 0) / .55);margin:0 0 8px;line-height:1.4}.dtf-input,.dtf-select,.dtf-textarea{width:100%;padding:10px 14px;border:1px solid rgba(var(--color-foreground-rgb, 0 0 0) / .25);border-radius:var(--inputs-radius, 4px);background:var(--color-background);color:var(--color-foreground);font-family:var(--font-body--family);font-size:.9375rem;line-height:1.4;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.dtf-input:focus,.dtf-select:focus,.dtf-textarea:focus{outline:none;border-color:var(--color-foreground);box-shadow:0 0 0 2px rgba(var(--color-foreground-rgb, 0 0 0) / .12)}.dtf-input::placeholder,.dtf-textarea::placeholder{color:#aaa;opacity:1}.dtf-input--short{width:90px;flex-shrink:0}.dtf-size-row .dtf-select{flex:1 1 0;min-width:0}.dtf-select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23333'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.dtf-select--unit{width:auto}.dtf-textarea{resize:vertical;min-height:80px}.dtf-size-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.dtf-radio-group{display:flex;flex-wrap:wrap;gap:12px 24px}.dtf-radio-label{display:flex;align-items:center;gap:7px;font-size:.9375rem;cursor:pointer;line-height:1.4}.dtf-radio-label input[type=radio]{width:17px;height:17px;cursor:pointer;accent-color:var(--color-foreground);flex-shrink:0}.dtf-error{display:block;margin-top:5px;font-size:.8125rem;color:#c0392b;line-height:1.4}.dtf-error[hidden],.dtf-conditional[hidden]{display:none}.dtf-conditional{padding:16px;background:rgba(var(--color-foreground-rgb, 0 0 0) / .03);border-left:3px solid rgba(var(--color-foreground-rgb, 0 0 0) / .15);border-radius:0 4px 4px 0;margin-top:4px}.dtf-price-badge{display:inline-block;padding:2px 8px;background:rgba(var(--color-foreground-rgb, 0 0 0) / .07);border-radius:20px;font-size:.8125rem;font-weight:600;color:var(--color-foreground);white-space:nowrap}.dtf-dynamic-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.dtf-dynamic-row{display:flex;align-items:center;gap:8px}.dtf-dynamic-row .dtf-input{flex:1}.dtf-dynamic-row--size .dtf-input--short{flex:0 0 80px;min-width:0}.dtf-dynamic-row--size .dtf-select{flex:1;min-width:0}.dtf-remove-row{flex-shrink:0;width:32px;height:32px;border:1px solid rgba(var(--color-foreground-rgb, 0 0 0) / .2);border-radius:4px;background:transparent;color:var(--color-foreground);cursor:pointer;font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.dtf-remove-row:hover{background:#c0392b14;border-color:#c0392b;color:#c0392b}.dtf-add-btn{background:transparent;border:1px dashed rgba(var(--color-foreground-rgb, 0 0 0) / .3);border-radius:4px;padding:8px 16px;font-size:.875rem;cursor:pointer;color:var(--color-foreground);transition:border-color .15s,background .15s;width:100%}.dtf-add-btn:hover{border-color:var(--color-foreground);background:rgba(var(--color-foreground-rgb, 0 0 0) / .04)}.dtf-upload-area{position:relative;border:2px dashed rgba(var(--color-foreground-rgb, 0 0 0) / .25);border-radius:var(--inputs-radius, 4px);background:rgba(var(--color-foreground-rgb, 0 0 0) / .02);cursor:pointer;transition:border-color .15s,background .15s;overflow:hidden}.dtf-upload-area:hover,.dtf-upload-area--dragover{border-color:var(--color-foreground);background:rgba(var(--color-foreground-rgb, 0 0 0) / .05)}.dtf-file-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.dtf-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:32px 24px;text-align:center;pointer-events:none}.dtf-upload-icon{font-size:2rem;line-height:1;opacity:.4}.dtf-upload-cta{font-size:.9375rem;font-weight:500}.dtf-upload-formats{font-size:.8125rem;opacity:.5}.dtf-upload-selected{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap}.dtf-upload-selected[hidden]{display:none}.dtf-preview-img{width:56px;height:56px;object-fit:contain;border-radius:3px;border:1px solid rgba(var(--color-foreground-rgb, 0 0 0) / .1);background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.dtf-preview-img[hidden]{display:none}.dtf-upload-filename{flex:1;font-size:.875rem;word-break:break-all}.dtf-remove-file{background:transparent;border:1px solid rgba(var(--color-foreground-rgb, 0 0 0) / .2);border-radius:4px;padding:5px 10px;font-size:.8125rem;cursor:pointer;color:var(--color-foreground);position:relative;z-index:2;transition:border-color .15s,color .15s;white-space:nowrap}.dtf-remove-file:hover{border-color:#c0392b;color:#c0392b}.dtf-upload-progress[hidden]{display:none}.dtf-upload-progress{margin-top:8px}.dtf-progress-track{height:4px;background:rgba(var(--color-foreground-rgb, 0 0 0) / .1);border-radius:2px;overflow:hidden}.dtf-progress-fill{height:100%;background:var(--color-foreground);border-radius:2px;transition:width .2s}.dtf-upload-status{font-size:.8125rem;opacity:.6;margin-top:4px;display:block}.dtf-section--advanced{padding-top:0;border-top:none}.dtf-advanced-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:rgba(var(--color-foreground-rgb, 0 0 0) / .04);border:1px solid rgba(var(--color-foreground-rgb, 0 0 0) / .12);border-radius:4px;padding:12px 16px;font-size:.9375rem;font-weight:500;cursor:pointer;color:var(--color-foreground);text-align:left;transition:background .15s}.dtf-advanced-toggle:hover{background:rgba(var(--color-foreground-rgb, 0 0 0) / .08)}.dtf-advanced-arrow{font-size:.75rem;transition:transform .2s}.dtf-advanced-content[hidden]{display:none}.dtf-advanced-content{padding:20px 0 0}.dtf-tooltip{position:relative;display:inline-flex;align-items:center;cursor:help}.dtf-tooltip__icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;border:1.5px solid rgba(var(--color-foreground-rgb, 0 0 0) / .35);font-size:.6875rem;font-weight:700;color:rgba(var(--color-foreground-rgb, 0 0 0) / .5);line-height:1;-webkit-user-select:none;user-select:none;transition:border-color .15s,color .15s}.dtf-tooltip:hover .dtf-tooltip__icon,.dtf-tooltip:focus .dtf-tooltip__icon,.dtf-tooltip--open .dtf-tooltip__icon{border-color:var(--color-foreground);color:var(--color-foreground)}.dtf-tooltip__bubble{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:260px;background:var(--color-foreground);color:var(--color-background);font-size:.8125rem;font-weight:400;line-height:1.5;padding:10px 13px;border-radius:6px;z-index:100;pointer-events:none;box-shadow:0 4px 16px #0000002e}.dtf-tooltip__bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-foreground)}.dtf-tooltip__bubble--left{left:auto;right:0;transform:none}.dtf-tooltip__bubble--left:after{left:auto;right:10px;transform:none}.dtf-tooltip:hover .dtf-tooltip__bubble,.dtf-tooltip:focus-within .dtf-tooltip__bubble,.dtf-tooltip--open .dtf-tooltip__bubble{display:block}.dtf-price-summary{background:rgba(var(--color-foreground-rgb, 0 0 0) / .03);border-radius:6px;padding:20px;border:1px solid rgba(var(--color-foreground-rgb, 0 0 0) / .1)}.dtf-price-lines{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.dtf-price-line{display:flex;justify-content:space-between;font-size:.9375rem;color:var(--color-foreground)}.dtf-price-line--addon{color:rgba(var(--color-foreground-rgb, 0 0 0) / .7);font-size:.875rem}.dtf-price-total{display:flex;justify-content:space-between;font-size:1.0625rem;font-weight:700;padding-top:12px;border-top:1px solid rgba(var(--color-foreground-rgb, 0 0 0) / .15);color:var(--color-foreground)}.dtf-price-disclaimer{margin:12px 0 0;font-size:.8125rem;opacity:.55;line-height:1.5}.dtf-submit-section{border-bottom:none}.dtf-submit-errors{background:#c0392b14;border:1px solid rgba(192,57,43,.3);border-radius:4px;padding:12px 16px;font-size:.9rem;color:#c0392b;margin-bottom:16px}.dtf-submit-errors[hidden]{display:none}.dtf-submit-btn{width:100%;padding:14px;font-size:1rem;font-weight:600;cursor:pointer}.dtf-submit-btn:disabled{opacity:.6;cursor:not-allowed}#dtf-submit-loading[hidden]{display:none}@media(max-width:480px){.dtf-size-row{gap:6px}.dtf-input--short{width:70px}.dtf-tooltip__bubble{width:220px}}.dtf-preview-dialog{padding:0;border:none;border-radius:8px;background:transparent;max-width:90vw;max-height:90vh;outline:none}.dtf-preview-dialog::backdrop{background:#000000bf}.dtf-preview-dialog[open]{display:flex}.dtf-preview-dialog__inner{position:relative;background:#fff;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.dtf-preview-dialog__img{display:block;max-width:85vw;max-height:85vh;object-fit:contain}.dtf-preview-dialog__close{position:absolute;top:8px;right:8px;background:#0000008c;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;z-index:1}.dtf-preview-dialog__close:hover{background:#000c}.dtf-preview-fallback{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:6px;background:#0000000d;flex-shrink:0}.dtf-preview-fallback__icon{font-size:32px;line-height:1;-webkit-user-select:none;user-select:none}.dtf-cart-thumb{display:block;max-width:80px;width:100%;height:auto;border-radius:4px;margin-top:6px;object-fit:contain;border:1px solid rgba(0,0,0,.12)}.dtf-color-input-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dtf-color-input-row .dtf-input{flex:1 1 auto;min-width:120px}.dtf-eyedropper-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;font-size:.8125rem;font-weight:500;border:1px solid rgba(var(--color-foreground-rgb, 0 0 0) / .2);border-radius:6px;background:var(--color-background, #fff);color:var(--color-foreground);cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}.dtf-eyedropper-btn:hover{border-color:rgba(var(--color-foreground-rgb, 0 0 0) / .5);background:rgba(var(--color-foreground-rgb, 0 0 0) / .04)}.dtf-eyedropper-icon{font-size:1rem;line-height:1}.dtf-color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid rgba(var(--color-foreground-rgb, 0 0 0) / .15);flex-shrink:0}.dtf-eyedropper-dialog{border:none;border-radius:12px;padding:0;max-width:90vw;max-height:90vh;box-shadow:0 12px 40px #0000004d;background:var(--color-background, #fff)}.dtf-eyedropper-dialog::backdrop{background:#0009}.dtf-eyedropper-dialog__inner{padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}.dtf-eyedropper-dialog__close{position:absolute;top:10px;right:10px;background:#0009;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.dtf-eyedropper-dialog__close:hover{background:#000c}.dtf-eyedropper-dialog__hint{margin:0;font-size:.9375rem;font-weight:500;color:var(--color-foreground);text-align:center}.dtf-eyedropper-dialog__canvas-wrap{position:relative;overflow:auto;max-width:100%;max-height:65vh;border-radius:8px;border:1px solid rgba(var(--color-foreground-rgb, 0 0 0) / .1)}.dtf-eyedropper-dialog__canvas-wrap canvas{display:block;cursor:crosshair;max-width:100%;height:auto}.dtf-eyedropper-loupe{position:absolute;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translate(-50%,-100%);margin-top:-12px;z-index:3}.dtf-eyedropper-loupe__color{width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px #0000004d}.dtf-eyedropper-loupe__hex{font-size:.75rem;font-weight:600;background:#000000bf;color:#fff;padding:2px 8px;border-radius:4px;white-space:nowrap}.dtf-remove-file,.dtf-preview-img,.dtf-preview-fallback{position:relative;z-index:2}
/*# sourceMappingURL=/cdn/shop/t/4/assets/dtf-upload-form.css.map */