.contact-form,.boyalso-contact-form{width:100%;max-width:var(--boyalso-site-max-width);margin:0 auto;padding-left:var(--boyalso-site-padding-desktop);padding-right:var(--boyalso-site-padding-desktop);box-sizing:border-box;font-family:var(--font-body);color:var(--boyalso-black)}.contact-form__form,.boyalso-contact-form__form{display:flex;flex-direction:column;gap:var(--space-6);width:100%}.boyalso-contact-form__shell{width:100%;max-width:900px;margin:0 auto;background:var(--boyalso-white);border:var(--boyalso-border-solid);box-shadow:6px 6px 0 var(--boyalso-lavender);padding:var(--space-6) var(--space-5)}.boyalso-contact-form__header{position:relative;margin-bottom:var(--space-6);padding-top:var(--space-2)}.boyalso-contact-form__kicker{position:absolute;top:0;right:0;display:inline-block;margin:0;padding:5px 10px 4px;background:var(--boyalso-pink);border:var(--boyalso-border-solid);color:var(--boyalso-black);font-family:var(--font-pixel);font-size:10px;line-height:1.2;text-transform:uppercase;transform:rotate(6deg);transform-origin:center}.boyalso-contact-form__title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--heading-md);line-height:1;color:var(--boyalso-black)}.boyalso-contact-form__intro{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;color:var(--boyalso-black)}.boyalso-contact-form__intro.rte>*:first-child{margin-top:0}.boyalso-contact-form__intro.rte>*:last-child{margin-bottom:0}.contact-form__form-row,.boyalso-contact-form__form-row{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.boyalso-contact-form__field{width:100%}.contact-form__input,.boyalso-contact-form__input,.contact-form select,.boyalso-contact-form select{width:100%;min-width:0;display:block;color:var(--boyalso-black);background:var(--boyalso-white);padding:14px 16px;border-radius:0;border:var(--boyalso-border-dotted);box-shadow:none;font-family:var(--font-body);font-size:var(--text-base);line-height:1.4;-webkit-appearance:none;appearance:none}.contact-form__input::placeholder,.boyalso-contact-form__input::placeholder{color:var(--boyalso-black);opacity:.65}.contact-form__input:focus,.boyalso-contact-form__input:focus,.contact-form select:focus,.boyalso-contact-form select:focus{outline:none;border:var(--boyalso-border-dotted);box-shadow:4px 4px 0 var(--boyalso-cyan);transform:translate(1px,1px)}.contact-form__input--textarea,.boyalso-contact-form__input--textarea{resize:vertical;min-height:180px;margin-bottom:var(--space-4)}.contact-form__error,.contact-form__success,.boyalso-contact-form__message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:var(--boyalso-border-solid);box-shadow:var(--boyalso-shadow-sm);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.4}.boyalso-contact-form__message--error{background:#ffd6e8}.boyalso-contact-form__message--success{background:var(--boyalso-lime)}.boyalso-contact-form__actions{display:flex;justify-content:flex-start;margin-top:var(--space-4)}.boyalso-contact-form__actions .button,.boyalso-contact-form__actions button,.boyalso-contact-form__actions [type=submit]{min-height:48px;padding:var(--space-3) var(--space-5);border-radius:0;border:var(--boyalso-border-solid);box-shadow:4px 4px 0 var(--boyalso-cyan);background:var(--boyalso-pink);color:var(--boyalso-black);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.boyalso-contact-form__actions .button:hover,.boyalso-contact-form__actions button:hover,.boyalso-contact-form__actions [type=submit]:hover{filter:var(--boyalso-hover-effect);box-shadow:2px 2px 0 var(--boyalso-cyan)}.boyalso-contact-form__trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media screen and (min-width:750px){.contact-form__form-row,.boyalso-contact-form__form-row{grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start}.boyalso-contact-form__shell{padding:var(--space-8) var(--space-6)}}@media screen and (max-width:749px){.contact-form,.boyalso-contact-form{padding-left:var(--boyalso-site-padding-mobile);padding-right:var(--boyalso-site-padding-mobile)}.boyalso-contact-form__header{padding-right:0;padding-top:0}.boyalso-contact-form__kicker{position:relative;top:auto;right:auto;margin:0 0 var(--space-3) auto;display:table}.boyalso-contact-form__shell{padding:var(--space-5) var(--space-4)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-contact-form.css.map */