.block-editor-template-part__selection-modal {
	z-index: z-index(".block-editor-template-part__selection-modal");

	// To keep modal dimensions consistent as subsections are navigated, width
	// and height are used instead of max-(width/height).
	.components-modal__frame {
		@include break-small() {
			width: calc(100% - #{ $grid-unit-20 * 2 });
			height: calc(100% - #{ $header-height * 2 });
		}
		@include break-medium() {
			width: $break-medium - $grid-unit-20 * 2;
		}
		@include break-large() {
			height: 70%;
		}
	}
}

.block-library-template-part__selection-search {
	background: $white;
	position: sticky;
	top: 0;
	padding: $grid-unit-20 0;
	z-index: z-index(".block-library-template-part__selection-search");
}
