.headerContainer {
	display: flex;
	align-items: center;
	height: var(--widget-header-height);
	margin: 5px 5px 3px 5px;

	& .headerLeft {
		display: flex;
		width: 100%;
		margin: 5px 0px 5px 2px;
	}

	& .headerRight {
		display: flex;
		justify-content: flex-end;
		margin: 5px 0px 9px 0px;
	}

	& .headerTitle {
		margin-left: 10px;
		font-weight: bold;
		font-size: 16px;
		line-height: 1.6;
		color: var(--app-tertiary-color);
		display: flex;
		gap: 10px;
		user-select: none;

		& .headerNavigation {
			cursor: pointer;
			text-decoration: underline;
		}

		& .headerNavigation:hover {
			background-color: var(--gray-tertiary);
		}
	}
	& .dragHandle {
		position: absolute;
		top: 10px;
		left: 50%;
		width: 30px;
		height: 4px;
		background-color: var(--gray-primary);
		border-radius: 2px;
		transform: translateX(-50%);
		cursor: ns-resize;
	}
}