.slideout-menu {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;

	min-height: 100vh;
	width: 256px;
	z-index: 0;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.slideout-menu-left {
	left: 0;
}

.slideout-menu-right {
	right: 0;
}

.slideout-panel {
	position: relative;
	z-index: 1;
	will-change: transform;
	background-color: var(--panel-color);
	min-height: 100vh;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
	overflow: hidden;
}

.slideout-open .slideout-menu {
	display: block;
}