.cloud-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 18px;
	border-bottom: 1px solid var(--border);

	&__navigation {
		display: flex;
		align-items: center;
		padding: 6px 0px 6px;
	}

	&__breadcrumb-link {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	&__breadcrumb-title {
		color: var(--l1-foreground);
		font-size: 14px;
		line-height: 20px; /* 142.857% */
		letter-spacing: -0.07px;
	}

	&__help {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 6px;
		gap: 6px;
		border: 1px solid var(--border);
		background: var(--card);
		border-radius: 2px;
		font-size: 12px;
		line-height: 10px;
		letter-spacing: 0.12px;
		width: 113px;
		height: 32px;
		cursor: pointer;
		color: var(--l1-foreground);

		&:hover {
			border-color: var(--l2-border);
			color: var(--l1-foreground);
		}
	}
}
