.contact-form-fields{--cff-content-width: 860px;--cff-padding-inline: 24px;--cff-row-gap: 16px;--cff-column-gap: 8px;--cff-field-gap: 8px;--cff-label-size: 14px;--cff-label-lh: 20px;--cff-input-size: 14px;--cff-input-lh: 22px;--cff-input-height: 46px;--cff-input-padding: 12px;--cff-textarea-height: 100px;--cff-border-color: #e9e9e9;--cff-placeholder-color: #666666;--cff-submit-height: 50px;--cff-submit-size: 12px;--cff-submit-lh: 18px;width:100%;padding-inline:var(--cff-padding-inline)}@media screen and (min-width:990px){.contact-form-fields{padding-inline:var(--cff-padding-inline-desktop, 64px)}}.contact-form-fields__inner{width:100%;max-width:var(--cff-content-width);margin-inline:auto}.contact-form-fields__form{display:flex;flex-direction:column;gap:var(--cff-row-gap);margin:0}.contact-form-fields__row{display:flex;flex-direction:column;gap:var(--cff-column-gap);width:100%}@media screen and (min-width:990px){.contact-form-fields__row{flex-direction:row;align-items:flex-start}}.contact-form-fields--pair-mobile .contact-form-fields__row{flex-direction:row;align-items:flex-start}.contact-form-fields__field{display:flex;flex:1 1 0;min-width:0;flex-direction:column;gap:var(--cff-field-gap)}.contact-form-fields__label{display:block;margin:0;font-size:var(--cff-label-size);line-height:var(--cff-label-lh);color:rgb(var(--color-foreground));letter-spacing:0;text-transform:none}.contact-form-fields__input,.contact-form-fields__textarea,.contact-form-fields__select{box-sizing:border-box;width:100%;margin:0;border:1px solid var(--cff-border-color);border-radius:0;background-color:transparent;font-family:inherit;font-size:var(--cff-input-size);line-height:var(--cff-input-lh);color:rgb(var(--color-foreground));-webkit-appearance:none;appearance:none;transition:border-color var(--duration-default, .2s) ease}.contact-form-fields__input,.contact-form-fields__select{height:var(--cff-input-height);padding:0 calc(var(--cff-input-padding) - 1px)}.contact-form-fields__textarea{height:var(--cff-textarea-height);padding:calc(var(--cff-input-padding) - 1px);resize:vertical}.contact-form-fields__input::placeholder,.contact-form-fields__textarea::placeholder{color:var(--cff-placeholder-color);opacity:1}.contact-form-fields__select:invalid{color:var(--cff-placeholder-color)}.contact-form-fields__input:focus,.contact-form-fields__textarea:focus,.contact-form-fields__select:focus{outline:none;border-color:rgb(var(--color-foreground))}.contact-form-fields__input:focus-visible,.contact-form-fields__textarea:focus-visible,.contact-form-fields__select:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.contact-form-fields__select-wrapper{position:relative;display:block}.contact-form-fields__select-wrapper:after{content:"";position:absolute;right:var(--cff-input-padding);top:50%;width:8px;height:8px;margin-top:-6px;border-right:1px solid rgb(var(--color-foreground));border-bottom:1px solid rgb(var(--color-foreground));transform:rotate(45deg);pointer-events:none}.contact-form-fields__select{padding-right:calc(var(--cff-input-padding) * 2 + 8px)}.contact-form-fields__actions{display:flex;justify-content:flex-start}.contact-form-fields .contact-form-fields__submit{min-width:0;min-height:var(--cff-submit-height);height:var(--cff-submit-height);padding:6px 24px;font-size:var(--cff-submit-size);line-height:var(--cff-submit-lh)}.contact-form-fields__status,.contact-form-fields__errors{margin:0;padding:12px;font-size:var(--cff-input-size);line-height:var(--cff-input-lh);list-style:none}.contact-form-fields__status{border:1px solid rgb(var(--color-foreground))}.contact-form-fields__errors{border:1px solid rgba(var(--color-error, 220 53 69));color:rgb(var(--color-error, 220 53 69))}.contact-form-fields__mailer-status{margin:0;padding:12px;font-size:var(--cff-input-size);line-height:var(--cff-input-lh)}.contact-form-fields__mailer-status[hidden]{display:none}.contact-form-fields__mailer-status.is-success{border:1px solid rgb(var(--color-foreground))}.contact-form-fields__mailer-status.is-error{border:1px solid rgba(var(--color-error, 220 53 69));color:rgb(var(--color-error, 220 53 69))}.contact-form-fields__input.has-error,.contact-form-fields__textarea.has-error,.contact-form-fields__select.has-error{border-color:rgba(var(--color-error, 220 53 69))}
/*# sourceMappingURL=/cdn/shop/t/218/assets/section-contact-form-fields.css.map */