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

.gradient-block {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--theme-border);
	border-radius: var(--border-radius-low);
}

.gradient-block__header {
	background: var(--theme-bg-header--gradient);
	text-align: left;
}

.gradient-block__header {
	padding: 6px;
	border-bottom: 3px solid var(--color-darkened-border);
	border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
}

.gradient-block__sub-body {
	background: var(--theme-bg-header-dark);
	border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
	border-radius: 0 0 var(--border-radius-low) var(--border-radius-low);
	padding: 2px 6px;
	flex-grow: 1;
	font-size: 14px;
}

.gradient-block__body {
	box-shadow: var(--box-shadow-inset-high);
	background: var(--ooui--bg-dark);
	flex-grow: 100;
	border-radius: 0 0 var(--border-radius-low) var(--border-radius-low);
	padding: 8px;
	position: relative;
	font-size: 14px;
	overflow: auto;
}