.file-upload{display:block;margin-bottom:1.5rem}@media screen and (min-width:750px){.file-upload{margin-bottom:2rem}}.file-upload__label{display:block;font-size:1.4rem;color:rgba(var(--color-foreground),.75);margin-bottom:.8rem}.file-upload__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:2.4rem 1.6rem;text-align:center;cursor:pointer;border:.15rem dashed rgba(var(--color-foreground),.25);border-radius:var(--inputs-radius-outset, .4rem);background-color:rgba(var(--color-foreground),.02);transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.file-upload__dropzone:hover,.file-upload__dropzone:focus-visible{border-color:rgba(var(--color-foreground),.6);background-color:rgba(var(--color-foreground),.05)}.file-upload__dropzone.is-dragover{border-color:rgb(var(--color-foreground));border-style:solid;background-color:rgba(var(--color-foreground),.08);transform:scale(1.01)}.file-upload__icon{width:3.2rem;height:3.2rem;color:rgba(var(--color-foreground),.55);transition:transform .2s ease,color .2s ease}.file-upload__dropzone:hover .file-upload__icon,.file-upload__dropzone.is-dragover .file-upload__icon{color:rgb(var(--color-foreground));transform:translateY(-.2rem)}.file-upload__title{font-size:1.5rem;color:rgb(var(--color-foreground))}.file-upload__title strong{text-decoration:underline;text-underline-offset:.3rem;font-weight:inherit}.file-upload__hint{font-size:1.2rem;color:rgba(var(--color-foreground),.6)}.file-upload__list{list-style:none;margin:0;padding:0}.file-upload__item{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.2rem;margin-top:1rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:var(--inputs-radius-outset, .4rem);background-color:rgb(var(--color-background));animation:file-upload-in .25s ease both}@keyframes file-upload-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.file-upload__thumb{flex-shrink:0;width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.4rem;background-color:rgba(var(--color-foreground),.06);color:rgba(var(--color-foreground),.55)}.file-upload__thumb img{width:100%;height:100%;object-fit:cover}.file-upload__thumb svg{width:2.2rem;height:2.2rem}.file-upload__info{flex:1;min-width:0}.file-upload__name{display:block;font-size:1.4rem;color:rgb(var(--color-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload__meta{display:block;font-size:1.2rem;color:rgba(var(--color-foreground),.6);margin-top:.2rem}.file-upload__item[data-state=error] .file-upload__meta{color:#c0362c}.file-upload__progress{height:.3rem;margin-top:.6rem;border-radius:.3rem;overflow:hidden;background-color:rgba(var(--color-foreground),.1)}.file-upload__progress-bar{width:0;height:100%;border-radius:.3rem;background-color:rgb(var(--color-foreground));transition:width .2s ease}.file-upload__item[data-state=done] .file-upload__progress,.file-upload__item[data-state=error] .file-upload__progress{display:none}.file-upload__badge{flex-shrink:0;width:2rem;height:2rem;display:none;align-items:center;justify-content:center}.file-upload__badge svg{width:100%;height:100%}.file-upload__item[data-state=done] .file-upload__badge{display:flex;color:#1a7f37;animation:file-upload-pop .3s cubic-bezier(.34,1.56,.64,1) both}.file-upload__item[data-state=error] .file-upload__badge{display:flex;color:#c0362c}@keyframes file-upload-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.file-upload__remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;padding:0;border:none;border-radius:50%;cursor:pointer;background:transparent;color:rgba(var(--color-foreground),.55);transition:background-color .15s ease,color .15s ease}.file-upload__remove:hover{background-color:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground))}.file-upload__remove svg{width:1.4rem;height:1.4rem}.file-upload__submit-waiting{opacity:.6;cursor:wait}@media(prefers-reduced-motion:reduce){.file-upload__dropzone,.file-upload__icon,.file-upload__item,.file-upload__item[data-state=done] .file-upload__badge{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-contact-upload.css.map */