

@import url('https://fonts.googleapis.com/css2?family=Raleway&family=Montserrat&');
@import url('https://fs.getcourse.ru/fileservice/file/download/a/125842/sc/392/h/fc77cecc5b70b69e6b592de7b0ea2a84.css');
:root {
	/*Фон*/
	--leftbar-width: 70px;
	--leftbar-radius: 0;
	--leftbar-bg: rgb(102,37,131);
	--leftbar-shadow: 4px 0px 13px rgba(0, 0, 0, 0.5);
	
	--submenu-width: 200px;
	--submenu-radius: 0;
	--submenu-bg: linear-gradient(232deg, rgba(253,244,255,1) 8.98%, rgba(245,234,255,1) 94.23%);
		
	/*Пункты меню*/
	--leftbar-menu-item-width: 50px;
	--leftbar-menu-item-height: 50px;
	--leftbar-menu-item-radius: 30px;
	--leftbar-menu-item-gap: 10px;
	
	--leftbar-menu-item-bdr-width: 0;
	--leftbar-menu-item-bdr-style: solid;
	--leftbar-menu-item-bdr-color: transparent;
		
	--leftbar-menu-item-bg-color-default: rgb(245, 197, 61);
	--leftbar-menu-item-bg-color-hover: rgba(255, 255, 255, 1);
	--leftbar-menu-item-bg-color-active: rgba(255, 255, 255, 1);
			
	/*Уведомления*/
	--notifications-top: auto;
	--notifications-right: -20px;
	--notifications-radius: 30px;
	--notifications-bg-color: rgba(212, 58, 47, 0.7);
	--notifications-font-color: rgba(255, 255, 255, 1);
			
	/*Аватарка*/
	--avatar-width: 66px;
	--avatar-height: 66px;
	--avatar-top: 10px;
	--avatar-bottom: 10px;
	--avatar-radius: 50px;
	--avatar-bdr-width: 2px;
	--avatar-bdr-style: solid;
	--avatar-bdr-color: rgba(255, 255, 255, 1);
			
	/*Типографика*/
	--leftbar-menu-item-font: Raleway;
	--leftbar-menu-item-font-size: 10px;
	--leftbar-menu-item-font-weight: 400;
	--leftbar-menu-item-text-transform: none;
			
	--leftbar-menu-item-font-color-default: rgba(255, 255, 255, 1);
	--leftbar-menu-item-font-color-hover: ;
	--leftbar-menu-item-font-color-active: rgba(255, 255, 255, 1);
		
	--submenu-title-font: Montserrat;
	--submenu-title-font-size: 28px;
	--submenu-title-font-weight: 800;
	--submenu-title-font-color: rgba(107, 52, 122, 1);
	
	--submenu-menu-font: Montserrat;
	--submenu-menu-font-size: 18px;
	--submenu-menu-font-weight: 600;
	--submenu-menu-text-transform: uppercase;
	--submenu-menu-font-color-default: rgba(107, 52, 122, 1);
	--submenu-menu-bg-color-hover: rgba(107, 52, 122, 0.7);
	--submenu-menu-font-color-hover: rgba(255, 255, 255, 1);
	
	/*Иконки*/
	--pack-icons: none!important;
	--leftbar-menu-icon-size: 34px;
	
	--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/125842/sc/277/h/c8468307c3fb78adfd858ea583af98f9.png);
	--leftbar-logo-width: 66px;
	--leftbar-logo-height: 50px;
	--leftbar-logo-top: 10px;
	--leftbar-logo-bottom: 0px;
	--leftbar-logo-padding: 50px;
}
