.section-contact__content{--color-background: transparent}.contact :is(.contact__fields-wrapper,.contact__fields){display:grid;grid-template-columns:1fr;gap:10px}.contact .form__send-button{display:flex;margin-top:20px}@media screen and (max-width:576px){.contact .form__send-button .button{width:100%}}.contact--shadow-hover{padding:30px;background-color:var(--color-background);border-radius:var(--border-radius-size-4);box-shadow:inset 0 0 0 1px var(--color-line),0 0 #0000;transition:box-shadow var(--duration-default) var(--transition-primary);overflow:hidden}@media screen and (min-width:1025px){.section-contact__content{max-width:var(--contact-form-width, 100%);margin-inline:auto}.contact--shadow-hover:hover{box-shadow:inset 0 0 0 0 var(--color-line),var(--popup-box-shadow)}}.contact .form__message--icon svg{width:48px;height:48px;margin:0 auto;opacity:.2}.contact .form__message--success .form-status{display:grid;grid-template-columns:1fr;padding:0}.contact .form-status:focus-visible{outline:none}.contact .form__message--success{display:grid;grid-template-columns:1fr;gap:20px;text-align:center}.contact--section .form__message--success{position:absolute;top:50%;left:50%;width:100%;padding:30px;transform:translate(-50%,-50%);z-index:var(--layer-flat);pointer-events:none;animation:fadeOutSuccess 7s forwards;transition:opacity var(--duration-default) var(--transition-primary)}.contact--section .form__message--success~.contact__fields-wrapper{animation:fadeInFields 7s forwards;transition:opacity var(--duration-default) var(--transition-primary),transform var(--duration-default) var(--transition-primary)}@keyframes fadeOutSuccess{0%,94%{opacity:1;visibility:visible}98%,to{opacity:0;visibility:hidden}}@keyframes fadeInFields{0%,96%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/3363/assets/section-contact-form.css.map */