.editor-create-template-part-modal {
	z-index: z-index(".editor-create-template-part-modal");
}

.editor-create-template-part-modal__area-radio-group {
	width: 100%;
	border: $border-width solid $gray-700;
	border-radius: $radius-small;

	.components-button.editor-create-template-part-modal__area-radio {
		display: block;
		width: 100%;
		height: 100%;
		text-align: left;
		padding: $grid-unit-15;

		&,
		&.is-secondary:hover,
		&.is-primary:hover {
			margin: 0;
			background-color: inherit;
			border-bottom: $border-width solid $gray-700;
			border-radius: 0;

			&:not(:focus) {
				box-shadow: none;
			}

			&:focus {
				border-bottom: $border-width solid $white;
			}

			&:last-of-type {
				border-bottom: none;
			}
		}

		&:not(:hover),
		&[aria-checked="true"] {
			color: $gray-900;
			cursor: auto;

			.editor-create-template-part-modal__option-label div {
				color: $gray-600;
			}
		}

		.editor-create-template-part-modal__option-label {
			padding-top: $grid-unit-05;
			white-space: normal;

			div {
				padding-top: $grid-unit-05;
				font-size: $helptext-font-size;
			}
		}

		.editor-create-template-part-modal__checkbox {
			margin-left: auto;
			min-width: $grid-unit-30;
		}
	}
}