.contact img{max-width:100%}.contact .form__message{align-items:flex-start}.contact .icon-success{margin-top:.2rem}.contact .field{margin-bottom:1.5rem}.contact-methods{padding:3rem 2rem;background-color:#f7f7f5;border-radius:2.4rem;height:fit-content}.contact-method{display:flex;align-items:center;gap:1.5rem}.contact-methods>div:not(:last-child){margin-bottom:2.5rem}.contact-info{display:flex;flex-direction:column;gap:.5rem}.contact-methods svg{min-width:3rem;min-height:3rem}.contact-methods h3{margin:0}.contact-methods a{text-decoration:none;color:inherit;font-size:1.5rem}.contact-methods p{margin:0;font-size:1.3rem}.file-upload-wrapper{position:relative;width:36rem;max-width:100%;height:5rem;background-color:#e8eef8;border-radius:1rem;margin-bottom:2rem}.file-upload-wrapper:after{content:attr(data-text);font-size:1.4rem;position:absolute;top:0;left:0;padding:0 1rem;display:block;width:calc(100% - 4rem);pointer-events:none;height:5rem;line-height:5rem;color:rgba(var(--color-foreground),.75)}.file-upload-wrapper:before{content:"Upload";position:absolute;top:0;right:0;display:inline-block;height:5rem;color:rgb(var(--primary-color));z-index:25;font-size:1.4rem;line-height:5rem;padding:0 15px;pointer-events:none;box-shadow:0 0 0 1px rgb(var(--primary-color));border-top-right-radius:1rem;border-bottom-right-radius:1rem;background-color:#fff}.file-upload-wrapper:hover:before{box-shadow:0 0 1px 1px rgb(var(--primary-color))}.file-upload-wrapper input{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;margin:0;padding:0;display:block;cursor:pointer;width:100%}.contact-attachment-field{font-size:1.4rem}.file-drop-zone{border:2px dashed #ccc;border-radius:1.2rem;padding:1rem;text-align:center;cursor:pointer;transition:border-color .3s;position:relative;color:rgb(var(--color-foreground));margin-bottom:1rem;font-size:1.2rem}.file-drop-zone.dragover{border-color:rgb(var(--primary-color))}.file-upload-field{opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer}.attachment-blurb{font-size:1.4rem;font-style:italic;margin-bottom:2rem}@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}}
/*# sourceMappingURL=/cdn/shop/t/534/assets/section-contact-form.css.map */