mto-design-upload{display:block}.design-upload__heading{font-size:1.3rem;font-weight:600;margin:0 0 .5rem;letter-spacing:.04em;text-transform:uppercase}.design-upload__desc{font-size:1.2rem;color:rgba(var(--color-foreground),.6);margin:0 0 .8rem}.design-upload__desc p{margin:0}.design-upload__files{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.5rem}.design-upload__file-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:var(--inputs-radius, 3px);background:rgba(var(--color-foreground),.02)}.design-upload__file-icon{flex-shrink:0;font-size:1.3rem;line-height:1}.design-upload__file-img{flex-shrink:0;width:2.4rem;height:2.4rem;object-fit:cover;border-radius:2px}.design-upload__file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.design-upload__file-name{font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--color-foreground),.85)}.design-upload__progress{width:100%;height:4px;background:rgba(var(--color-foreground),.08);border-radius:2px;overflow:hidden}.design-upload__progress-bar{height:100%;width:0%;border-radius:2px;background:rgb(var(--color-button, 22 22 22));transition:width .2s ease-out}.design-upload__progress--processing .design-upload__progress-bar{background:rgb(var(--color-button, 22 22 22));animation:mto-upload-pulse 1.2s ease-in-out infinite}@keyframes mto-upload-pulse{0%,to{opacity:1}50%{opacity:.4}}.design-upload__progress--done .design-upload__progress-bar{background:#2e7d3e;transition:width .2s ease-out,background .3s}.design-upload__progress--error .design-upload__progress-bar{background:rgb(var(--color-error, 183 18 18));transition:width .2s ease-out,background .3s}.design-upload__file-st{flex-shrink:0;font-size:1.1rem;font-weight:600;min-width:2.2rem;text-align:right}.design-upload__file-st--uploading{color:rgba(var(--color-foreground),.45);font-variant-numeric:tabular-nums}.design-upload__file-st--processing{color:rgba(var(--color-foreground),.45)}.design-upload__file-st--done{color:#2e7d3e}.design-upload__file-st--error{color:rgb(var(--color-error, 183 18 18))}.design-upload__file-rm{flex-shrink:0;background:none;border:none;padding:0 .2rem;cursor:pointer;font-size:1.4rem;line-height:1;color:rgba(var(--color-foreground),.35);transition:color .1s}.design-upload__file-rm:hover{color:rgb(var(--color-foreground))}.design-upload__dropzone{position:relative;border:1px dashed rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius, 3px);transition:border-color .15s}.design-upload__dropzone.is-dragover{border-color:rgb(var(--color-button));border-style:solid}.design-upload__dropzone.has-files .design-upload__hint{display:none}.design-upload__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.design-upload__label{display:flex;flex-direction:row;align-items:center;gap:.7rem;padding:.85rem 1rem;pointer-events:none}.design-upload__icon{display:flex;flex-shrink:0;width:1.5rem;height:1.5rem;color:rgba(var(--color-foreground),.4)}.design-upload__icon svg{width:100%;height:100%}.design-upload__cta{font-size:1.25rem;flex:1;color:rgba(var(--color-foreground),.75)}.design-upload__hint{font-size:1.1rem;color:rgba(var(--color-foreground),.35);white-space:nowrap}.design-upload__status{font-size:1.15rem;margin-top:.5rem;padding:0 .2rem}.design-upload__status--uploading{color:rgba(var(--color-foreground),.5)}.design-upload__status--success{color:#2e7d3e}.design-upload__status--error{color:rgb(var(--color-error, 183 18 18))}.design-upload__skip{display:flex;align-items:flex-start;gap:.6rem;margin-top:.8rem;cursor:pointer}.design-upload__skip-check{flex-shrink:0;width:1.5rem;height:1.5rem;margin:0;accent-color:rgb(var(--color-button));cursor:pointer}.design-upload__skip-text{font-size:1.2rem;line-height:1.5;color:rgba(var(--color-foreground),.7)}.mto-file-link{display:inline-flex;align-items:center;gap:.35rem;font-size:inherit;color:rgba(var(--color-foreground),.65);text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(var(--color-foreground),.3)}.mto-file-link:hover{color:rgb(var(--color-foreground));text-decoration-color:rgba(var(--color-foreground),.6)}.mto-file-link svg{flex-shrink:0;opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mto-design-upload.css.map */