.xo-contact .xo-field-input,.xo-contact .xo-field-textarea{background-color:color-mix(in srgb,rgba(var(--color-foreground)) 4%,transparent);border:2px solid color-mix(in srgb,rgba(var(--color-foreground)) 16%,transparent);border-radius:10px;transition:border-color .2s ease}.xo-contact .xo-field-input:focus-within,.xo-contact .xo-field-textarea:focus-within{border:2px solid rgba(var(--color-accent),1);outline:none}.xo-contact .xo-field-textarea{height:auto}.xo-contact .xo-field-textarea__textarea{min-height:13.6rem}.xo-contact .xo-field-input{padding:1.6rem}.xo-contact .xo-field-input__input{font-family:var(--font-body-family)}.xo-contact .xo-field-select{min-width:100%}.xo-contact .xo-field-select__select{padding:1.6rem 4.8rem 1.6rem 2.4rem;border-radius:10px;border:2px solid color-mix(in srgb,rgba(var(--color-foreground)) 16%,transparent);background-color:color-mix(in srgb,rgba(var(--color-foreground)) 4%,transparent);color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);font-family:var(--font-body-family);font-weight:500;font-size:calc(var(--font-body-scale) * 1.6rem);line-height:calc(1 + .4 / var(--font-body-scale));letter-spacing:calc(var(--font-body-scale) * -.016rem);transition:border-color .2s ease}.xo-contact .xo-field-select__select:focus{border:2px solid rgba(var(--color-accent),1);outline:none}.xo-contact .xo-field-select__option{background-color:rgb(var(--color-background));color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);font-weight:500;font-size:calc(var(--font-body-scale) * 1.6rem);line-height:calc(1 + .4 / var(--font-body-scale));letter-spacing:calc(var(--font-body-scale) * -.016rem)}.xo-contact .xo-field-select__icon svg{opacity:.65}.xo-contact__phone-field{display:flex;align-items:center;gap:2rem}.xo-contact__phone-field .xo-field-input__input{padding:0;flex:1;min-width:0}.xo-contact__phone-pill{-webkit-appearance:none;appearance:none;flex-shrink:0;background-color:color-mix(in srgb,rgba(var(--color-foreground)) 10%,transparent);border:none;border-radius:9999px;color:rgba(var(--color-foreground),1);font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:500;padding:.5rem 2.6rem .5rem 1.2rem;cursor:pointer;outline:none;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='currentColor' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center}.xo-contact__phone-pill:focus{outline:none}.xo-contact .xo-btn__text{font-family:var(--font-body-family)}.xo-contact .role{color:rgba(var(--color-accent-4),1)}.xo-contact .contact-info .label,.xo-contact .contact-info .role{color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent)}.contact-details-column{height:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:color-mix(in srgb,rgba(var(--color-layer)) 100%,transparent);overflow:hidden;border-radius:var(--general-radius-2)}.xo-contact .ataraxy-text-fill__heading{padding-bottom:2.6rem}.contact-heading{padding-bottom:1.6rem}.contact-info{padding:20px}.contact-info .address-block{margin-bottom:28px}.contact-info hr{border:none;border-top:1px solid color-mix(in srgb,rgba(var(--color-foreground)) 12%,transparent);margin:20px 0}.contact-info .contact-line{margin-bottom:2rem}.contact-info .tbc{font-size:14px;color:color-mix(in srgb,rgba(var(--color-foreground)) 30%,transparent);font-style:italic}.copy-btn{all:unset;cursor:pointer;color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);vertical-align:middle;display:inline-flex;align-items:center;gap:8px;text-align:start;transition:color .2s}.copy-btn:focus-visible{outline:.2rem solid rgba(var(--color-accent));outline-offset:.4rem}.copy-btn:hover{color:rgba(var(--color-accent))}.copy-btn .icon-tick,.copy-btn.copied .icon-copy{display:none}.copy-btn.copied .icon-tick{display:inline;color:color-mix(in srgb,rgba(var(--color-success)) 100%,transparent)}@media(min-width:768px){.contact-heading{font-size:calc(var(--font-heading-6-scale) * 2.2rem)}}@media(min-width:992px){.xo-contact .ataraxy-text-fill__heading{padding-bottom:3.6rem}.contact-info{padding:40px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-ataraxy-contact-form.css.map */
