.#{$prefix} {
	$h: &;
	& &-topbox {
		display: flex;
		flex-flow: row wrap;
		gap: 1.5rem;
		flex-shrink: 0;
		margin-top: 1.5rem;
		#{$h}-topbox-left {
			display: flex;
			flex-flow: row wrap;
			gap: 1.5rem;
			align-items: center;
		}
		#{$h}-topbox-right {
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-end;
			gap: 0.5rem;
			flex-grow: 1;
		}
		p.search-box {
			margin: 0;
		}
		.subsubsub {
			margin: 0;
			display: flex;
			gap: 0.313rem;
			li {
				display: flex;
				align-items: center;
				gap: 0.313rem;
			}
			a {
				padding: 0.375rem 0.5rem;
				font-size: 0.875rem;
				line-height: 0.875rem;
				font-weight: 600;
				color: rgb(var(--wpt-lms-primary-950));
				display: flex;
				border-radius: 0.188rem;
				outline: none;
				gap: 0.313rem;
				&:focus {
					box-shadow: none;
				}
				&.current {
					background-color: rgb(var(--wpt-lms-primary-100));
					color: rgb(var(--wpt-lms-primary-800));
				}
				span.count {
					padding: 0;
					font-size: 0.875rem;
					line-height: 0.875rem;
					font-weight: 600;
				}
			}
		}
	}
}