layout {
	display: flex;
	flex-direction: row;
}

layout > header {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: var(--header-height);
	z-index: 3;
	-webkit-app-region: drag;
}

aside-resizer {
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(calc(var(--sidebar-width) - 5px));
	width: 10px;
	height: 100%;
	z-index: 100;
	cursor: col-resize;
	-webkit-app-region: no-drag;
}

section {
	padding: 1rem 0;
}

layout > menu {
	left: 40px;
	position: absolute;
	width: calc(var(--sidebar-width) - 40px);
	z-index: 4;
	-webkit-app-region: no-drag;
	width: min-content;
}

.button-group {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 4pt;
}