src/components/ManualPluginInstaller.sass
.ManualPluginInstaller
	display: flex
	flex-direction: column
	gap: var(--spacing)
	padding: var(--spacing) 0
	max-width: 50rem
	margin: 0 auto

	> *
		margin: 0 var(--spacing)

	> .input
		display: flex
		flex-flow: column
		gap: 1px

		> .value
			padding: var(--spacing)
			background: var(--grey-z200)
			border-radius: var(--border-radius)

			> .Input
				font-size: 1.2em
				width: 100%

		&:has(> .Alert)
			> .value
				border-bottom-right-radius: 0
				border-bottom-left-radius: 0
			> .Alert
				border-top-right-radius: 0
				border-top-left-radius: 0

	> .install
		width: auto
		max-width: none
		font-size: 1.2em
		height: 2.2em

	> .content
		flex: 1 1 0
		display: flex
		flex-direction: column
		gap: var(--spacing)
		min-height: 0
		min-height: 0
		max-height: 100%
		margin: 0
		+hSpacingScrollable(var(--spacing))

		> .installedPlugins > .TitleBar
			margin-bottom: var(--spacing-quarter)

		> .tutorial
			dl
				dt
					font-weight: normal

					&:not(:first-child)
						margin-top: var(--spacing-double)

					> code
						display: block
						padding: var(--spacing-half) var(--spacing)

				dt + dd
					margin-top: var(--spacing)
