.header-wrapper {
	&:not( .small ) {
		display: flex;
		align-items: start;
	}

	&.small .header-content {
		align-items: end;
	}

	.logo-button {
		all: unset;
		cursor: pointer;
	}

	.header-content {
		display: flex;
		justify-content: space-between;
		flex-grow: 1;
	}

	.breadcrumb {
		display: flex;
		gap: var( --spacing-base );
		align-items: center;
		color: var( --jp-gray-40 );

		&:not( .small ) {
			margin-left: var( --spacing-base );
		}
	}
}

.input {
	margin-top: calc( var( --spacing-base ) * 3 ); // 24px
}
