:root {
  --content-font: 16px;
  --container-padding: 50px;
}
@media screen and (max-width: 1024px) {
  :root {
    --content-font: 15px;
    --container-padding: 1.5rem;
  }
}
@media screen and (max-width: 428px) {
  :root {
    --container-padding: 1rem;
  }
}
:root {
  --color-primary: #d90d15;
  --color-primary-hover: #97090f;
  --color-primary-dark: #79070c;
  --color-primary-dark-hover: #470407;
  --color-primary-bright: #d90d15;
  --color-primary-bright-hover: #97090f;
  --color-primary-pale: #eeeeee;
  --color-primary-pale-hover: #e5e5e5;
  --color-secondary: #4e4d4d;
  --color-secondary-hover: #302f2f;
  --color-secondary-pale: #ebeaea;
  --color-secondary-pale-hover: #e0e0e0;
  --color-grey: #888888;
  --color-grey-hover: #656565;
  --color-grey-pale: #ebebeb;
  --color-grey-pale-hover: #e0e0e0;
  --color-bg: white;
  --color-bg-hover: #ffffff;
  --color-pale: #eeeeee;
  --color-pale-hover: #e5e5e5;
  --color-text: #1a0001;
  --color-text-hover: #0c0000;
  --color-text-comment: #888888;
  --color-text-comment-hover: #656565;
  --color-link: #d90d15;
  --color-link-hover: #97090f;
  --color-border: #4e4d4d;
  --color-border-hover: #302f2f;
  --color-input-border: #d90d15;
  --color-input-border-hover: #97090f;
  --color-input-bg: white;
  --color-input-bg-hover: #ffffff;
  --color-line: #888888;
  --color-line-hover: #656565;
  --color-th: #eeeeee;
  --color-th-hover: #e5e5e5;
  --color-button-text: white;
  --color-button-text-hover: #ffffff;
  --color-success: #00a000;
  --color-success-hover: #006300;
  --color-success-pale: #d6ffd6;
  --color-success-pale-hover: #cdf4cd;
  --color-alert: #ff9100;
  --color-alert-hover: #b86900;
  --color-alert-pale: #ffedd6;
  --color-alert-pale-hover: #f4e3cd;
  --color-error: #E81010;
  --color-error-hover: #a60b0b;
  --color-error-pale: #fcd9d9;
  --color-error-pale-hover: #f1cfcf;
}
/**
 * ue -- значение/коэффициент для расчета отступов
 * 1rem на десктопе, далее уменьшается (по мере уменьшения ширины экрана)
*/
:root {
  --ue: 1rem;
  --ue-strong: var(--ue);
  --ue-weak: var(--ue);
}
@media screen and (max-width: 1280px) {
  :root {
    --ue-strong: calc(var(--ue) * 0.8);
  }
}
@media screen and (max-width: calc(1024px - 1px)) {
  :root {
    --ue-strong: calc(var(--ue) * 0.6);
    --ue-weak: calc(var(--ue) * 0.8);
  }
}
.transition-fast {
  transition-duration: 0.3s;
}
.container {
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}
.radius-inner {
  border-radius: calc(0.3em - (0.5 * 0.3em));
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  text-transform: none;
  margin: 1em 0 1em 0;
}
h1:before,
.h1:before,
h2:before,
.h2:before,
h3:before,
.h3:before {
  content: "";
  display: block;
  margin-top: -0.25em;
}
h1:after,
.h1:after,
h2:after,
.h2:after,
h3:after,
.h3:after {
  content: "";
  display: block;
  margin-bottom: -0.25em;
}
h1,
.h1 {
  margin: 0;
  margin-bottom: max(1rem, calc(var(--ue-strong) * 3));
  font-size: calc(2.4rem * 0.8);
}
@media screen and (max-width: 1280px) {
  h1,
  .h1 {
    font-size: calc(2.2rem * 0.8);
  }
}
@media screen and (max-width: calc(600px - 1px)) {
  h1,
  .h1 {
    font-size: calc(2rem * 0.8);
  }
}
h2,
.h2 {
  font-weight: 700;
  font-size: calc(1.8rem * 0.8);
}
h3,
.h3 {
  font-weight: 700;
  font-size: calc(1.5rem * 0.8);
}
.mixin-button-height {
  height: 2.3em;
  line-height: normal;
}
.mixin-button-height-tall {
  height: 3em;
  line-height: normal;
  padding: 0 1.5em;
}
.mixin-button {
  height: 2.3em;
  line-height: normal;
  white-space: nowrap;
  background-color: var(--color-primary);
  border: 0;
  border-radius: 0.3em;
  color: var(--color-button-text);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  transition-property: color, background-color, border-color;
  transition-duration: 0.3s;
  padding: 0 1em;
  cursor: pointer;
  position: relative;
  gap: 0.4em;
}
.mixin-button:hover,
.mixin-button:focus {
  background-color: var(--color-primary-hover);
}
.mixin-button svg {
  color: var(--color-button-text);
  margin: 0;
  width: 1.5em;
  height: 1.5em;
  flex-shrink: 0;
}
.mixin-button span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.mixin-button .button__dots {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mixin-button .button__dots span {
  display: block;
  width: 0.75em;
  height: 0.75em;
  background-color: var(--color-button-text);
  border-radius: 50%;
  margin: 0 0.1em;
  opacity: 0;
}
.mixin-button .button__dots span:nth-child(2) {
  animation-delay: 0.25s;
}
.mixin-button .button__dots span:nth-child(3) {
  animation-delay: 0.5s;
}
.mixin-button.--active {
  pointer-events: none;
}
.mixin-button.--active .button__icon,
.mixin-button.--active .button__text {
  visibility: hidden;
}
.mixin-button.--active .button__dots {
  display: flex;
}
.button {
  height: 2.3em;
  line-height: normal;
  white-space: nowrap;
  background-color: var(--color-primary);
  border: 0;
  border-radius: 0.3em;
  color: var(--color-button-text);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  transition-property: color, background-color, border-color;
  transition-duration: 0.3s;
  padding: 0 1em;
  cursor: pointer;
  position: relative;
  gap: 0.4em;
}
.button:hover,
.button:focus {
  background-color: var(--color-primary-hover);
}
.button svg {
  color: var(--color-button-text);
  margin: 0;
  width: 1.5em;
  height: 1.5em;
  flex-shrink: 0;
}
.button span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.button .button__dots {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.button .button__dots span {
  display: block;
  width: 0.75em;
  height: 0.75em;
  background-color: var(--color-button-text);
  border-radius: 50%;
  margin: 0 0.1em;
  opacity: 0;
}
.button .button__dots span:nth-child(2) {
  animation-delay: 0.25s;
}
.button .button__dots span:nth-child(3) {
  animation-delay: 0.5s;
}
.button.--active {
  pointer-events: none;
}
.button.--active .button__icon,
.button.--active .button__text {
  visibility: hidden;
}
.button.--active .button__dots {
  display: flex;
}
.button.--tall {
  height: 3em;
  line-height: normal;
  padding: 0 1.5em;
}
.button.--secondary {
  background-color: var(--color-secondary);
}
.button.--secondary:hover,
.button.--secondary:focus {
  background-color: var(--color-secondary-hover);
}
.button.--light {
  color: var(--color-text);
  background-color: var(--color-pale);
}
.button.--light:hover,
.button.--light:focus {
  background-color: var(--color-pale-hover);
}
.button.--light svg {
  color: var(--color-text-hover);
}
.button-border {
  height: 2.3em;
  line-height: normal;
  white-space: nowrap;
  background-color: var(--color-primary);
  border: 0;
  border-radius: 0.3em;
  color: var(--color-button-text);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  transition-property: color, background-color, border-color;
  transition-duration: 0.3s;
  padding: 0 1em;
  cursor: pointer;
  position: relative;
  gap: 0.4em;
  background-color: transparent;
  border: 1px solid var(--color-border);
  color: var(--color-primary);
}
.button-border:hover,
.button-border:focus {
  background-color: var(--color-primary-hover);
}
.button-border svg {
  color: var(--color-button-text);
  margin: 0;
  width: 1.5em;
  height: 1.5em;
  flex-shrink: 0;
}
.button-border span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.button-border .button__dots {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.button-border .button__dots span {
  display: block;
  width: 0.75em;
  height: 0.75em;
  background-color: var(--color-button-text);
  border-radius: 50%;
  margin: 0 0.1em;
  opacity: 0;
}
.button-border .button__dots span:nth-child(2) {
  animation-delay: 0.25s;
}
.button-border .button__dots span:nth-child(3) {
  animation-delay: 0.5s;
}
.button-border.--active {
  pointer-events: none;
}
.button-border.--active .button__icon,
.button-border.--active .button__text {
  visibility: hidden;
}
.button-border.--active .button__dots {
  display: flex;
}
.button-border:hover {
  background-color: var(--color-pale);
}
.button-border svg {
  color: var(--color-primary);
}
.button-border.--tall {
  height: 3em;
  line-height: normal;
  padding: 0 1.5em;
}
.button-border.--secondary {
  color: var(--color-secondary);
  border-color: var(--color-secondary);
}
.button-border.--secondary svg {
  color: var(--color-secondary);
}
.button-border.--secondary:hover,
.button-border.--secondary:focus {
  border-color: var(--color-secondary-hover);
}
.button-border.--light {
  color: var(--color-button-text);
  background-color: transparent;
  border-color: var(--color-button-text);
}
.button-border.--light:hover,
.button-border.--light:focus {
  background-color: rgba(255, 255, 255, 0.2);
}
.button-border.--light svg {
  color: var(--color-button-text);
}
.button-submit {
  height: 2.3em;
  line-height: normal;
  white-space: nowrap;
  background-color: var(--color-primary);
  border: 0;
  border-radius: 0.3em;
  color: var(--color-button-text);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  transition-property: color, background-color, border-color;
  transition-duration: 0.3s;
  padding: 0 1em;
  cursor: pointer;
  position: relative;
  gap: 0.4em;
}
.button-submit:hover,
.button-submit:focus {
  background-color: var(--color-primary-hover);
}
.button-submit svg {
  color: var(--color-button-text);
  margin: 0;
  width: 1.5em;
  height: 1.5em;
  flex-shrink: 0;
}
.button-submit span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.button-submit .button__dots {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.button-submit .button__dots span {
  display: block;
  width: 0.75em;
  height: 0.75em;
  background-color: var(--color-button-text);
  border-radius: 50%;
  margin: 0 0.1em;
  opacity: 0;
}
.button-submit .button__dots span:nth-child(2) {
  animation-delay: 0.25s;
}
.button-submit .button__dots span:nth-child(3) {
  animation-delay: 0.5s;
}
.button-submit.--active {
  pointer-events: none;
}
.button-submit.--active .button__icon,
.button-submit.--active .button__text {
  visibility: hidden;
}
.button-submit.--active .button__dots {
  display: flex;
}
.button-submit.--tall {
  height: 3em;
  line-height: normal;
  padding: 0 1.5em;
}
.button-submit.--secondary {
  background-color: var(--color-secondary);
}
.button-submit.--secondary:hover,
.button-submit.--secondary:focus {
  background-color: var(--color-secondary-hover);
}
.button-submit.--light {
  color: var(--color-text);
  background-color: var(--color-pale);
}
.button-submit.--light:hover,
.button-submit.--light:focus {
  background-color: var(--color-pale-hover);
}
.button-submit.--light svg {
  color: var(--color-text-hover);
}
.button-submit .animation-pulse {
  background-color: var(--color-button-text);
}
.button-submit .preloader {
  display: none;
}
.button-submit.--light .animation-pulse {
  background-color: var(--color-primary);
}
.button-submit.--active .text {
  display: none;
}
.button-submit.--active .preloader {
  display: flex;
}
.mixin-link {
  transition: 0.3s;
}
.mixin-link:hover {
  transition: 0.3s;
}
.link {
  transition: 0.3s;
  color: var(--color-link);
  -webkit-text-decoration: underline solid var(--color-link) max(0.08em, 1px);
          text-decoration: underline solid var(--color-link) max(0.08em, 1px);
  text-decoration-skip-ink: none;
  text-underline-offset: max(.3em, 1px);
}
.link:hover {
  transition: 0.3s;
}
.link:hover {
  color: var(--color-link-hover);
  -webkit-text-decoration-color: var(--color-link-hover);
          text-decoration-color: var(--color-link-hover);
}
.link-colored {
  transition: 0.3s;
  color: var(--color-link);
  -webkit-text-decoration: underline solid var(--color-link) max(0.08em, 1px);
          text-decoration: underline solid var(--color-link) max(0.08em, 1px);
  text-decoration-skip-ink: none;
  text-underline-offset: max(.3em, 1px);
  text-decoration: none;
}
.link-colored:hover {
  transition: 0.3s;
}
.link-colored:hover {
  color: var(--color-link-hover);
  -webkit-text-decoration-color: var(--color-link-hover);
          text-decoration-color: var(--color-link-hover);
}
.link-colored:hover {
  text-decoration: none;
}
.link-dashed {
  transition: 0.3s;
  color: var(--color-link);
  -webkit-text-decoration: underline solid var(--color-link) max(0.08em, 1px);
          text-decoration: underline solid var(--color-link) max(0.08em, 1px);
  text-decoration-skip-ink: none;
  text-underline-offset: max(.3em, 1px);
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed;
}
.link-dashed:hover {
  transition: 0.3s;
}
.link-dashed:hover {
  color: var(--color-link-hover);
  -webkit-text-decoration-color: var(--color-link-hover);
          text-decoration-color: var(--color-link-hover);
}
.link-dashed:hover {
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
}
.link-shy {
  transition: 0.3s;
  color: var(--color-link);
  -webkit-text-decoration: underline solid var(--color-link) max(0.08em, 1px);
          text-decoration: underline solid var(--color-link) max(0.08em, 1px);
  text-decoration-skip-ink: none;
  text-underline-offset: max(.3em, 1px);
  color: inherit;
  text-decoration: none;
}
.link-shy:hover {
  transition: 0.3s;
}
.link-shy:hover {
  color: var(--color-link-hover);
  -webkit-text-decoration-color: var(--color-link-hover);
          text-decoration-color: var(--color-link-hover);
}
.link-shy:hover {
  -webkit-text-decoration: underline solid var(--color-link);
          text-decoration: underline solid var(--color-link);
  color: var(--color-link);
}
.link-shy-colored {
  transition: 0.3s;
  color: var(--color-link);
  -webkit-text-decoration: underline solid var(--color-link) max(0.08em, 1px);
          text-decoration: underline solid var(--color-link) max(0.08em, 1px);
  text-decoration-skip-ink: none;
  text-underline-offset: max(.3em, 1px);
  color: inherit;
  text-decoration: none;
}
.link-shy-colored:hover {
  transition: 0.3s;
}
.link-shy-colored:hover {
  color: var(--color-link-hover);
  -webkit-text-decoration-color: var(--color-link-hover);
          text-decoration-color: var(--color-link-hover);
}
.link-shy-colored:hover {
  color: var(--color-link);
}
.link-blind {
  transition: 0.3s;
  color: inherit;
  text-decoration: none;
}
.link-blind:hover {
  transition: 0.3s;
}
.link-title {
  transition: 0.3s;
  color: var(--color-link);
  -webkit-text-decoration: underline solid var(--color-link) max(0.08em, 1px);
          text-decoration: underline solid var(--color-link) max(0.08em, 1px);
  text-decoration-skip-ink: none;
  text-underline-offset: max(.3em, 1px);
  text-decoration: none;
  font-weight: 600;
  font-size: calc(var(--content-font) * 1.2);
  line-height: 1.2;
  color: inherit;
}
.link-title:hover {
  transition: 0.3s;
}
.link-title:hover {
  color: var(--color-link-hover);
  -webkit-text-decoration-color: var(--color-link-hover);
          text-decoration-color: var(--color-link-hover);
}
.link-title:hover {
  text-decoration: none;
}
.link-title:hover {
  color: var(--color-link);
}
.link-title:not([href]):hover {
  color: inherit;
  text-decoration: none;
}
.link-title-dashed {
  transition: 0.3s;
  color: var(--color-link);
  -webkit-text-decoration: underline solid var(--color-link) max(0.08em, 1px);
          text-decoration: underline solid var(--color-link) max(0.08em, 1px);
  text-decoration-skip-ink: none;
  text-underline-offset: max(.3em, 1px);
  text-decoration: none;
  font-weight: 600;
  font-size: calc(var(--content-font) * 1.2);
  line-height: 1.2;
  color: inherit;
  border-bottom-style: dashed;
}
.link-title-dashed:hover {
  transition: 0.3s;
}
.link-title-dashed:hover {
  color: var(--color-link-hover);
  -webkit-text-decoration-color: var(--color-link-hover);
          text-decoration-color: var(--color-link-hover);
}
.link-title-dashed:hover {
  text-decoration: none;
}
.link-title-dashed:hover {
  color: var(--color-link);
}
.link-title-dashed:not([href]):hover {
  color: inherit;
  text-decoration: none;
}
.link-with-icon {
  color: inherit;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  text-align: center;
  text-decoration: none;
  transition: 0.3s;
  color: var(--color-link);
  vertical-align: middle;
}
.link-with-icon:hover {
  transition: 0.3s;
}
.link-with-icon:hover {
  color: var(--color-link-hover);
  transition: 0.3s;
}
.link-with-icon:hover svg {
  transition: 0.3s;
  color: var(--color-link-hover);
}
.link-with-icon span {
  transition: 0.3s;
  color: inherit;
  text-decoration: none;
  margin-left: 0.4em;
}
.link-with-icon span:hover {
  transition: 0.3s;
}
.link-with-icon svg {
  width: 1.5em;
  height: 1.5em;
  position: relative;
  top: 0;
  margin: 0 0;
  color: var(--color-link);
}
.link-with-icon.--red {
  color: var(--color-error);
}
.link-with-icon.--red svg {
  color: var(--color-error);
}
.link-with-icon.--red:hover {
  color: var(--color-error-hover);
}
.link-with-icon.--red:hover svg {
  color: var(--color-error-hover);
}
.text-small {
  font-size: calc(var(--content-font) * 0.8);
}
.text-large {
  font-size: calc(var(--content-font) * 1.2);
}
.text-bold {
  font-weight: 700;
}
.text-semibold {
  font-weight: 600;
}
.text-normal {
  font-weight: 500;
}
.text-primary {
  color: var(--color-primary);
}
.text-secondary {
  color: var(--color-secondary);
}
.text-comment {
  color: var(--color-text-comment);
}
.ratio-24-1 {
  position: relative;
  aspect-ratio: 2.4/1;
}
.ratio-18-9 {
  position: relative;
  aspect-ratio: 18/9;
}
.ratio-16-9 {
  position: relative;
  aspect-ratio: 16/9;
}
.ratio-4-3 {
  position: relative;
  aspect-ratio: 4/3;
}
.ratio-3-2 {
  position: relative;
  aspect-ratio: 3/2;
}
.ratio-1-1 {
  position: relative;
  aspect-ratio: 1/1;
}
.ratio-a4 {
  position: relative;
  aspect-ratio: 210/297;
}
.ratio-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.counter {
  display: inline-block;
  border-radius: 1em;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0 0.5em;
  min-width: 1.5em;
  background-color: var(--color-primary);
  color: var(--color-button-text);
  font-size: calc(var(--content-font) * 0.8);
  flex: 0 0 auto;
}
.shield {
  display: inline-block;
  border-radius: 0.3em;
  height: 1.8em;
  line-height: 1.8em;
  padding: 0 0.5em;
  background-color: var(--color-primary-bright);
  color: var(--color-button-text);
  flex: 0 0 auto;
}
.clearfix:after {
  clear: both;
  content: "";
  display: table;
}
.nowrap {
  white-space: nowrap;
}
.--hidden {
  display: none !important;
}
.--disabled {
  pointer-events: none;
  opacity: 0.5;
}
.--disabled * {
  filter: grayscale(1);
}
*,
*::before,
*::after {
  box-sizing: border-box;
  outline: none;
}
* {
  min-height: 0;
  min-width: 0;
}
input,
textarea,
button,
select {
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  margin: 0;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ol {
  padding: 0;
  margin: 0;
}
input,
textarea,
button,
select {
  transition: border-color 0.3s;
}
input:focus,
textarea:focus,
button:focus,
select:focus {
  outline: none;
}
img {
  vertical-align: top;
  max-width: 100%;
}
*::selection {
  background-color: var(--color-primary);
  color: #fff;
}
body {
  height: 100%;
}
html {
  overflow-y: scroll;
  background-color: var(--color-bg);
  color: var(--color-text);
  font-family: 'Play', Arial, Helvetica, sans-serif;
  font-size: var(--content-font);
  font-weight: 500;
}
input::placeholder,
textarea::placeholder {
  color: var(--color-text);
  opacity: 0.5;
  font-size: inherit;
}
button {
  padding: 0;
}
small {
  font-size: smaller;
}
.is-picture {
  image-rendering: -webkit-optimize-contrast;
}
.ymaps-2-1-79-balloon__content {
  font-family: 'Play', Arial, Helvetica, sans-serif !important;
}
.custom-select-open .custom-select {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.custom-select-open .custom-select-items {
  border-bottom-left-radius: 0.3em;
  border-bottom-right-radius: 0.3em;
}
.custom-select-open .custom-select-scroll li:last-child {
  border-bottom-left-radius: calc(0.3em - (0.3 * 0.3em));
  border-bottom-right-radius: calc(0.3em - (0.3 * 0.3em));
}
.growl .growl-message {
  font-size: calc(var(--content-font) * 0.8);
}
.slick-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.slick-disabled * {
  filter: grayscale(1);
}
.grid-basic {
  display: grid;
  row-gap: max(1rem, calc(var(--ue-weak) * 2));
  column-gap: var(--ue-weak);
}
@media screen and (max-width: 428px) {
  .grid-basic {
    row-gap: max(1rem, calc(var(--ue) * 2));
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-basic.--grid-equal {
  gap: var(--ue-weak);
}
@media screen and (max-width: 428px) {
  .grid-basic.--one-column {
    grid-template-columns: 1fr;
    gap: var(--container-padding);
  }
}
.content .m-grid {
  display: grid;
  row-gap: max(1rem, calc(var(--ue-weak) * 2));
  column-gap: var(--ue-weak);
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
@media screen and (max-width: 428px) {
  .content .m-grid {
    row-gap: max(1rem, calc(var(--ue) * 2));
    grid-template-columns: repeat(2, 1fr);
  }
}
.content .m-grid.--grid-equal {
  gap: var(--ue-weak);
}
@media screen and (max-width: 428px) {
  .content .m-grid.--one-column {
    grid-template-columns: 1fr;
    gap: var(--container-padding);
  }
}
.content .m-grid > div {
  box-sizing: border-box;
}
.content .m-grid-1 {
  display: grid;
  row-gap: max(1rem, calc(var(--ue-weak) * 2));
  column-gap: var(--ue-weak);
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (max-width: 428px) {
  .content .m-grid-1 {
    row-gap: max(1rem, calc(var(--ue) * 2));
    grid-template-columns: repeat(2, 1fr);
  }
}
.content .m-grid-1.--grid-equal {
  gap: var(--ue-weak);
}
@media screen and (max-width: 428px) {
  .content .m-grid-1.--one-column {
    grid-template-columns: 1fr;
    gap: var(--container-padding);
  }
}
@container content (max-width: 1179px) {
  .content .m-grid-1 .content .m-grid-1 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.content .m-grid-2 {
  display: grid;
  row-gap: max(1rem, calc(var(--ue-weak) * 2));
  column-gap: var(--ue-weak);
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 428px) {
  .content .m-grid-2 {
    row-gap: max(1rem, calc(var(--ue) * 2));
    grid-template-columns: repeat(2, 1fr);
  }
}
.content .m-grid-2.--grid-equal {
  gap: var(--ue-weak);
}
@media screen and (max-width: 428px) {
  .content .m-grid-2.--one-column {
    grid-template-columns: 1fr;
    gap: var(--container-padding);
  }
}
@container content (max-width: 1179px) {
  .content .m-grid-2 .content .m-grid-2 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.content .m-grid-3 {
  display: grid;
  row-gap: max(1rem, calc(var(--ue-weak) * 2));
  column-gap: var(--ue-weak);
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 428px) {
  .content .m-grid-3 {
    row-gap: max(1rem, calc(var(--ue) * 2));
    grid-template-columns: repeat(2, 1fr);
  }
}
.content .m-grid-3.--grid-equal {
  gap: var(--ue-weak);
}
@media screen and (max-width: 428px) {
  .content .m-grid-3.--one-column {
    grid-template-columns: 1fr;
    gap: var(--container-padding);
  }
}
@container content (max-width: 1179px) {
  .content .m-grid-3 .content .m-grid-3 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.content .m-grid-4 {
  display: grid;
  row-gap: max(1rem, calc(var(--ue-weak) * 2));
  column-gap: var(--ue-weak);
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 428px) {
  .content .m-grid-4 {
    row-gap: max(1rem, calc(var(--ue) * 2));
    grid-template-columns: repeat(2, 1fr);
  }
}
.content .m-grid-4.--grid-equal {
  gap: var(--ue-weak);
}
@media screen and (max-width: 428px) {
  .content .m-grid-4.--one-column {
    grid-template-columns: 1fr;
    gap: var(--container-padding);
  }
}
@container content (max-width: 1179px) {
  .content .m-grid-4 .content .m-grid-4 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.content .m-grid-5 {
  display: grid;
  row-gap: max(1rem, calc(var(--ue-weak) * 2));
  column-gap: var(--ue-weak);
  grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 428px) {
  .content .m-grid-5 {
    row-gap: max(1rem, calc(var(--ue) * 2));
    grid-template-columns: repeat(2, 1fr);
  }
}
.content .m-grid-5.--grid-equal {
  gap: var(--ue-weak);
}
@media screen and (max-width: 428px) {
  .content .m-grid-5.--one-column {
    grid-template-columns: 1fr;
    gap: var(--container-padding);
  }
}
@container content (max-width: 1179px) {
  .content .m-grid-5 .content .m-grid-5 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.content .m-grid-6 {
  display: grid;
  row-gap: max(1rem, calc(var(--ue-weak) * 2));
  column-gap: var(--ue-weak);
  grid-template-columns: repeat(6, 1fr);
}
@media screen and (max-width: 428px) {
  .content .m-grid-6 {
    row-gap: max(1rem, calc(var(--ue) * 2));
    grid-template-columns: repeat(2, 1fr);
  }
}
.content .m-grid-6.--grid-equal {
  gap: var(--ue-weak);
}
@media screen and (max-width: 428px) {
  .content .m-grid-6.--one-column {
    grid-template-columns: 1fr;
    gap: var(--container-padding);
  }
}
@container content (max-width: 1179px) {
  .content .m-grid-6 .content .m-grid-6 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.content .m-grid-7 {
  display: grid;
  row-gap: max(1rem, calc(var(--ue-weak) * 2));
  column-gap: var(--ue-weak);
  grid-template-columns: repeat(7, 1fr);
}
@media screen and (max-width: 428px) {
  .content .m-grid-7 {
    row-gap: max(1rem, calc(var(--ue) * 2));
    grid-template-columns: repeat(2, 1fr);
  }
}
.content .m-grid-7.--grid-equal {
  gap: var(--ue-weak);
}
@media screen and (max-width: 428px) {
  .content .m-grid-7.--one-column {
    grid-template-columns: 1fr;
    gap: var(--container-padding);
  }
}
@container content (max-width: 1179px) {
  .content .m-grid-7 .content .m-grid-7 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.content .m-grid-8 {
  display: grid;
  row-gap: max(1rem, calc(var(--ue-weak) * 2));
  column-gap: var(--ue-weak);
  grid-template-columns: repeat(8, 1fr);
}
@media screen and (max-width: 428px) {
  .content .m-grid-8 {
    row-gap: max(1rem, calc(var(--ue) * 2));
    grid-template-columns: repeat(2, 1fr);
  }
}
.content .m-grid-8.--grid-equal {
  gap: var(--ue-weak);
}
@media screen and (max-width: 428px) {
  .content .m-grid-8.--one-column {
    grid-template-columns: 1fr;
    gap: var(--container-padding);
  }
}
@container content (max-width: 1179px) {
  .content .m-grid-8 .content .m-grid-8 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.content .m-grid-9 {
  display: grid;
  row-gap: max(1rem, calc(var(--ue-weak) * 2));
  column-gap: var(--ue-weak);
  grid-template-columns: repeat(9, 1fr);
}
@media screen and (max-width: 428px) {
  .content .m-grid-9 {
    row-gap: max(1rem, calc(var(--ue) * 2));
    grid-template-columns: repeat(2, 1fr);
  }
}
.content .m-grid-9.--grid-equal {
  gap: var(--ue-weak);
}
@media screen and (max-width: 428px) {
  .content .m-grid-9.--one-column {
    grid-template-columns: 1fr;
    gap: var(--container-padding);
  }
}
@container content (max-width: 1179px) {
  .content .m-grid-9 .content .m-grid-9 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.content .m-grid-10 {
  display: grid;
  row-gap: max(1rem, calc(var(--ue-weak) * 2));
  column-gap: var(--ue-weak);
  grid-template-columns: repeat(10, 1fr);
}
@media screen and (max-width: 428px) {
  .content .m-grid-10 {
    row-gap: max(1rem, calc(var(--ue) * 2));
    grid-template-columns: repeat(2, 1fr);
  }
}
.content .m-grid-10.--grid-equal {
  gap: var(--ue-weak);
}
@media screen and (max-width: 428px) {
  .content .m-grid-10.--one-column {
    grid-template-columns: 1fr;
    gap: var(--container-padding);
  }
}
@container content (max-width: 1179px) {
  .content .m-grid-10 .content .m-grid-10 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.content .m-grid-11 {
  display: grid;
  row-gap: max(1rem, calc(var(--ue-weak) * 2));
  column-gap: var(--ue-weak);
  grid-template-columns: repeat(11, 1fr);
}
@media screen and (max-width: 428px) {
  .content .m-grid-11 {
    row-gap: max(1rem, calc(var(--ue) * 2));
    grid-template-columns: repeat(2, 1fr);
  }
}
.content .m-grid-11.--grid-equal {
  gap: var(--ue-weak);
}
@media screen and (max-width: 428px) {
  .content .m-grid-11.--one-column {
    grid-template-columns: 1fr;
    gap: var(--container-padding);
  }
}
@container content (max-width: 1179px) {
  .content .m-grid-11 .content .m-grid-11 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.content .m-grid-12 {
  display: grid;
  row-gap: max(1rem, calc(var(--ue-weak) * 2));
  column-gap: var(--ue-weak);
  grid-template-columns: repeat(12, 1fr);
}
@media screen and (max-width: 428px) {
  .content .m-grid-12 {
    row-gap: max(1rem, calc(var(--ue) * 2));
    grid-template-columns: repeat(2, 1fr);
  }
}
.content .m-grid-12.--grid-equal {
  gap: var(--ue-weak);
}
@media screen and (max-width: 428px) {
  .content .m-grid-12.--one-column {
    grid-template-columns: 1fr;
    gap: var(--container-padding);
  }
}
@container content (max-width: 1179px) {
  .content .m-grid-12 .content .m-grid-12 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.strip-vertical-margins > *:first-child {
  margin-top: 0;
}
.strip-vertical-margins > *:first-child > *:first-child {
  margin-top: 0;
}
.strip-vertical-margins > *:first-child > *:first-child > *:first-child {
  margin-top: 0;
}
.strip-vertical-margins > *:last-child {
  margin-bottom: 0;
}
.strip-vertical-margins > *:last-child > *:last-child {
  margin-bottom: 0;
}
.strip-vertical-margins > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}
.content {
  container: content / inline-size;
  font-size: var(--content-font);
  line-height: 1.4;
}
.content h1 {
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  text-transform: none;
  margin: 1em 0 1em 0;
  margin: 0;
  margin-bottom: max(1rem, calc(var(--ue-strong) * 3));
  font-size: calc(2.4rem * 0.8);
}
.content h1:before {
  content: "";
  display: block;
  margin-top: -0.25em;
}
.content h1:after {
  content: "";
  display: block;
  margin-bottom: -0.25em;
}
@media screen and (max-width: 1280px) {
  .content h1 {
    font-size: calc(2.2rem * 0.8);
  }
}
@media screen and (max-width: calc(600px - 1px)) {
  .content h1 {
    font-size: calc(2rem * 0.8);
  }
}
.content .table__wrap {
  width: 100%;
  overflow: auto;
  margin: calc(1rem + (1rem / 3) * 2) 0;
}
.wysiwyg h1 {
  margin-bottom: max(1rem, calc(var(--ue-strong) * 1.3));
}
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
  font-weight: 500;
}
.wysiwyg h2 {
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  text-transform: none;
  margin: 1em 0 1em 0;
  font-weight: 700;
  font-size: calc(1.8rem * 0.8);
}
.wysiwyg h2:before {
  content: "";
  display: block;
  margin-top: -0.25em;
}
.wysiwyg h2:after {
  content: "";
  display: block;
  margin-bottom: -0.25em;
}
.wysiwyg h3 {
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  text-transform: none;
  margin: 1em 0 1em 0;
  font-weight: 700;
  font-size: calc(1.5rem * 0.8);
}
.wysiwyg h3:before {
  content: "";
  display: block;
  margin-top: -0.25em;
}
.wysiwyg h3:after {
  content: "";
  display: block;
  margin-bottom: -0.25em;
}
.wysiwyg p,
.wysiwyg .pi {
  margin: 1rem 0;
}
.wysiwyg .pi-block-half {
  margin: calc(1rem + (1rem / 3)) 0;
}
.wysiwyg .pi-block-full {
  margin: calc(1rem + (1rem / 3) * 2) 0;
}
.wysiwyg ul {
  padding-left: 0px;
  list-style-type: none;
  margin: 1rem 0;
}
.wysiwyg ul li {
  position: relative;
  padding-left: 1.8rem;
}
.wysiwyg ul li:before {
  content: "—";
  font-size: calc(var(--content-font) * 1.2);
  font-weight: 500;
  position: absolute;
  display: block;
  top: 0.1rem;
  left: 0;
  color: var(--color-primary);
  line-height: 1;
}
.wysiwyg ul li ul li:before {
  color: var(--color-text);
}
.wysiwyg ol {
  list-style: none;
  margin: 1rem 0;
  counter-reset: listCounter;
}
.wysiwyg ol li {
  position: relative;
  padding-left: 1.8rem;
}
.wysiwyg ol li:before {
  counter-increment: listCounter;
  content: counter(listCounter);
  position: absolute;
  left: 0;
  top: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 10px;
  line-height: 1;
  color: var(--color-bg);
  background-color: var(--color-primary);
  border-radius: 50%;
}
body.firefox .wysiwyg ol li:before {
  top: 3px;
}
.wysiwyg .ck-list-margin li {
  margin: 1rem 0;
}
.wysiwyg .ck-list-normal li {
  margin: 0;
}
.wysiwyg ol.ck-list-margin li:before {
  top: 1px;
  width: 1.4rem;
  height: 1.4rem;
  font-size: calc(var(--content-font) * 0.8);
}
.wysiwyg table {
  border-collapse: collapse;
}
.wysiwyg a {
  transition: 0.3s;
  color: var(--color-link);
  -webkit-text-decoration: underline solid var(--color-link) max(0.08em, 1px);
          text-decoration: underline solid var(--color-link) max(0.08em, 1px);
  text-decoration-skip-ink: none;
  text-underline-offset: max(.3em, 1px);
}
.wysiwyg a:hover {
  transition: 0.3s;
}
.wysiwyg a:hover {
  color: var(--color-link-hover);
  -webkit-text-decoration-color: var(--color-link-hover);
          text-decoration-color: var(--color-link-hover);
}
.wysiwyg a.link-dashed {
  transition: 0.3s;
  color: var(--color-link);
  -webkit-text-decoration: underline solid var(--color-link) max(0.08em, 1px);
          text-decoration: underline solid var(--color-link) max(0.08em, 1px);
  text-decoration-skip-ink: none;
  text-underline-offset: max(.3em, 1px);
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed;
}
.wysiwyg a.link-dashed:hover {
  transition: 0.3s;
}
.wysiwyg a.link-dashed:hover {
  color: var(--color-link-hover);
  -webkit-text-decoration-color: var(--color-link-hover);
          text-decoration-color: var(--color-link-hover);
}
.wysiwyg a.link-dashed:hover {
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
}
.wysiwyg a.link-shy {
  transition: 0.3s;
  color: var(--color-link);
  -webkit-text-decoration: underline solid var(--color-link) max(0.08em, 1px);
          text-decoration: underline solid var(--color-link) max(0.08em, 1px);
  text-decoration-skip-ink: none;
  text-underline-offset: max(.3em, 1px);
  color: inherit;
  text-decoration: none;
}
.wysiwyg a.link-shy:hover {
  transition: 0.3s;
}
.wysiwyg a.link-shy:hover {
  color: var(--color-link-hover);
  -webkit-text-decoration-color: var(--color-link-hover);
          text-decoration-color: var(--color-link-hover);
}
.wysiwyg a.link-shy:hover {
  -webkit-text-decoration: underline solid var(--color-link);
          text-decoration: underline solid var(--color-link);
  color: var(--color-link);
}
.wysiwyg a.link-blind {
  transition: 0.3s;
  color: inherit;
  text-decoration: none;
}
.wysiwyg a.link-blind:hover {
  transition: 0.3s;
}
.wysiwyg a.button {
  height: 2.3em;
  line-height: normal;
  white-space: nowrap;
  background-color: var(--color-primary);
  border: 0;
  border-radius: 0.3em;
  color: var(--color-button-text);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  transition-property: color, background-color, border-color;
  transition-duration: 0.3s;
  padding: 0 1em;
  cursor: pointer;
  position: relative;
  gap: 0.4em;
}
.wysiwyg a.button:hover,
.wysiwyg a.button:focus {
  background-color: var(--color-primary-hover);
}
.wysiwyg a.button svg {
  color: var(--color-button-text);
  margin: 0;
  width: 1.5em;
  height: 1.5em;
  flex-shrink: 0;
}
.wysiwyg a.button span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.wysiwyg a.button .button__dots {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wysiwyg a.button .button__dots span {
  display: block;
  width: 0.75em;
  height: 0.75em;
  background-color: var(--color-button-text);
  border-radius: 50%;
  margin: 0 0.1em;
  opacity: 0;
}
.wysiwyg a.button .button__dots span:nth-child(2) {
  animation-delay: 0.25s;
}
.wysiwyg a.button .button__dots span:nth-child(3) {
  animation-delay: 0.5s;
}
.wysiwyg a.button.--active {
  pointer-events: none;
}
.wysiwyg a.button.--active .button__icon,
.wysiwyg a.button.--active .button__text {
  visibility: hidden;
}
.wysiwyg a.button.--active .button__dots {
  display: flex;
}
.wysiwyg a.button.--tall {
  height: 3em;
  line-height: normal;
  padding: 0 1.5em;
}
.wysiwyg a.button.--secondary {
  background-color: var(--color-secondary);
}
.wysiwyg a.button.--secondary:hover,
.wysiwyg a.button.--secondary:focus {
  background-color: var(--color-secondary-hover);
}
.wysiwyg a.button.--light {
  color: var(--color-text);
  background-color: var(--color-pale);
}
.wysiwyg a.button.--light:hover,
.wysiwyg a.button.--light:focus {
  background-color: var(--color-pale-hover);
}
.wysiwyg a.button.--light svg {
  color: var(--color-text-hover);
}
.wysiwyg .ck-float-p {
  margin: 0;
}
.wysiwyg .ck-float-p + p {
  margin-top: 0;
}
.wysiwyg img.--height-auto {
  height: auto !important;
}
.wysiwyg .ck-image {
  float: none;
  margin: calc(1rem / 3) 1rem calc(1rem / 3) 0;
  padding: 5px;
  max-width: 100%;
  border: 1px solid var(--color-border);
  border-radius: 0.3em;
  background-color: none;
  clear: both;
}
.wysiwyg .ck-image:last-of-type {
  margin-right: 0;
}
.wysiwyg .ck-image-left {
  float: left;
  margin: 0.25em calc(1rem + (1rem / 3) * 2) calc(1rem + (1rem / 3)) 0 !important;
}
.wysiwyg .ck-image-right {
  float: right;
  margin: 0.25em 0 calc(1rem + (1rem / 3)) calc(1rem + (1rem / 3) * 2) !important;
}
.wysiwyg .ck-image.--width-100 {
  width: 100% !important;
  height: auto !important;
}
.wysiwyg .ck-image.--borderless {
  border: 0;
  padding: 0;
}
.wysiwyg .ck-image-left.mb-none,
.wysiwyg .ck-image-right.mb-none {
  margin-bottom: 0 !important;
}
.wysiwyg .ck-image-left.resize,
.wysiwyg .ck-image-right.resize {
  margin-bottom: 1.5rem !important;
}
.wysiwyg .ck-table-user th {
  padding: 10px 10px;
  border: 1px solid var(--color-border);
  background-color: var(--color-th);
}
.wysiwyg .ck-table-user td {
  padding: 5px 10px;
  border: 1px solid var(--color-border);
}
.wysiwyg .ck-table-user p {
  margin: 0;
}
.wysiwyg .ck-table-invisible {
  border: none;
  border-collapse: collapse;
}
.wysiwyg .ck-table-invisible td,
.wysiwyg .ck-table-invisible th {
  padding: 0;
  border: none;
  background-color: none;
}
.wysiwyg .ck-hidden {
  display: none;
}
.wysiwyg .ck-youtube {
  margin: calc(1rem + (1rem / 3) * 2) 0;
}
.wysiwyg {
  --ck-blocks-gap: calc(var(--ue-strong) * 2);
  --ck-blocks-bg: var(--color-pale);
}
@media screen and (max-width: 428px) {
  .wysiwyg {
    --ck-blocks-gap: 1rem;
  }
}
.wysiwyg *[class^="ratio-"] {
  display: block;
}
.wysiwyg > *:first-child {
  margin-top: 0;
}
.wysiwyg > *:first-child > *:first-child {
  margin-top: 0;
}
.wysiwyg > *:first-child > *:first-child > *:first-child {
  margin-top: 0;
}
.wysiwyg > *:last-child {
  margin-bottom: 0;
}
.wysiwyg > *:last-child > *:last-child {
  margin-bottom: 0;
}
.wysiwyg > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}