.upload-details{display:block}.upload-details__panel{display:flex;align-items:stretch;gap:2.4rem;padding:2.4rem;border:.15rem dashed rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius, .6rem);background:rgba(var(--color-foreground),.02)}.upload-details__dropzone{display:flex;flex:1 1 50%;flex-direction:column;align-items:center;gap:.8rem;text-align:center;cursor:pointer;border-radius:var(--inputs-radius, .6rem);transition:opacity .15s ease}.upload-details__dropzone:hover,.upload-details__dropzone:focus-visible,.upload-details__dropzone.is-dragover{opacity:.8;outline:none}.upload-details__icon{display:block;width:3.6rem;height:3.6rem;color:rgba(var(--color-foreground),.7)}.upload-details__icon svg{width:100%;height:100%}.upload-details__dropzone-text{margin:0;font-size:1.5rem;font-weight:600}.upload-details__or{font-size:1.2rem;color:rgba(var(--color-foreground),.6)}.upload-details__choose{margin:.4rem 0 0;padding:1rem 2.4rem;font-size:1.3rem;font-weight:600;letter-spacing:.02rem;color:rgb(var(--color-button-text));background:rgb(var(--color-button));border:none;border-radius:var(--buttons-radius, .4rem);cursor:pointer}.upload-details__choose:hover{opacity:.9}.upload-details__counter{margin:.2rem 0 0;font-size:1.2rem;color:rgba(var(--color-foreground),.6)}.upload-details__divider{flex:0 0 auto;width:.1rem;align-self:stretch;background:rgba(var(--color-foreground),.2)}.upload-details__hint{display:flex;flex:1 1 50%;align-items:center;margin:0;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.85)}@media screen and (max-width:749px){.upload-details__panel{flex-direction:column;text-align:center}.upload-details__divider{width:100%;height:.1rem}}.upload-details__files{list-style:none;margin:1.2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.8rem}.upload-details__file{display:inline-flex;align-items:center;gap:.6rem;max-width:100%;padding:.5rem .6rem .5rem 1rem;font-size:1.2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, .6rem);background:rgb(var(--color-background))}.upload-details__file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:20rem}.upload-details__file-remove{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex:0 0 auto;padding:0;font-size:1.8rem;line-height:1;cursor:pointer;color:rgb(var(--color-foreground));background:transparent;border:0;border-radius:50%}.upload-details__file-remove:hover{background:rgba(var(--color-foreground),.1)}.upload-details__notes{margin-top:1.6rem}.upload-details__notes textarea{width:100%;padding:1.4rem 1.6rem;font-size:1.4rem;font-family:inherit;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius, .6rem);resize:vertical}.upload-details__notes textarea::placeholder{color:rgba(var(--color-foreground),.55)}.upload-details__disclaimer{margin-top:1.2rem;font-size:1.3rem;line-height:1.4;color:rgba(var(--color-foreground),.7)}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-upload-details.css.map */