
.yaMap {
  /* Внешний вид */
  --yaMapWidth: 100%;
  --yaMapComputedWidth: 100%; /* вычисляется автоматически */
  --yaMapComputedHeight: 100%; /* вычисляется автоматически */
  --yaMapHeight: 99rem;
  --yaMapPosition: relative;
  --yaMapCursor: default;
  --yaMapBg: var(--deUIColorNepal);
  --yaMapOverflow: hidden;
  --yaMapFilter: none;
  --yaMapBorderRadius: 2rem;
  --yaMapMb: 4rem;

  /* Состояние loading */
  --yaMapLoadingCursor: wait;
  --yaMapLoadingZIndex: 2;

  /* Состояние error */
  --yaMapErrorCursor: not-allowed;

  /* Состояние disabled */
  --yaMapDisabledCursor: not-allowed;

  /* Метка */
  --yaMapPlacemarkDisplay: flex;
  --yaMapPlacemarkWidth: 5rem; /* вычисляется автоматически */
  --yaMapPlacemarkHeight: 6rem; /* вычисляется автоматически */
  --yaMapPlacemarkImgBorder: 0;

  /* Балун метки */
  --yaMapBalloonWidth: 32rem;
  --yaMapBalloonMaxWidth: var(--yaMapComputedWidth);
  --yaMapBalloonHeight: auto;
  --yaMapBalloonMaxHeight: 32rem;
  --yaMapBalloonPadding: 2rem;
  --yaMapBalloonBg: var(--deUIColorWhite);
  --yaMapBalloonColor: var(--deUIColorShark);
  --yaMapBalloonBoxShadow: 0 1rem 2rem 0px rgb(183, 184, 193, .40);
  --yaMapBalloonBorder: 0;
  --yaMapBalloonBorderRadius: 2rem;
  --yaMapBalloonTransition: transform .3s, opacity .1s, visibility .1s;
  --yaMapBalloonOverflow: hidden;
  --yaMapBalloonPosition: absolute;
  --yaMapBalloonLeft: 0;
  --yaMapBalloonTop: 0;
  --yaMapBalloonBottom: auto;
  --yaMapBalloonRight: auto;
  --yaMapBalloonTransform: scale(0) translateZ(0);
  --yaMapBalloonTransformOrigin: top left;
  --yaMapBalloonVisibility: hidden;
  --yaMapBalloonOpacity: 0;

  /* Балун метки: состояние активности (`.isVisible`) */
  --yaMapBalloonActiveTransform: scale(1) translateZ(0);
  --yaMapBalloonActiveVisibility: visible;
  --yaMapBalloonActiveOpacity: 1;

  /* Балун метки: заголовок */
  --yaMapBalloonTitleFontWeight: 600;
  --yaMapBalloonTitleFontSize: 100%;
  --yaMapBalloonTitleMaxWidth: calc(100% - 3rem);
  --yaMapBalloonTitleColor: var(--deUIColorShark);
  --yaMapBalloonTitleMb: 1rem;

  /* Балун метки: кнопка закрытия */
  --yaMapBalloonClosePosition: absolute;
  --yaMapBalloonCloseTop: 1.5rem;
  --yaMapBalloonCloseRight: 1.5rem;
  --yaMapBalloonCloseLeft: auto;
  --yaMapBalloonCloseBottom: auto;
  --yaMapBalloonCloseColor: var(--deUIColorNepal);

  /* Хинт метки */
  --yaMapHintWidth: max-content;
  --yaMapHintMaxWidth: 32rem;
  --yaMapHintHeight: auto;
  --yaMapHintPadding: 1.5rem 2rem;
  --yaMapHintColor: var(--deUIColorShark);
  --yaMapHintBg: var(--deUIColorWhite);
  --yaMapHintBoxShadow: 0 1rem 2rem 0px rgb(183, 184, 193, .40);
  --yaMapHintBorder: 0;
  --yaMapHintBorderRadius: 2rem;
  --yaMapHintTransition: transform .3s, opacity .1s, visibility .1s;
  --yaMapHintFontSize: 100%;
  --yaMapHintFontWeight: normal;
  --yaMapHintTransform: scale(0) translateZ(0);
  --yaMapHintTransformOrigin: top left;
  --yaMapHintVisibility: hidden;
  --yaMapHintOpacity: 0;

  /* Хинт метки: состояние активности (`.isVisible`) */
  --yaMapHintActiveTransform: scale(1) translateZ(0);
  --yaMapHintActiveVisibility: visible;
  --yaMapHintActiveOpacity: 1;

  /* Хинт метки: заголовок */
  --yaMapHintTitleFontWeight: 600;
  --yaMapHintTitleFontSize: 100%;
  --yaMapHintTitleColor: var(var(--deUIColorShark));
  --yaMapHintTitleMb: .25rem;

  /* Кластер */
  --yaMapClusterWidth: 6rem;
  --yaMapClusterHeight: 6rem;
  --yaMapClusterBorderRadius: 100%;
  --yaMapClusterBg: var(--deUIColorNepal);
  --yaMapClusterColor: var(--deUIColorHawkesBlue);
  --yaMapClusterFontWeight: 600;
  --yaMapClusterBorder: 0;
  --yaMapClusterCursor: pointer;
  --yaMapClusterFontSize: 2.5rem;

  /* Балун кластера */
  --yaMapClusterBalloonWidth: var(--yaMapBalloonWidth);
  --yaMapClusterBalloonMaxWidth: var(--yaMapComputedWidth);
  --yaMapClusterBalloonHeight: var(--yaMapBalloonHeight);
  --yaMapClusterBalloonMaxHeight: var(--yaMapBalloonMaxHeight);
  --yaMapClusterBalloonPadding: var(--yaMapBalloonPadding);
  --yaMapClusterBalloonBg: var(--yaMapBalloonBg);
  --yaMapClusterBalloonColor: var(--yaMapBalloonColor);
  --yaMapClusterBalloonBoxShadow: var(--yaMapBalloonBoxShadow);
  --yaMapClusterBalloonBorder: var(--yaMapBalloonBorder);
  --yaMapClusterBalloonBorderRadius: var(--yaMapBalloonBorderRadius);
  --yaMapClusterBalloonTransition: var(--yaMapBalloonTransition);
  --yaMapClusterBalloonOverflow: var(--yaMapBalloonOverflow);
  --yaMapClusterBalloonPosition: var(--yaMapBalloonPosition);
  --yaMapClusterBalloonLeft: var(--yaMapBalloonLeft);
  --yaMapClusterBalloonTop: var(--yaMapBalloonTop);
  --yaMapClusterBalloonBottom: var(--yaMapBalloonBottom);
  --yaMapClusterBalloonRight: var(--yaMapBalloonRight);
  --yaMapClusterBalloonTransform: var(--yaMapBalloonTransform);
  --yaMapClusterBalloonTransformOrigin: var(--yaMapBalloonTransformOrigin);
  --yaMapClusterBalloonVisibility: var(--yaMapBalloonVisibility);
  --yaMapClusterBalloonOpacity: var(--yaMapBalloonOpacity);
  --yaMapClusterBalloonListGap: 1rem;
  --yaMapClusterBalloonListItemFontWeight: 400;
  --yaMapClusterBalloonListItemFontSize: 100%;
  --yaMapClusterBalloonListLinkHoverColor: var(--deUIColorNepal);
  --yaMapClusterBalloonListItemHeaderMb: 1rem;

  /* Балун кластера: состояние активности (`.isVisible`) */
  --yaMapClusterBalloonActiveTransform: scale(1) translateZ(0);
  --yaMapClusterBalloonActiveVisibility: visible;
  --yaMapClusterBalloonActiveOpacity: 1;

  /* Балуны метки и кластера: родительский слой (вычисляется автоматически, но можно переопределить) */
  --yaMapBalloonsWidth: var(--yaMapBalloonsWidthComputed, 0);
  --yaMapBalloonsHeight: var(--yaMapBalloonsHeightComputed, 0);
  --yaMapBalloonsTop: var(--yaMapBalloonsTopComputed, "auto");
  --yaMapBalloonsRight: var(--yaMapBalloonsRightComputed, "auto");
  --yaMapBalloonsBottom: var(--yaMapBalloonsBottomComputed, "auto");
  --yaMapBalloonsLeft: var(--yaMapBalloonsLeftComputed, "auto");

  /* Панель */
  --yaMapPanelPosition: absolute;
  --yaMapPanelTransition: .2s;
  --yaMapPanelTop: 5rem;
  --yaMapPanelLeft: 5rem;
  --yaMapPanelRight: auto;
  --yaMapPanelBottom: 4rem;
  --yaMapPanelZIndex: 10;
  --yaMapPanelBg: var(--deUIColorWhite);
  --yaMapPanelBorder: 0;
  --yaMapPanelBoxShadow: 0px 0px 20px rgb(0, 0, 0, 0.15);
  --yaMapPanelBorderRadius: 0;
  --yaMapPanelPadding: 2.5rem 3rem;
  --yaMapPanelWidth: 63rem;
  --yaMapPanelHeight: auto;

  /* Панель: контейнер закрытия */
  --yaMapPanelCloseTop: 0;
  --yaMapPanelCloseRight: calc(var(--yaMapPanelCloseBtnSize) * -1 - 1.5rem);
  --yaMapPanelClosePosition: absolute;

  /* Панель: кнопка закрытия */
  --yaMapPanelCloseBtnSize: 6rem;
  --yaMapPanelCloseBtnBorderRadius: 0;
  --yaMapPanelCloseBtnBoxShadow: 0px 0px 20px rgb(0, 0, 0, 0.15);
  --yaMapPanelCloseBtnBorderWidth: 0;

  --yaMapPanelCloseBtnBg: var(--deUIColorWhite);
  --yaMapPanelCloseBtnTextColor: var(--deUIColorNepal);

  --yaMapPanelCloseBtnHoverBg: var(--deUIColorWhite);
  --yaMapPanelCloseBtnHoverTextColor: var(--deUIColorShark);

  --yaMapPanelCloseBtnActiveBg: var(--deUIColorWhite);
  --yaMapPanelCloseBtnActiveTextColor: var(--deUIColorShark);

  /* Tablet */
  @media(--tablet) {
    --yaMapPanelTop: 4rem;
    --yaMapPanelLeft: 4rem;
    --yaMapPanelBottom: 4rem;
    --yaMapPanelWidth: 42rem;
    --yaMapPanelPadding: 2.5rem;
    --yaMapHeight: 79rem;
    --yaMapPanelCloseBtnSize: 5rem;
    --yaMapPanelCloseRight: calc(var(--yaMapPanelCloseBtnSize) * -1 - 1rem);
  }

  /* Mobile */
  @media(--mobile) {
    --yaMapHeight: 49rem;

    --yaMapPanelTop: 2rem;
    --yaMapPanelLeft: 2rem;
    --yaMapPanelBottom: 2rem;
    --yaMapPanelRight: 2rem;
    --yaMapPanelCloseTop: 1rem;
    --yaMapPanelCloseRight: 1rem;
    --yaMapPanelWidth: auto;
    --yaMapPanelCloseBtnBoxShadow: none;

    --yaMapBalloonWidth: var(--yaMapComputedWidth);
    --yaMapBalloonTop: auto;
    --yaMapBalloonBottom: 0;
    --yaMapBalloonTransformOrigin: center bottom;

    --yaMapBalloonsWidth: var(--yaMapComputedWidth);
    --yaMapBalloonsHeight: var(--yaMapComputedHeight);
    --yaMapBalloonsLeft: 0;
    --yaMapBalloonsBottom: 0;
    --yaMapBalloonsTop: 100%;
    --yaMapBalloonsRight: 0;
  }
}
