@import url("/local/mama/ui2/foundations.css?v=0.64");
@import url("/local/mama/ui2/content-blocks.css?v=1");
.mama-publication-pending {
  visibility: hidden;
}
:where(img[data-mama-image-sized]) {
  height: auto;
  aspect-ratio: var(--mama-image-ratio);
}
/* SRF-002: remove the old repeating layout texture from active ui2 pages. */
body.mama-ui2-shell {
  margin: 0;
  background: var(--mama-color-page);
  color: var(--mama-color-text);
  font: 400 var(--mama-text-body)/var(--mama-leading-body) var(--mama-font-sans);
}
body.mama-ui2-shell .b-layout {
  position: relative;
  background: var(--mama-color-page) !important;
  background-image: none !important;
}
body.mama-ui2-shell .b-layout__content {
  position: relative;
}
/* Страницы и включаемые области Bitrix сохраняют обработчики и используют принятую кнопку UI2. */
body.mama-ui2-shell :is(a, button).b-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: var(--mama-hit-area);
  padding: 10px 20px;
  border: 1px solid transparent;
  border-radius: var(--mama-radius-sm);
  background: var(--mama-color-action);
  color: var(--mama-color-action-text);
  font: 600 16px/1.4 var(--mama-font-sans);
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  text-shadow: none;
  cursor: pointer;
}
body.mama-ui2-shell
  :is(a, button).b-button:not(:disabled, [aria-disabled="true"], .disabled):is(
    :hover,
    :active
  ) {
  background: var(--mama-color-action-hover);
  color: var(--mama-color-action-text);
  text-decoration: none;
}
body.mama-ui2-shell :is(a, button).b-button:focus-visible {
  outline: 3px solid var(--mama-color-focus);
  outline-offset: 3px;
}
body.mama-ui2-shell
  :is(a, button).b-button:is(:disabled, [aria-disabled="true"], .disabled) {
  background: var(--mama-color-disabled-surface);
  color: var(--mama-color-disabled-text);
  cursor: not-allowed;
}
body.mama-ui2-shell :is(a, button).b-button .b-button__content {
  color: inherit;
  font: inherit;
  text-shadow: none;
}
body.mama-ui2-shell :where(.visible-mobile, .visible-tablet) {
  display: none !important;
}
@media (max-width: 980px) {
  body.mama-ui2-shell :where(.visible-tablet) {
    display: block !important;
  }
  body.mama-ui2-shell :where(.hidden-tablet) {
    display: none !important;
  }
}
@media (max-width: 480px) {
  body.mama-ui2-shell :where(.visible-mobile) {
    display: block !important;
  }
  body.mama-ui2-shell :where(.hidden-mobile) {
    display: none !important;
  }
}