.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}.contact-form-description p{font-size:1.6rem}}.contact-form-wrapper{width:100%}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-form-heading{margin:0 0 2rem;line-height:1.2}.contact-form-description{font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.8);margin-bottom:3rem}.contact-form-description p{margin:0 0 1rem}.contact-form-description p:last-child{margin-bottom:0}.contact-form-image{width:100%;overflow:hidden;max-width:100%}.contact-form-content{display:flex;flex-direction:column;justify-content:space-between;height:100%}.contact-form-image img{width:100%;height:auto;display:block}.contact-form-container{padding:0;height:100%}.contact-form{display:flex;flex-direction:column;gap:2.5rem;height:100%;justify-content:space-between}.form-status{display:flex;align-items:center;gap:1rem;padding:0 2rem;border-radius:.5rem;font-size:1.4rem;line-height:1.5}.form-status svg{flex-shrink:0;width:2.4rem;height:2.4rem}.contact-with-text .field__input{border:none;border-bottom:1px solid}.contact-with-text .field:after{border:none;box-shadow:none}.contact-with-text .field:focus-visible{outline:none;outline-offset:0;box-shadow:none}.contact-with-text .field:hover.field:after{border:none;box-shadow:none}.form-status--success{background-color:#0080001a;color:#006400;border:.1rem solid rgba(0,128,0,.3);margin-bottom:10px}.form-status.form-status--success:not(:first-of-type){display:none!important}.form-status--error{background-color:#dc26261a;color:#b91c1c;border:.1rem solid rgba(220,38,38,.3)}.field{display:flex;flex-direction:column;gap:.8rem}.contact-with-text .field__input:focus~.field__label,.contact-with-text .field:focus .field__label,.contact-with-text .field__input:focus-visible~.field__label,.contact-with-text .field:focus-visible .field__label{font-size:1rem;top:calc(var(--inputs-border-width) + .5rem);left:calc(var(--inputs-border-width) + 2rem)}.contact-with-text .field__label{font-size:1.4rem;font-weight:400;letter-spacing:.1rem;text-transform:uppercase;color:rgb(var(--color-foreground));position:static}.field__input,.field__textarea{width:100%;padding:1.5rem 0;font-size:1.5rem;line-height:1.5;color:rgb(var(--color-foreground));background:transparent;border:none;border-bottom:.1rem solid rgba(var(--color-foreground),.2);transition:border-color .3s ease;font-family:inherit}.field__input:focus,.field__textarea:focus{outline:none;border-bottom-color:rgb(var(--color-foreground));box-shadow:none}.contact-with-text .field__input::placeholder,.contact-with-text .field__textarea::placeholder{color:rgba(var(--color-foreground),1);font-size:1.4rem;opacity:1}.contact-with-text .field__input{padding:0}.field__textarea{resize:vertical;min-height:8rem}.select-wrapper{position:relative}.field__select{-webkit-appearance:none;appearance:none;padding-right:4rem;cursor:pointer}.icon-caret{position:absolute;right:0;top:50%;transform:translateY(-50%);pointer-events:none;color:rgb(var(--color-foreground))}.field__error{display:block;color:rgb(var(--color-error, 185, 28, 28));font-size:1.2rem;margin-top:.5rem}.contact__button{margin-top:1rem}.contact__button .button{justify-content:space-between;transition:all .3s ease}.contact__button .button svg{transform:rotate(-45deg);transition:transform .3s ease}.contact__button .button:hover svg{transform:rotate(0)}@media screen and (max-width: 989px){.contact-form-grid{grid-template-columns:1fr;gap:4rem}.contact-form{gap:2rem}}@media screen and (max-width: 749px){.contact-form-heading{margin-bottom:1.5rem}.contact-form-description{font-size:1.6rem;margin-bottom:2rem}.contact-form-image{max-width:100%}.contact-form{gap:2rem}.field__label{font-size:1.1rem}.field__input,.field__textarea{font-size:1.4rem;padding:1.2rem 0}.contact__button .button{padding:1.5rem 2.5rem;font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-contact-form.css.map */
