TEST DRAWER ELS by dp0sk

/* ==UserStyle==
@name         TEST DRAWER ELS
@version      20231019.04.20
@namespace    userstyles.world/user/dp0sk
@description  bruh test
@author       dp0sk
@license      No License
==/UserStyle== */

@-moz-document domain("e-learning.bmstu.ru") {
@media (min-width: 768px) {
	#nav-drawer.closed {
		left: 0;
		/* 		background-color: var(--background); */
		/* 		border-radius: 0; */
		animation: none;
	}

	#nav-drawer {
		max-width: 285px;
		transition: all 200ms ease-in-out !important;
	}

	#nav-drawer .list-group {
		display: flex;
		align-items: center;
	}

	body,
	body.drawer-ease {
		margin-left: 104px
	}

	body.drawer-ease.drawer-open-left {
		margin-left: 285px;
	}

	#nav-drawer .list-group-item {
		transition: 200ms ease-in-out !important;
		transition-property: font-size, align-items, padding, width, margin, opacity, background-color !important;
	}

	#nav-drawer.closed .list-group-item-action,
	#nav-drawer.closed .list-group-item:not([data-key=calendar], [data-key=myhome], [data-key=home], .font-weight-bold) .m-l-0:before,
	#nav-drawer.closed .list-group-item:not(.font-weight-bold) .fa {
		opacity: 0;
		/* 		width: 56px; */
		height: 0px;
		padding-top: 0;
		padding-bottom: 0;
		margin: 0;
		font-size: 0;
		display: flex;
		/* 		align-items: center; */
		/* 		justify-content: center; */
	}

	#nav-drawer.closed .list-group-item[data-key=calendar],
	#nav-drawer.closed .list-group-item-action[data-key=myhome],
	#nav-drawer.closed .list-group-item-action[data-key=home],
	#nav-drawer.closed a.list-group-item.list-group-item-action.font-weight-bold {
		/* 		width: 56px; */
		height: 32px;
		opacity: 1;
		margin-bottom: 8px;
		padding: 12px 20px;
		/* 		height: 18px */
	}

	#nav-drawer > .list-group:first-child {
		padding-top: 24px !important;
	}

	#nav-drawer > .list-group {
		padding-top: 0px !important;
	}

	#nav-drawer #block-region-side-pre {
		transition: 150ms ease-in-out 300ms !important;
		transition-property: opacity, overflow, left !important;
		left: 0;
		/* 		bottom: 0; */
	}

	#nav-drawer.closed #block-region-side-pre {
		transition: all 150ms ease-in-out 0ms !important;
		overflow: hidden;
		width: 285px;
		opacity: 0;
		left: -285px;
		/* 		bottom: -20000px; */
		position: fixed;
	}

	#nav-drawer .m-l-0:before,
	#nav-drawer .fa,
	#nav-drawer .m-l-0 .media,
	#nav-drawer .m-l-0 .media .media-left,
	#nav-drawer .m-l-0 .media .media-body {
		transition: none !important;
	}

	#nav-drawer .m-l-0 {
		transition: all 50ms ease-in-out !important;
	}

	#nav-drawer.closed .m-l-0 {
		font-size: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		text-wrap: nowrap;
		transition: 50ms ease-in-out !important;
		transition-property: text-wrap, align-items, width, padding !important;
	}

	#nav-drawer.closed .m-l-0:before,
	#nav-drawer.closed .fa {
		margin: 0;
	}

	#nav-drawer.closed,
	#nav-drawer.closed #nav-drawer.closed > .list-group {
		width: 104px;
	}
}
}