/* Start:/local/templates/transmedia/components/bitrix/form.result.new/transmedia_form/style.css?17919585542515*/
.site-form-field { position: relative; }

.site-form-field-error {
  position: absolute;
  z-index: 2;
  top: 25px;
  left: 0;
  max-width: calc(100% - 16px);
  padding: 5px 9px;
  border-radius: 7px;
  color: #fff;
  background: #b94343;
  box-shadow: 0 8px 18px rgba(52, 8, 8, .22);
  font-size: 12px;
  line-height: 1.25;
  pointer-events: none;
}

.site-form-field-error::after {
  position: absolute;
  bottom: -5px;
  left: 14px;
  width: 10px;
  height: 10px;
  content: "";
  background: #b94343;
  transform: rotate(45deg);
}

.site-form-field.is-invalid :is(input:not([type="checkbox"]), textarea, select) {
  border-color: #f3a2a2 !important;
  background: rgba(186, 55, 55, .16) !important;
}

.site-form [data-tm-submit]:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.site-form [data-tm-submit]:not(:disabled):hover { transform: translateY(-1px); }

.tm-form-notice-overlay {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(5, 34, 29, .46);
  backdrop-filter: blur(5px);
  animation: tm-form-overlay-in 180ms ease-out both;
}

.tm-form-notice {
  position: relative;
  width: min(100%, 480px);
  padding: 36px 68px 34px 34px;
  border: 1px solid rgba(168, 235, 210, .44);
  border-radius: 22px;
  color: #fff;
  background: linear-gradient(145deg, #08745e, #064a41);
  box-shadow: 0 24px 70px rgba(0, 27, 22, .42);
  animation: tm-form-notice-in 240ms cubic-bezier(.2, .8, .2, 1) both;
}

.tm-form-notice--error { background: linear-gradient(145deg, #a94444, #702c31); }
.tm-form-notice h2 { margin: 0 0 10px; color: inherit; font-size: clamp(26px, 4vw, 36px); letter-spacing: -.035em; }
.tm-form-notice p { margin: 0; color: rgba(255, 255, 255, .82); font-size: 16px; line-height: 1.5; }

.tm-form-notice__close {
  position: absolute;
  top: 14px;
  right: 16px;
  display: grid;
  width: 42px;
  height: 42px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: rgba(255, 255, 255, .14);
  font-size: 36px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
}

.tm-form-notice__close:hover,
.tm-form-notice__close:focus-visible { background: rgba(255, 255, 255, .27); outline: none; }

@keyframes tm-form-overlay-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes tm-form-notice-in { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: none; } }

@media (max-width: 720px) {
  .site-form-field-error { top: 23px; }
}

/* End */
/* /local/templates/transmedia/components/bitrix/form.result.new/transmedia_form/style.css?17919585542515 */