@import "../../style/shadow.scss";
@import "./Item.scss";

.CreateItem-form-container {
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.CreateItem-form {
	@extend .Item-container;

	width: 100vh;
	margin: 1em;
	display: flex;
	flex-direction: column;
}

.CreateItem-button {
	@include button-shadow;

	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;

	& > svg {
		font-size: 1.5em;
		margin-right: 0.1em;
	}

	& > div {
		padding-bottom: 0.1em;
		margin-right: 0.3em;
	}
}

@import "../../style/shadow.scss";
@import "./Item.scss";

.CreateItem-form-container {
	background: rgba(0, 0, 0, 0.5);
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.CreateItem-form {
	@extend .Item-container;

	width: 100vh;
	margin: 1em;
	display: flex;
	flex-direction: column;
}

.CreateItem-button {
	@include button-shadow;

	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;

	& > svg {
		font-size: 1.5em;
		margin-right: 0.1em;
	}

	& > div {
		padding-bottom: 0.1em;
		margin-right: 0.3em;
	}
}

Fix z-index of create-video form on videos page
Fix z-index of create-video form on videos page
