.#{$prefix} {
	$h: &;
	#{$h} &-header {
		padding: 1rem 0;
		background-color: rgba(var(--wpt-lms-white));
		box-shadow:
			0 1px 4px rgba(58, 58, 87, 0.082),
			0 1px 0 rgba(44, 44, 64, 0.063);
		position: sticky;
		top: 32px;
		z-index: 1;
		.#{$prefix}-wrapper {
			display: flex;
			flex-flow: row wrap;
			gap: 1.5rem;
		}
		h1 {
			font-size: 1.325rem;
			font-weight: 600;
			display: flex;
			align-items: center;
			gap: 0.313rem;
			p {
				margin: 0;
				font-size: 1rem;
				line-height: 1.25rem;
			}
		}
		#{$h}-header-left {
			display: flex;
			flex-flow: row wrap;
			gap: 1.5rem;
			align-items: center;
		}
		#{$h}-header-right {
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-end;
			gap: 0.5rem;
			flex-grow: 1;
			p.search-box {
				margin: 0;
			}
		}
	}
}