.contact-form-wrapper{position:relative;overflow:hidden}.contact-form-two-column{display:grid;grid-template-columns:1fr;gap:0;align-items:stretch}@media screen and (min-width: 990px){.contact-form-two-column{grid-template-columns:1fr 1fr;gap:6rem;align-items:stretch}}.contact-form-content{width:100%}.contact-form-container{max-width:600px;margin:0 auto}@media screen and (min-width: 990px){.contact-form-container{margin:0;max-width:none}}.contact-form-header{margin-bottom:3rem}.contact-header-align-left{text-align:left}.contact-header-align-center{text-align:center}.contact-header-align-center .contact-page-description{margin-left:auto;margin-right:auto}.contact-header-align-right{text-align:right}.contact-header-align-right .contact-page-description{margin-left:auto}.contact-page-heading{margin:0 0 1.5rem;font-weight:600;line-height:1.2}.contact-page-description{font-size:1.5rem;color:rgba(var(--color-foreground),.65);line-height:1.6;margin:0}.contact-page-description p{margin:.8rem 0}.contact-page-description p:first-child{margin-top:0}.contact-page-description p:last-child{margin-bottom:0}.form-message{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;border-radius:1.2rem;margin-bottom:3rem;border:2px solid;animation:slideInDown .5s ease-out}.form-message--success{background:#22c55e1a;border-color:#22c55e4d;color:#15803d}.form-message--error{background:#ef44441a;border-color:#ef44444d;color:#b91c1c}.form-message__icon{flex-shrink:0;width:2.4rem;height:2.4rem;margin-top:.2rem}.form-message__icon svg{width:100%;height:100%}.form-message__content{flex:1}.form-message__title{font-size:1.6rem;font-weight:600;margin:0 0 .8rem;color:inherit}.form-message__text{font-size:1.4rem;margin:0;opacity:.9;line-height:1.5}.form-message__list{list-style:none;padding:0;margin:.8rem 0 0}.form-message__link{color:inherit;text-decoration:underline;font-weight:500;transition:opacity .2s ease}.form-message__link:hover{opacity:.8}.contact-form-fields{display:flex;flex-direction:column;gap:2.4rem}.contact-field{display:flex;flex-direction:column;gap:.8rem}.contact-label{font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground));line-height:1.4}.contact-required{color:#ef4444}.contact-input{width:100%;padding:1.4rem 1.6rem;border:none;border-radius:.8rem;background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));font-size:1.5rem;font-family:inherit;line-height:1.5;transition:background .2s ease}.contact-field:before{display:none}.contact-input::placeholder{color:rgba(var(--color-foreground),.35)}.contact-input:hover{background:rgba(var(--color-foreground),.07)}.contact-input:focus{outline:none;background:rgba(var(--color-foreground),.08)}.contact-textarea{min-height:14rem;resize:vertical;font-family:inherit}.contact-input--error{background:#ef444414}.contact-input--error:hover,.contact-input--error:focus{background:#ef44441a}.contact-error{display:block;margin-top:.6rem;font-size:1.3rem;color:#dc2626;line-height:1.4}.contact-form-submit{display:flex;justify-content:flex-start;margin-top:3rem}.contact-form-button{position:relative;min-width:20rem;padding:1.8rem 4rem;background:linear-gradient(135deg,rgb(var(--color-button)),rgba(var(--color-button),.9));border:2px solid transparent;border-radius:1.2rem;color:rgb(var(--color-button-text));font-size:1.6rem;font-weight:600;text-transform:none;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(var(--color-button),.3);overflow:hidden}.contact-form-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--color-button),.4);background:linear-gradient(135deg,rgba(var(--color-button),.9),rgb(var(--color-button)))}.contact-form-button:active{transform:translateY(0);box-shadow:0 4px 12px rgba(var(--color-button),.3)}.contact-form-button:focus-visible{outline:2px solid rgba(var(--color-button),.5);outline-offset:2px}.contact-form-button.loading{color:transparent;pointer-events:none}.button__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease}.contact-form-button.loading .button__loading{opacity:1}.button__spinner{animation:spin 1s linear infinite}.contact-form-image-column{position:relative;width:100%;margin-top:4rem}@media screen and (min-width: 990px){.contact-form-image-column{margin-top:0}}.contact-form-image-wrapper{position:relative;width:100%;height:100%;border-radius:2rem;overflow:hidden;box-shadow:0 20px 60px rgba(var(--color-foreground),.15);display:flex}@media screen and (max-width: 989px){.contact-form-image-wrapper{min-height:400px}}.contact-form-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;flex-shrink:0}.contact-form-image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.5) 50%,transparent 100%);padding:4rem 3rem 3rem;color:#fff}.contact-form-overlay-text{font-size:1.8rem;line-height:1.6;margin:0 0 1.5rem;font-style:italic}@media screen and (min-width: 990px){.contact-form-overlay-text{font-size:2rem}}.contact-form-overlay-author{font-size:1.4rem;margin:0;opacity:.9;font-weight:500}@media screen and (min-width: 750px){.contact-form-description{font-size:1.6rem}.contact-form-button{min-width:24rem;padding:2rem 5rem;font-size:1.8rem}}@media screen and (max-width: 749px){.contact-form-header{margin-bottom:2.5rem}.contact-page-heading{font-size:2.8rem}.contact-page-description{font-size:1.4rem}.contact-input{padding:1.3rem 1.5rem;font-size:1.6rem}.contact-label{font-size:1.4rem}.contact-form-button{width:100%;min-width:auto;padding:1.6rem 3rem}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.contact-input{background:rgba(var(--color-foreground),.08)}.contact-input:hover{background:rgba(var(--color-foreground),.1)}.contact-input:focus{background:rgba(var(--color-foreground),.12)}.form-message--success{background:#22c55e26;border-color:#22c55e66}.form-message--error{background:#ef444426;border-color:#ef444466}}.contact-input:focus-visible{outline:none}@media (prefers-contrast: high){.contact-input{background:rgba(var(--color-foreground),.1)}.contact-input:hover,.contact-input:focus{background:rgba(var(--color-foreground),.15)}.contact-form-button{border-width:2px;border-color:rgb(var(--color-button))}}@media (prefers-reduced-motion: reduce){.contact-input,.contact-form-button,.form-message{transition:none}.contact-form-button:hover{transform:none}@keyframes slideInDown,@keyframes slideInUp,@keyframes spin{from,to {opacity: 1; transform: none;}}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-contact-form.css.map */