.navigation {
  /* Общие стили */
  --navigationDisplay: flex;
  --navigationFlexFlow: row nowrap;
  --navigationUserSelect: none;

  /* Элемент навигации */
  --navigationItemWidth: 5rem;
  --navigationItemHeight: 5rem;
  --navigationItemFontWeight: bold;
  --navigationItemFontSize: 100%;
  --navigationItemLineHeight: 1;
  --navigationItemAspectRatio: 1/1;
  --navigationItemMr: 2rem;

  /* Элемент ссылки навигации */
  --navigationLinkCursor: pointer;
  --navigationLinkColor: var(--deUIColorDenim);
  --navigationLinkBgColor: transparent;
  --navigationLinkTransition: .2s;
  --navigationLinkBorderRadius: 1rem;
  --navigationLinkPosition: relative;
  --navigationLinkBorder: 0;
  --navigationLinkWidth: 100%;
  --navigationLinkHeight: 100%;
  --navigationLinkDisplay: grid;
  --navigationLinkPlaceContent: center;
  --navigationLinkTextDecoration: none;
  --navigationLinkOpacity: 1;

  /* Элемент ссылки навигации с родительским состоянием элемента навигации `*--isDisabled` или `.isDisabled` */
  --navigationLinkDisabledCursor: not-allowed;
  --navigationLinkDisabledColor: var(--deUIColorBlueHaze);
  --navigationLinkDisabledBgColor: transparent;
  --navigationLinkDisabledOpacity: .5;

  /* Элемент ссылки навигации с состоянием `*--isHover` или `.isHover` или `:hover` */
  --navigationLinkHoverColor: var(--deUIColorDenim);
  --navigationLinkHoverBgColor: var(--deUIColorLinkWater);
  --navigationLinkHoverOpacity: 1;
}