/* Small compatibility layer for the static Tilda export.
   The original visual rules remain in the generated Tilda stylesheets. */

html,
body,
#allrecords {
  max-width: 100%;
}

body {
  overflow-x: hidden;
}

@supports (overflow: clip) {
  body {
    overflow-x: clip;
  }
}

iframe,
video {
  max-width: 100%;
}

.site-anchor {
  display: block;
  position: relative;
  top: -80px;
  visibility: hidden;
}

.forum-status-button.is-disabled {
  cursor: not-allowed;
  opacity: 0.68;
  pointer-events: none;
}

.t-text,
.t-title,
.t-descr,
.t-input-title,
.t-form__errorbox-middle {
  overflow-wrap: anywhere;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid #ffc000;
  outline-offset: 3px;
}

@media screen and (max-width: 640px) {
  .t-popup__container,
  .t-popup__container-static {
    max-width: calc(100vw - 24px);
  }

  .t-form__inputsbox_inrow {
    display: block;
  }

  .t-form__inputsbox_inrow .t-input-group_inrow,
  .t-form__inputsbox_inrow .t-input-group_widthdef {
    width: 100%;
    margin-right: 0;
    flex-basis: 100%;
  }
}

@media screen and (max-width: 479px) {
  #rec2034235983 .tn-elem[data-elem-id="1524761116319"] {
    width: calc(100% - 20px) !important;
  }

  #rec2034235983 .tn-elem[data-elem-id="1524761116319"] .tn-atom {
    font-size: 64px !important;
    line-height: 0.95 !important;
  }
}