.block-editor-tabbed-sidebar {
	background-color: $white;
	height: 100%;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	overflow: hidden;
}

.block-editor-tabbed-sidebar__tablist-and-close-button {
	border-bottom: $border-width solid $gray-300;
	display: flex;
	justify-content: space-between;
	padding-right: $grid-unit-10;
}


.block-editor-tabbed-sidebar__close-button {
	background: $white;
	/* stylelint-disable-next-line property-disallowed-list -- This should be removed when https://github.com/WordPress/gutenberg/issues/59013 is fixed. */
	order: 1;
	align-self: center;
}

.block-editor-tabbed-sidebar__tablist {
	margin-bottom: -$border-width;
}

.block-editor-tabbed-sidebar__tabpanel {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	overflow-y: auto;
	scrollbar-gutter: auto;
}