.contact-page{--page-top:calc(85 / var(--size-unit) * 1em);margin-top:var(--page-top);--screen-h:calc(100svh - var(--page-top));--screen-max:calc(744 / var(--size-unit) * 1em)}.contact-page__screen{min-height:min(var(--screen-h),var(--screen-max));flex-direction:column;display:flex}@media screen and (min-width:768px){.contact-page{--screen-max:calc(900 / var(--size-unit) * 1em)}}.contact-page .hero{margin-top:calc(16/var(--size-unit)*1em);padding-bottom:calc(32/var(--size-unit)*1em);flex-direction:column;flex:1;display:flex}@media screen and (min-width:768px){.contact-page .hero{padding-bottom:calc(40/var(--size-unit)*1em)}}.contact-page .hero__description{margin-top:calc(16/var(--size-unit)*1em);text-align:center}.contact-page .hero__form{flex-direction:column;flex:1;display:flex}.contact-page .contacts-map{margin-bottom:calc(32/var(--size-unit)*1em)}@media screen and (min-width:768px){.contact-page .contacts-map{margin-bottom:calc(40/var(--size-unit)*1em)}}
.contact-form{gap:calc(8/var(--size-unit)*1em);margin-top:calc(32/var(--size-unit)*1em);flex-direction:column;flex:1;display:flex}@media screen and (min-width:768px){.contact-form{margin-top:calc(40/var(--size-unit)*1em)}}.contact-form__field{position:relative}.contact-form__field--grow{flex-direction:column;flex:1;display:flex}.contact-form__error-fold{overflow:hidden}.contact-form__error{margin-top:calc(6/var(--size-unit)*1em);padding:0 calc(16/var(--size-unit)*1em);color:var(--c-error)}.contact-form__error--form{text-align:center;padding:0}.contact-form--sending .contact-form__field{animation:1.2s ease-in-out infinite contact-form-sending}.contact-form .contact-input{color:#fff;background:var(--glass-bg);-webkit-backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));border-radius:calc(12/var(--size-unit)*1em);font-family:Arial,sans-serif;font-style:normal;font-weight:400;font-size:calc(16/var(--size-unit)*1em);letter-spacing:-.01em;border:1px solid #0000;width:100%;line-height:1.2;transition:border-color .25s}.contact-form .contact-input::placeholder{color:var(--field-placeholder)}.contact-form .contact-input:active,.contact-form .contact-input:focus{border-color:#fff;outline:none}.contact-form .contact-input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;transition:border-color .25s,background-color 0s 10000000s}.contact-form .contact-input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;caret-color:#fff;transition:border-color .25s,background-color 0s 10000000s}.contact-form .contact-input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;transition:border-color .25s,background-color 0s 10000000s}.contact-form .contact-input:-webkit-autofill:active{-webkit-text-fill-color:#fff;caret-color:#fff;transition:border-color .25s,background-color 0s 10000000s}.contact-form .contact-input:autofill{filter:none}.contact-form .contact-input{height:calc(45/var(--size-unit)*1em);padding:0 calc(16/var(--size-unit)*1em);background-color:var(--glass-bg);display:block}.contact-form .contact-select{--topic-icon:none;appearance:none;padding-right:calc(48/var(--size-unit)*1em);background-image:var(--topic-icon),url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10L12 15L17 10H7Z\" fill=\"white\"/></svg>");background-repeat:no-repeat;background-position:left calc(16/var(--size-unit)*1em) center,right calc(16/var(--size-unit)*1em) center;background-size:calc(18/var(--size-unit)*1em) calc(18/var(--size-unit)*1em),calc(24/var(--size-unit)*1em) calc(24/var(--size-unit)*1em)}.contact-form .contact-select--with-icon{padding-left:calc(42/var(--size-unit)*1em)}.contact-form .contact-select option{color:var(--c-bg);background:var(--c-fg)}.contact-form .contact-select--placeholder{color:#ffffff4d}:where(.body--light) .contact-form .contact-select--placeholder{color:#fff}.contact-form .contact-textarea{height:auto;min-height:calc(120/var(--size-unit)*1em);padding:calc(16/var(--size-unit)*1em);resize:none;flex:1}.contact-form .contact-legal{align-items:center;gap:calc(8/var(--size-unit)*1em);cursor:pointer;margin-top:calc(8/var(--size-unit)*1em);display:flex}.contact-form .contact-legal__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.contact-form .contact-legal__box{width:calc(16/var(--size-unit)*1em);height:calc(16/var(--size-unit)*1em);border:1px solid var(--w-40);cursor:pointer;border-radius:50%;flex:none;transition:border-color .25s;position:relative}.contact-form .contact-legal__box svg{opacity:0;width:auto;height:auto;transition:opacity .25s;display:block;position:absolute;inset:-1px}.contact-form .contact-legal__input:checked+.contact-legal__box{border-color:#0000}.contact-form .contact-legal__input:checked+.contact-legal__box svg{opacity:1}.contact-form .contact-legal__input:focus-visible+.contact-legal__box{border-color:var(--c-fg)}.contact-form .contact-legal__text{font-family:Arial,sans-serif;font-style:normal;font-weight:400;font-size:calc(14/var(--size-unit)*1em);color:var(--c-fg);line-height:1}.contact-form .contact-legal__text a{color:inherit;text-underline-offset:calc(3/var(--size-unit)*1em);text-decoration:underline;transition:opacity .4s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.contact-form .contact-legal__text a:hover{opacity:.7}}.contact-form__submit{margin-top:calc(32/var(--size-unit)*1em)}@media (hover:hover){.contact-form__submit.button:not(:disabled):hover{background:rgb(var(--c-fg-rgb) / .8)}}.contact-form__submit .button-text{transition:opacity .3s}.contact-form__submit:disabled .button-text{opacity:.4}@keyframes contact-form-sending{0%,to{opacity:1}50%{opacity:.8}}@media (prefers-reduced-motion:reduce){.contact-form--sending .contact-form__field{opacity:.8;animation:none}}
