Шаблон:GradientHeaderFrame/styles.css

.gradient-header-frame {
	display: flex;
	flex-direction: column;
	
	border: 1px solid var(--theme-bg-color-300);
	border-radius: var(--border-radius-medium);
}

.gradient-header-frame__header {
	display: flex;
	align-items: center;
	min-height: 32px;
	padding: 4px 10px;
	
	color: var(--theme-text-color-header);
	font-size: var(--font-size-l);
	font-family: var(--font-family-heading);
	background: var(--theme-bg-header-light--gradient-center);
	text-align: center;
}

.gradient-header-frame__content {
	box-shadow: var(--box-shadow-inset);
	background: var(--theme-bg-color-150);
	flex-grow: 2;
	border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
}