.sr--section {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	max-width: 547px;
	background: var(--theme-black);
	color: var(--theme-gray);
	z-index: 5;
	overflow: auto;
	scrollbar-color: var(--theme-form-bg) var(--theme-black);
	scrollbar-width: thin;
	transition: transform .5s;
	transform: translateX(-100%);
}

.sr-active .sr--section {
	transform: translateX(0);
}

.sr--section::scrollbar {
	width: 8px; /* Mostly for vertical scrollbars */
	height: 8px; /* Mostly for horizontal scrollbars */
}
.sr--section::-webkit-scrollbar-thumb { /* Foreground */
	background: #999;
}
.sr--section::-webkit-scrollbar-track { /* Background */
	background: #333;
}

.sr--container {
	padding: 15px 30px;
}

.sr--logo {
	width: 59px;
	height: auto;
	margin-bottom: 30px;
}

@media (min-width: 992px) {
	.sr--logo {
		width: 85px;
	}
}

.sr--title {
	margin-bottom: 15px;
}

.sr--closer {
	position: fixed;
	z-index: 5;
	background: red;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
}

.sr-active .sr--closer {
	width: 100vw;
	background-color: rgba(0,0,0,0.4);
}