.tonis-contact{--tonis-contact-intro-background: var(--tonis-color-accent);--tonis-contact-intro-text: var(--tonis-color-text-inverse);--tonis-contact-form-background: var(--tonis-color-surface);--tonis-contact-card-background: var(--tonis-color-bg);--tonis-contact-button-gap: 1rem;--tonis-contact-field-padding: 1.1rem;display:flex;flex-direction:column;letter-spacing:var(--tonis-tracking-normal)}.tonis-contact__panel{align-self:stretch}.tonis-contact__intro{background:var(--tonis-contact-intro-background);color:var(--tonis-contact-intro-text)}.tonis-contact__form-panel{background:var(--tonis-contact-form-background)}.tonis-contact__intro-inner{display:flex;flex-direction:column;gap:var(--tonis-space-10)}.tonis-contact__copy,.tonis-contact__titles{display:flex;flex-direction:column;gap:var(--tonis-space-6)}.tonis-contact__eyebrow{margin:0;font-family:var(--tonis-font-heading);font-size:var(--tonis-text-18);font-weight:var(--tonis-weight-bold);line-height:var(--tonis-leading-snug);letter-spacing:var(--tonis-tracking-normal);text-transform:uppercase}.tonis-contact__heading{color:inherit;margin:0;font-family:var(--tonis-font-heading);font-size:var(--tonis-text-38);font-weight:var(--tonis-weight-semibold);line-height:var(--tonis-leading-snug);letter-spacing:var(--tonis-tracking-normal);text-transform:uppercase}.tonis-contact__body{font-family:var(--tonis-font-body);font-size:var(--tonis-text-25);font-weight:var(--tonis-weight-regular);line-height:var(--tonis-leading-snug);letter-spacing:var(--tonis-tracking-normal)}.tonis-contact__body>:first-child{margin-top:0}.tonis-contact__body>:last-child{margin-bottom:0}.tonis-contact__details{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--tonis-space-3)}.tonis-contact__detail{display:flex;gap:var(--tonis-space-3);align-items:flex-start}.tonis-contact__detail-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--tonis-space-8);height:var(--tonis-space-8);border-radius:var(--tonis-radius-full);background:var(--tonis-color-on-accent-soft);color:var(--tonis-color-brand)}.tonis-contact__detail-icon .tonis-icon{width:100%;height:100%}.tonis-contact__detail-text{min-height:var(--tonis-space-8);display:grid;align-content:center;margin:0;font-family:var(--tonis-font-body);font-size:var(--tonis-text-18);font-weight:var(--tonis-weight-medium);line-height:var(--tonis-leading-loosest);letter-spacing:var(--tonis-tracking-normal);color:inherit}.tonis-contact__detail-link{text-decoration:none}.tonis-contact__detail-link:hover{text-decoration:underline}.tonis-contact__form{margin:0}.tonis-contact__card{display:flex;flex-direction:column;gap:var(--tonis-space-6);padding:var(--tonis-space-6);border-radius:var(--tonis-radius-24);background:var(--tonis-contact-card-background)}.tonis-contact__row{display:flex;flex-direction:column;gap:var(--tonis-space-6)}.tonis-contact__field{display:flex;flex:1 1 0;min-width:0;flex-direction:column;gap:var(--tonis-space-2)}.tonis-contact__label{font-family:var(--tonis-font-body);font-size:var(--tonis-text-22);font-weight:var(--tonis-weight-bold);line-height:var(--tonis-leading-loosest);letter-spacing:var(--tonis-tracking-normal);color:var(--tonis-color-brand)}.tonis-contact__input{font-family:var(--tonis-font-body);font-size:var(--tonis-text-18);font-weight:var(--tonis-weight-regular);line-height:var(--tonis-leading-loosest);letter-spacing:var(--tonis-tracking-normal);color:var(--tonis-color-text-strong);width:100%;box-sizing:border-box;padding:var(--tonis-contact-field-padding);border:var(--tonis-border-thin) solid var(--tonis-color-brand);border-radius:var(--tonis-radius-12);background:var(--tonis-color-surface);-webkit-appearance:none;appearance:none}.tonis-contact__input::placeholder{color:var(--tonis-color-placeholder-strong);opacity:1}.tonis-contact__input:focus-visible{outline:var(--tonis-border-thick) solid var(--tonis-color-accent);outline-offset:var(--tonis-border-thin)}.tonis-contact__textarea{height:18rem;resize:vertical}.tonis-contact__actions{display:flex;flex-direction:column;align-items:stretch}.tonis-contact__button{display:flex;align-items:center;justify-content:center;gap:var(--tonis-contact-button-gap);padding:var(--tonis-space-3) var(--tonis-space-6);border:0;border-radius:var(--tonis-radius-12);background:var(--tonis-color-accent);color:var(--tonis-color-on-accent-soft);cursor:pointer;font-family:var(--tonis-font-heading);letter-spacing:var(--tonis-tracking-normal);transition:background-color var(--tonis-duration-fast) var(--tonis-ease-out)}.tonis-contact__button:hover{background:var(--tonis-color-brand)}.tonis-contact__button:focus-visible{outline:var(--tonis-border-thick) solid var(--tonis-color-brand);outline-offset:var(--tonis-border-thin)}.tonis-contact__button-label{font-size:var(--tonis-text-20);font-weight:var(--tonis-weight-bold);line-height:var(--tonis-leading-tight);text-transform:uppercase}.tonis-contact__button .tonis-icon{flex-shrink:0;width:var(--tonis-space-6);height:var(--tonis-space-6)}.tonis-contact__message{margin:0;font-family:var(--tonis-font-body);font-size:var(--tonis-text-16);font-weight:var(--tonis-weight-medium);line-height:var(--tonis-leading-loosest);letter-spacing:var(--tonis-tracking-normal)}.tonis-contact__message--error{color:var(--tonis-color-accent)}.tonis-contact__message--success{color:var(--tonis-color-label)}.tonis-contact__message--success:focus-visible{outline:var(--tonis-border-thick) solid var(--tonis-color-accent);outline-offset:var(--tonis-border-thin)}@media screen and (min-width:750px){.tonis-contact__intro-inner,.tonis-contact__card{max-width:60rem;margin-inline:auto}.tonis-contact__copy{gap:var(--tonis-space-10)}.tonis-contact__heading{font-size:var(--tonis-text-55)}.tonis-contact__body{font-weight:var(--tonis-weight-medium)}.tonis-contact__detail-text{font-size:var(--tonis-text-16)}.tonis-contact__row{flex-direction:row}.tonis-contact__actions{align-items:center}}@media screen and (min-width:1400px){.tonis-contact{flex-direction:row;align-items:stretch}.tonis-contact__intro{flex:0 0 68.1rem}.tonis-contact__form-panel{flex:1 1 0;min-width:0}.tonis-contact__intro-inner{max-width:56.1rem;margin-inline:0}.tonis-contact__card{margin-inline:auto}}@media(prefers-reduced-motion:reduce){.tonis-contact__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-tonis-contact.css.map */