@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif&family=Montserrat&');
@import url('https://ajax-academy.ru/pl/layout/25447/2/leftbar-extented-client-css.css');
:root {
	/*Фон*/
	--leftbar-width: 70px;
	--leftbar-radius: 0 30px 30px 0;
	--leftbar-bg: rgba(255, 255, 255, 1);
	--leftbar-shadow: none;
	
	--submenu-width: 200px;
	--submenu-radius: 0 30px 30px 0;
	--submenu-bg: rgba(227, 72, 103, 1);

	/*Картинка на фон подменю*/
	--submenu-img-url: url(https://fs.getcourse.ru/fileservice/file/download/a/629695/sc/109/h/22944f6a6691cd3582543f2eac6f842e.png);
	--submenu-img-width: 200px;
	--submenu-img-height: 450px;
	--submenu-img-bottom: 1px;
	--submenu-img-right: 0px;
		
	/*Пункты меню*/
	--leftbar-menu-item-width: 70px;
	--leftbar-menu-item-height: 70px;
	--leftbar-menu-item-radius: 20px;
	--leftbar-menu-item-gap: 5px;
	
	--leftbar-menu-item-bdr-width: 5px;
	--leftbar-menu-item-bdr-style: solid;
	--leftbar-menu-item-bdr-color: rgba(245, 223, 223, 1);
		
	--leftbar-menu-item-bg-color-default: rgba(227, 72, 103, 1);
	--leftbar-menu-item-bg-color-hover: rgba(247, 247, 247, 1);
	--leftbar-menu-item-bg-color-active: rgba(255, 255, 255, 1);
			
	/*Уведомления*/
	--notifications-top: 30px;
	--notifications-right: 10px;
	--notifications-radius: 10px;
	--notifications-bg-color: rgba(201, 212, 47, 1);
	--notifications-font-color: rgba(0, 0, 0, 1);
			
	/*Аватарка*/
	--avatar-width: 70px;
	--avatar-height: 70px;
	--avatar-top: 0px;
	--avatar-bottom: 5px;
	--avatar-radius: 20px;
	--avatar-bdr-width: 5px;
	--avatar-bdr-style: solid;
	--avatar-bdr-color: rgba(245, 223, 223, 1);
			
	/*Типографика*/
	--leftbar-menu-item-font: IBM Plex Serif;
	--leftbar-menu-item-font-size: 9px;
	--leftbar-menu-item-font-weight: 700;
	--leftbar-menu-item-text-transform: none;
			
	--leftbar-menu-item-font-color-default: rgba(255, 255, 255, 1);
	--leftbar-menu-item-font-color-hover: rgba(227, 72, 103, 1);
	--leftbar-menu-item-font-color-active: rgba(227, 72, 103, 1);
		
	--submenu-title-font: Montserrat;
	--submenu-title-font-size: 22px;
	--submenu-title-font-weight: 600;
	--submenu-title-font-color: rgba(255, 255, 255, 1);
	
	--submenu-menu-font: proxima-nova;
	--submenu-menu-font-size: 16px;
	--submenu-menu-font-weight: 700;
	--submenu-menu-text-transform: uppercase;
	--submenu-menu-font-color-default: rgba(255, 255, 255, 1);
	--submenu-menu-bg-color-hover: rgba(255, 255, 255, 1);
	--submenu-menu-font-color-hover: rgba(227, 72, 103, 1);
	
	/*Иконки*/
	--pack-icons: none!important;
	--leftbar-menu-icon-size: 24px;
	
	--leftbar-menu-icon-notifications: ;
	--leftbar-menu-icon-cms: ;
	--leftbar-menu-icon-teach: ;
	--leftbar-menu-icon-user: ;
	--leftbar-menu-icon-tasks: ;
	--leftbar-menu-icon-mail: ;
	--leftbar-menu-icon-sales: ;
	--leftbar-menu-icon-chatium: ;
		
	--leftbar-menu-icon-active-notifications: ;
	--leftbar-menu-icon-active-cms: ;
	--leftbar-menu-icon-active-teach: ;
	--leftbar-menu-icon-active-user: ;
	--leftbar-menu-icon-active-tasks: ;
	--leftbar-menu-icon-active-mail: ;
	--leftbar-menu-icon-active-sales: ;
	--leftbar-menu-icon-active-chatium: ;
			
	--leftbar-menu-icon-notifications-img: inline-block;
	--leftbar-menu-icon-cms-img: inline-block;
	--leftbar-menu-icon-teach-img: inline-block;
	--leftbar-menu-icon-user-img: inline-block;
	--leftbar-menu-icon-tasks-img: inline-block;
	--leftbar-menu-icon-mail-img: inline-block;
	--leftbar-menu-icon-sales-img: inline-block;
	--leftbar-menu-icon-chatium-img: inline-block;
		
	/*Лого*/
	--leftbar-logo-content: '';
	--leftbar-logo: url(https://fs.getcourse.ru/fileservice/file/download/a/629695/sc/50/h/21e07555bdd34953016dffd7133477d3.png);
	--leftbar-logo-width: 70px;
	--leftbar-logo-height: 70px;
	--leftbar-logo-top: 0px;
	--leftbar-logo-bottom: 0px;
	--leftbar-logo-padding: 70px;
}