.section--x-contact-form .contact__grid{--grid-mobile-vertical-spacing: 3rem;--grid-mobile-horizontal-spacing: 3rem;--grid-desktop-vertical-spacing: 6.4rem;--grid-desktop-horizontal-spacing: 6.4rem;background-color:color-mix(in srgb,rgb(var(--color-accent)) 33%,black);border:.1rem solid rgb(var(--color-accent));align-items:stretch;padding:1.6rem;position:relative}@media screen and (min-width:750px){.section--x-contact-form .contact__grid{padding:6.4rem}}.section--x-contact-form .contact__grid>.svg-wrapper--decor{color:rgb(var(--color-accent))}@media screen and (max-width:989px)and (min-width:480px){.section--x-contact-form .grid--1-col-tablet-down .grid__item{width:100%;max-width:100%}}.section--x-contact-form .contact__title-wrapper{display:flex;flex-direction:column;align-items:stretch;gap:1.3rem;padding:1.5rem 0 0;text-align:center}@media screen and (min-width:750px){.section--x-contact-form .contact__title-wrapper{gap:2rem;padding:0}}@media screen and (min-width:990px){.section--x-contact-form .contact__title-wrapper{justify-content:space-between}}.section--x-contact-form .title-wrapper-with-link{align-items:center;flex-direction:column;justify-content:center;margin-bottom:2rem}@media screen and (min-width:750px){.section--x-contact-form .title-wrapper-with-link{margin-bottom:4rem}}.section--x-contact-form .title-wrapper-with-link .caption-with-letter-spacing{margin:0 0 .65rem}@media screen and (min-width:750px){.section--x-contact-form .title-wrapper-with-link .caption-with-letter-spacing{margin:0 0 1.3rem}}.section--x-contact-form .contact__title{margin:0}.section--x-contact-form .contact__title .title{font-size:calc(var(--font-heading-scale) * 5.6rem);margin:0 0 1.7rem}@media screen and (min-width:750px){.section--x-contact-form .contact__title .title{font-size:calc(var(--font-heading-scale) * 8rem);margin:0 0 1.5rem}}.section--x-contact-form .contact__title .description{font-size:1.6rem;line-height:1.3}@media screen and (min-width:750px){.section--x-contact-form .contact__title .description{font-size:2rem}}.section--x-contact-form .contact__title .description.rte>:first-child{margin-top:0}.section--x-contact-form .contact__title .description.rte>:last-child{margin-bottom:0}.section--x-contact-form .contact__title .description p{margin:2rem 0}@media screen and (min-width:750px){.section--x-contact-form .contact__title .description p{margin:2.6rem 0}}@media screen and (max-width:749px){.section--x-contact-form .contact__title .description p em{font-size:2rem}}.section--x-contact-form .contact__logo{color:rgb(var(--color-accent));height:auto;margin:0 auto;width:4.5rem}@media screen and (min-width:750px){.section--x-contact-form .contact__logo{width:7.4rem}}.section--x-contact-form .contact__logo>svg{height:auto}.section--x-contact-form .contact__notes{font-size:1.6rem;line-height:1.2}@media screen and (min-width:750px){.section--x-contact-form .contact__notes{font-size:2rem;line-height:1.1;padding:.2rem 0 0}}.section--x-contact-form .contact__notes a{font:600 1.2rem/1.4 var(--font-button-family);text-transform:uppercase;text-decoration:none}@media screen and (min-width:750px){.section--x-contact-form .contact__notes a{font-size:1.4rem}}.section--x-contact-form .contact__notes a:hover{text-decoration:underline}.section--x-contact-form .contact .field{margin-bottom:2rem}.section--x-contact-form .contact__button{margin-top:0}.section--x-contact-form .contact__button .button{--color-button-text: var(--color-background);--color-button: var(--color-foreground)}.section--x-contact-form .contact__file-field{display:block;width:100%;margin-bottom:2rem}.section--x-contact-form .contact__file-label{display:block;font:600 1.2rem/1.4 var(--font-button-family);letter-spacing:.1rem;text-transform:uppercase;color:rgb(var(--color-foreground));margin:0 0 .6rem}.section--x-contact-form .contact__file-note{font-size:1.3rem;line-height:1.4;color:rgba(var(--color-foreground),.65);margin:0 0 1rem}.section--x-contact-form .contact__file-dropzone{position:relative}.section--x-contact-form .contact__file-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:1}.section--x-contact-form .contact__file-dropzone-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;border:.1rem dashed rgba(var(--color-foreground),.5);border-radius:.4rem;padding:2rem 1.5rem;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.section--x-contact-form .contact__file-input:hover+.contact__file-dropzone-label,.section--x-contact-form .contact__file-input:focus-visible+.contact__file-dropzone-label{border-color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.04)}.section--x-contact-form .contact__file-icon{color:rgb(var(--color-foreground));width:2.4rem;height:2.4rem}.section--x-contact-form .contact__file-icon svg{width:100%;height:100%}.section--x-contact-form .contact__file-copy{font:600 1.3rem/1.4 var(--font-button-family);letter-spacing:.06rem;text-transform:uppercase;color:rgb(var(--color-foreground))}.section--x-contact-form .contact__file-browse{text-decoration:underline;text-underline-offset:.2rem}.section--x-contact-form .contact__file-name{font-size:1.3rem;color:rgb(var(--color-foreground));word-break:break-all}.section--x-contact-form .contact__file-max{display:block;font-size:1.1rem;color:rgba(var(--color-foreground),.55);text-align:center}#ContactForm,#QuickContactForm{scroll-margin-top:calc(var(--header-height, 12rem) + 4.8rem)}.section--x-contact-form .form-status.form-status-list.form__message{align-items:center;background-color:#0000008c;border:.1rem solid rgb(var(--color-accent));color:rgb(var(--color-foreground));display:flex;font-size:1.7rem;gap:1rem;line-height:1.4;margin:0 0 2.4rem;padding:1.4rem 1.6rem}@media screen and (min-width:750px){.section--x-contact-form .form-status.form-status-list.form__message{font-size:2rem;margin-bottom:3.2rem;padding:1.8rem 2.4rem}}.section--x-contact-form .form-status.form-status-list.form__message .icon,.section--x-contact-form .form-status.form-status-list.form__message svg{flex-shrink:0;height:2.2rem;margin-right:0;width:2.2rem}
/*# sourceMappingURL=/cdn/shop/t/20/assets/x-contact-form.css.map */