.xo-contact{width:100%;max-width:100%;margin:0;padding:2rem 2rem 4rem;background-color:rgb(var(--color-background));border-radius:0;min-height:auto;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.xo-contact__inner{width:100%;max-width:60rem;margin:0 auto}.xo-contact__header{text-align:center;margin-bottom:2.4rem}.xo-contact__heading{font-family:var(--font-heading-family);font-weight:700;font-size:calc(var(--font-body-scale) * var(--contact-title-size-mobile, 3.2rem));color:var(--contact-input-text-color, rgb(var(--color-foreground)));letter-spacing:-.02em;margin:0;line-height:1.1}@media(min-width:768px){.xo-contact__heading{font-size:calc(var(--font-body-scale) * var(--contact-title-size-desktop, 6.4rem))}}.xo-contact__text-inputs{margin-bottom:3.2rem}.xo-contact__input-row{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media(min-width:768px){.xo-contact__input-row{grid-template-columns:1fr 1fr;gap:3rem}}.xo-contact__field{position:relative;display:flex;align-items:center}.xo-contact__field input{width:100%;padding:1.6rem 3.2rem 1.6rem 2.4rem;border:var(--contact-border-thickness, .1rem) solid var(--contact-input-border-color, rgb(var(--color-border)));border-radius:var(--contact-input-radius, 5rem);background-color:var(--contact-input-bg, rgba(var(--color-background), .6));font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * var(--contact-input-size, 1.4rem));color:var(--contact-input-text-color, rgb(var(--color-foreground)));outline:none;transition:border-color .2s ease,box-shadow .2s ease}.xo-contact__field input::placeholder{color:var(--contact-input-text-color, rgba(var(--color-foreground), .5));opacity:.5}.xo-contact__field input:focus{border-color:var(--contact-input-text-color, rgb(var(--color-foreground)));box-shadow:0 0 0 .2rem var(--contact-input-border-color, rgba(var(--color-border), .15))}.xo-contact__field--error input,.xo-contact__field--error textarea,.xo-contact__field--error .xo-contact__radio-circle,.xo-contact__field--error .xo-contact__terms-check{border-color:#e53935!important;box-shadow:0 0 0 .2rem #e5393526}.xo-contact__field--error.xo-contact__radio-column .xo-contact__radio-title,.xo-contact__field--error.xo-contact__textarea-wrapper,.xo-contact__field--error.xo-contact__terms .xo-contact__terms-label{color:#e53935}.xo-contact__field--error.xo-contact__terms .xo-contact__terms-check{border-color:#e53935}.xo-contact__field--error.xo-contact__radio-column .xo-contact__radio-circle{border-color:#e53935!important}.xo-contact__field-arrow{position:absolute;right:1.2rem;pointer-events:none;display:flex;align-items:center}.xo-contact__field-arrow svg{width:1.6rem;height:1.6rem}.xo-contact__radio-groups{display:grid;grid-template-columns:1fr;gap:3.2rem;margin-bottom:3.2rem}@media(min-width:768px){.xo-contact__radio-groups{grid-template-columns:1fr 1fr;gap:4rem}}.xo-contact__radio-column{display:flex;flex-direction:column;gap:1.2rem}.xo-contact__radio-title{font-family:var(--font-heading-family);font-weight:700;font-size:calc(var(--font-body-scale) * var(--contact-radio-title-size-mobile, 1.6rem));line-height:var(--contact-radio-title-line-height, 1.2);color:var(--contact-input-text-color, rgb(var(--color-foreground)));margin:0 0 1.2rem;white-space:pre-line}@media(min-width:768px){.xo-contact__radio-title{font-size:calc(var(--font-body-scale) * var(--contact-radio-title-size-desktop, 2rem))}}.xo-contact__radio-item{display:flex;align-items:center;gap:1.2rem;cursor:pointer;font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * var(--contact-radio-label-size, 1.4rem));font-weight:300;color:var(--contact-input-text-color, rgb(var(--color-foreground)))}.xo-contact__radio-item input[type=radio]{display:none}.xo-contact__radio-circle{width:2.2rem;height:2.2rem;min-width:2.2rem;border:var(--contact-border-thickness, .15rem) solid var(--contact-input-border-color, rgb(var(--color-border)));border-radius:var(--contact-radio-radius, 50%);position:relative;transition:border-color .2s ease}.xo-contact__radio-item input[type=radio]:checked+.xo-contact__radio-circle{border-color:var(--contact-input-border-color, rgb(var(--color-border)))}.xo-contact__radio-item input[type=radio]:checked+.xo-contact__radio-circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.2rem;height:1.2rem;background-color:var(--contact-input-border-color, rgb(var(--color-border)));border-radius:50%}.xo-contact__radio-label{line-height:1.4}.xo-contact__textarea-wrapper{margin-bottom:3.2rem}.xo-contact__textarea-wrapper textarea{width:100%;min-height:18rem;padding:2rem 2.4rem;border:var(--contact-border-thickness, .1rem) solid var(--contact-input-border-color, rgb(var(--color-border)));border-radius:var(--contact-textarea-radius, 1.2rem);background-color:var(--contact-input-bg, rgba(var(--color-background), .6));font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * var(--contact-textarea-size, 1.4rem));color:var(--contact-input-text-color, rgb(var(--color-foreground)));outline:none;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.xo-contact__textarea-wrapper textarea::placeholder{color:var(--contact-input-text-color, rgba(var(--color-foreground), .5));opacity:.5}.xo-contact__textarea-wrapper textarea:focus{border-color:var(--contact-input-text-color, rgb(var(--color-foreground)));box-shadow:0 0 0 .2rem var(--contact-input-border-color, rgba(var(--color-border), .15))}.xo-contact__footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.xo-contact__terms{display:flex;align-items:center;gap:.8rem;cursor:pointer;font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * var(--contact-terms-size, 1.2rem));color:var(--contact-input-text-color, rgb(var(--color-foreground)))}.xo-contact__terms input[type=checkbox]{display:none}.xo-contact__terms-check{width:1.4rem;height:1.4rem;min-width:1.4rem;border:var(--contact-border-thickness, .1rem) solid var(--contact-input-border-color, rgb(var(--color-border)));border-radius:var(--contact-checkbox-radius, .3rem);position:relative;transition:border-color .2s ease,background-color .2s ease}.xo-contact__terms input[type=checkbox]:checked+.xo-contact__terms-check{background-color:var(--contact-input-border-color, rgb(var(--color-border)))}.xo-contact__terms input[type=checkbox]:checked+.xo-contact__terms-check:after{content:"";position:absolute;top:.15rem;left:.35rem;width:.4rem;height:.7rem;border:solid #fff;border-width:0 .15rem .15rem 0;transform:rotate(45deg)}.xo-contact__terms-label{line-height:1.4}.xo-contact__submit{padding:.8rem 2rem;border:none;border-radius:var(--contact-button-radius, 5rem);background-color:rgb(var(--color-button));font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * var(--contact-submit-size, 1.1rem));font-weight:300;color:rgb(var(--color-button-text));cursor:pointer;transition:background-color .2s ease,transform .1s ease}.xo-contact__submit:hover{background-color:rgb(var(--color-button-hover))!important;color:rgb(var(--color-button-hover-text))}.xo-contact__submit:active{transform:scale(.97)}.xo-contact__submit:focus{outline:none;box-shadow:0 0 0 .2rem rgba(var(--color-button),.4)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-contact-form.css.map */