.modal {
  /* Оверлей */
  --modalOverlayFade: rgb(44, 45, 46, .25);
  --modalOverlayPadding: 2rem 0;
  --modalOverlayGap: 0;
  --modalOverlayCursor: pointer;
  --modalOverlayColor: var(--deUIColorWhite);
  --modalOverlayMarginTop: auto;
  --modalOverlayMarginBtm: auto;
  --modalOverlayTransition: opacity .3s ease-in-out;

  /* Анимация */
  --modalAnimationDuration: .25s;
  --modalAnimationNameShow: showModal;
  --modalAnimationNameHide: hideModal;

  /* Каркас */
  --modalBg: var(--deUIColorWhite);
  --modalBorderRadius: 1rem;
  --modalColor: var(--deUIColorShark);
  --modalPadding: 1.5rem;
  --modalMargin: 2.5rem;
  --modalWidth: 56rem;
  --modalMinWidth: unset;
  --modalMaxWidth: calc(100vw - 4rem);
  --modalHeight: auto;
  --modalMinHeight: unset;
  --modalMaxHeight: unset;
  --modalPosition: relative;
  --modalTransformOrigin: 50% 50%;
  --modalAnimationFillMode: backwards;
  --modalCursor: default;
  --modalOverflowY: inherit;
  --modalOverflowX: none;
  --modalBoxShadow: 0 1rem 2rem 0px rgb(183, 184, 193, .40);

  /* Слот шапки */
  --modalHeaderBg: transparent;
  --modalHeaderBorderRadius: 0;
  --modalHeaderMb: 2.5rem;
  --modalHeaderPadding: 0;

  /* Слот заголовка */
  --modalTitlePadding: 0;
  --modalTitleTextAlign: left;
  --modalTitleColor: unset;
  --modalTitleLetterSpacing: -0.01em;
  --modalTitleLineHeight: 4rem;
  --modalTitleFontSize: 3rem;
  --modalTitleFontWeight: 700;

  /* Слот тела, включающий контентную область и подвал */
  --modalBodyPadding: .5rem 3.5rem 3.5rem 3.5rem;

  /* Слот контентной области */
  --modalContentBg: transparent;
  --modalContentColor: currentColor;
  --modalContentPadding: 0;
  --modalContentTextAlign: left;
  --modalContentLineHeight: unset;
  --modalContentFontSize: unset;
  --modalContentFontWeight: unset;

  /* Слот подавала */
  --modalFooterBg: transparent;
  --modalFooterColor: currentColor;
  --modalFooterPadding: 0;
  --modalFooterBorderRadius: 0;
  --modalFooterDisplay: flex;
  --modalFooterFlow: row wrap;
  --modalFooterAlignItems: center;
  --modalFooterJustifyContent: flex-start;
  --modalFooterGap: 2rem;

  /* Слот управления */
  --modalCtrlPadding: 0;
  --modalCtrlBorderRadius: 0;
  --modalCtrlBg: transparent;
  --modalCtrlDisplay: flex;
  --modalCtrlAlignItems: center;
  --modalCtrlJusticyContent: flex-end;
  --modalCtrlWidth: 100%;
  --modalCtrlTop: 0;
  --modalCtrlRight: 0;
  --modalCtrlBottom: 0;
  --modalCtrlLeft: 0;
  --modalCtrlPosition: static;
  --modalCtrlZIndex: unset;
  --modalCtrlGap: 1rem;

  --modalCtrlBtnBg: transparent;
  --modalCtrlBtnTextColor: var(--deUIColorShark);
  --modalCtrlBtnBorderWidth: 0;
  --modalCtrlBtnBorderColor: transparent;
  --modalCtrlBtnBorderRadius: 0;
  --modalCtrlBtnPadding: 0;
  --modalCtrlBtnDisplay: flex;
  --modalCtrlBtnWidth: 3rem;
  --modalCtrlBthHeight: 3rem;

  --modalCtrlBtnHoverBg: transparent;
  --modalCtrlBtnHoverBorderColor: transparent;
  --modalCtrlBtnHoverTextColor: var(--deUIColorShark);

  --modalCtrlBtnActiveBg: transparent;
  --modalCtrlBtnActiveBorderColor: transparent;
  --modalCtrlBtnActiveTextColor: var(--deUIColorShark);

  /* Подвал оверлея */
  --modalOverlayFooterBg: var(--modalOverlayFade);
  --modalOverlayFooterPadding: 2rem;

  /* Заголовок оверлея */
  --modalOverlayCaptionPadding: 2rem;
  --modalOverlayCaptionFontSize: 2rem;
  --modalOverlayCaptionFontWeight: 400;
  --modalOverlayCaptionLineHeight: 1.25;
  --modalOverlayCaptionColor: var(--deUIColorWhite);
  --modalOverlayCaptionTextAlign: center;
  --modalOverlayCaptionUserSelect: none;
  --modalOverlayCaptionMaxLines: 5;

  /* Тулбар оверлея */
  --modalToolbarMargin: 0;
  --modalToolbarGap: 1rem;
  --modalToolbarBg: var(--modalOverlayFade);
  --modalToolbarPadding: 0;

  --modalToolbarBtnBg: transparent;
  --modalToolbarBtnTextColor: var(--deUIColorWhite);
  --modalToolbarBtnCursor: pointer;
  --modalToolbarBtnBorderWidth: 0;
  --modalToolbarBtnBorderColor: transparent;
  --modalToolbarBtnBorderRadius: 0;
  --modalToolbarBtnPadding: 0;
  --modalToolbarBtnDisplay: flex;
  --modalToolbarBtnWidth: 5rem;
  --modalToolbarBthHeight: 5rem;

  --modalToolbarBtnDisabledCursor: not-allowed;
  --modalToolbarBtnDisabledBg: transparent;
  --modalToolbarBtnDisabledTextColor: var(--deUIColorAthensGray);

  --modalToolbarBtnHoverBg: transparent;
  --modalToolbarBtnHoverBorderColor: transparent;
  --modalToolbarBtnHoverTextColor: var(--deUIColorHawkesBlue);

  --modalToolbarBtnActiveBg: transparent;
  --modalToolbarBtnActiveBorderColor: transparent;
  --modalToolbarBtnActiveTextColor: var(--deUIColorHawkesBlue);

  /* Планшетные устройства */
  @media (--tablet) {
    --modalHeaderMb: 2rem;
    --modalBodyPadding: .5rem 2.5rem 2.5rem 2.5rem;
    --modalTitleLineHeight: 3.5rem;
    --modalTitleFontSize: 2.5rem;
    --modalOverlayCaptionFontSize: 1.75rem;
  }

  /* Мобильные устройства */
  @media (--mobile) {
    --modalToolbarGap: .5rem;
    --modalHeaderMb: 1.5rem;
    --modalBodyPadding: .5rem 1.5rem 1.5rem 1.5rem;
    --modalTitleLineHeight: 3.25rem;
    --modalTitleFontSize: 2.25rem;
    --modalOverlayCaptionFontSize: 1.5rem;
  }
}