/*------------------стили контекстного меню---------------------------*/
:root{
   --hover-item-menu-color: rgba(171, 171, 255, 1);
   --conteiner-menu-color:  rgba(171, 171, 171, 1);
   --prefix-menu-color:     rgba(0, 0, 0, 1);
   --postfix-menu-color:    rgba(0, 0, 0, 1);
   --text-menu-color:       rgba(0, 0, 0, 1);
}
/**/
#cMenu{
   /*height: 100px;*/
   grid-area: main;
   background: rgba(0, 0, 255, 0);
   height: 100%;
   z-index: 2;
}
   .conteinerCMenu{
      position: absolute;
      border: 2px outset black;
      height: max-content;
      width: max-content;
      background: var(--conteiner-menu-color);
   }
      .itemCMenu{
         /*border: 1px inset black;*/
         width: auto;
         height: auto;
         padding: 2px;
         cursor: default;
         display: grid;
         grid-template-columns:20px auto 70px;
         grid-template-areas: "itemPrefix itemText itemPostfix";
      }
      .itemCMenu:hover{
         background: var(--hover-item-menu-color);
      }
         .itemPrefix{
            grid-area: itemPrefix;
            text-align: left;
            color: var(--prefix-menu-color);
         }
         .itemText{
            grid-area: itemText;
            color: var(--text-menu-color);
         }
         .itemPostfix{
            grid-area: itemPostfix;
            text-align: right;
            color: var(--postfix-menu-color);
         }