.contact img{max-width:100%}.contact .form__message{align-items:flex-start}.contact .icon-success{margin-top:.2rem}.contact .field{margin-bottom:1.5rem}@media screen and (min-width: 750px){.contact .field{margin-bottom:2rem}}.contact__button{margin-top:3rem}@media screen and (min-width: 750px){.contact__button{margin-top:4rem}}@media screen and (min-width: 750px){.contact__fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2rem}}.field--file-upload{position:relative;margin-bottom:1.5rem}@media screen and (min-width: 750px){.field--file-upload{margin-bottom:2rem}}.field__input--file{position:absolute;top:0;left:0;width:100%;height:100%;min-height:120px;padding:2rem;cursor:pointer;opacity:0;z-index:2}.field--file-upload{border:2px dashed rgba(var(--color-foreground),.3);border-radius:.5rem;background:rgba(var(--color-background),.5);min-height:120px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.field--file-upload:before{content:"Drag and drop images here or click to browse";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:1.4rem;color:rgba(var(--color-foreground),.6);text-align:center;pointer-events:none;z-index:1;padding:2rem;width:100%}.field--file-upload:after{content:"Upload up to 10 images of your watch";position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;color:rgba(var(--color-foreground),.5);text-align:center;pointer-events:none;z-index:1;padding:0 2rem;width:100%;line-height:1.4}.field--file-upload:focus-within{border-color:rgb(var(--color-foreground));outline:none;box-shadow:0 0 0 3px rgba(var(--color-foreground),.1)}.field--file-upload.drag-over{border-color:rgb(var(--color-foreground));border-style:dashed;border-width:2px;background:rgba(var(--color-foreground),.05);transition:all .3s ease}.field--file-upload.drag-over:before{content:"Release to upload your images";font-weight:500;color:rgb(var(--color-foreground));font-size:1.4rem}.field--file-upload.drag-over:after{display:none}.field__help{display:none}.upload-progress{margin-top:2rem;margin-bottom:1rem}.upload-progress__bar{width:100%;height:.4rem;background:rgba(var(--color-foreground),.1);border-radius:.2rem;overflow:hidden}.upload-progress__fill{height:100%;background:rgb(var(--color-foreground));border-radius:.2rem;transition:width .3s ease;width:0%}.upload-progress__text{font-size:1.2rem;color:rgba(var(--color-foreground),.7);margin-top:.5rem;text-align:center}.upload-previews{margin-top:2rem;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;width:100%;justify-content:flex-start}@media screen and (min-width: 750px){.upload-previews{margin-bottom:2rem}}.upload-preview{position:relative;border:1px solid rgba(var(--color-foreground),.15);border-radius:.8rem;overflow:hidden;background:rgba(var(--color-background),.95);width:110px;flex-shrink:0;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.upload-preview:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.upload-preview__image{width:100%;height:110px;object-fit:cover;display:block}.upload-preview__remove{position:absolute;top:.5rem;right:.5rem;background:rgba(var(--color-foreground),.85);border:1px solid rgba(var(--color-background),.3);border-radius:50%;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.8rem;line-height:1;color:rgb(var(--color-background));transition:all .2s ease;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0;text-align:center}.upload-preview__remove:hover{background:rgb(var(--color-foreground));transform:scale(1.1);box-shadow:0 2px 8px #0000004d}.upload-preview__info{display:none}.field__error{color:rgb(var(--color-error, 220, 53, 69));font-size:1.2rem;margin-top:.5rem;padding:.5rem;background:rgba(var(--color-error, 220, 53, 69),.1);border-radius:.3rem;border-left:3px solid rgb(var(--color-error, 220, 53, 69))}@media screen and (max-width: 749px){.field--file-upload:before{content:"Tap to upload or take a photo";font-size:1.2rem;padding:1rem;top:40%;display:block;opacity:1;visibility:visible}.field--file-upload:after{font-size:1rem;top:60%;padding:0 1rem;display:block;opacity:1;visibility:visible}.field--file-upload.drag-over:before{font-size:1.3rem;top:50%}.field--file-upload.drag-over:after{display:none}.field--file-upload.has-uploads:before,.field--file-upload.has-uploads:after{display:block;opacity:1;visibility:visible}.field--file-upload.has-uploads{min-height:120px;padding:1rem}.field--file-upload{min-height:120px;margin-bottom:1.5rem}.upload-previews{justify-content:flex-start;margin-top:1.5rem;gap:.8rem}.upload-preview{width:90px}.upload-preview__image{height:90px}.upload-preview__remove{width:2rem;height:2rem;font-size:1.4rem;top:.3rem;right:.3rem}}@media screen and (max-width: 480px){.upload-previews{gap:.6rem}.upload-preview{width:80px}.upload-preview__image{height:80px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-contact-form.css.map */