@keyframes featherBoxFadeIn {
	100% {
		opacity: 1;
	}
}

@keyframes featherBoxFadeOut {
	100% {
		opacity: 0;
	}
}

@keyframes featherBoxPopIn {
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes featherBoxPopOut {
	100% {
		transform: scale(.95);
		opacity: 0;
	}
}

.featherBoxContainer {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	margin: 0;
	padding: 0;
}

	.featherBoxOverlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 0;
		padding: 0;
		background: rgba(0, 0, 0, .5);
	}
	.featherBoxOverlay[data-opening="1"] {
		opacity: 0;
	}
	.featherBoxOverlay[data-closing="1"] {
		opacity: 1;
	}

	.featherBoxDialog {
		position: relative;
		max-width: 80%;
		max-height: 80%;
		overflow: auto;
		color: rgb(50, 50, 50);
		background: white;
		box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
		transform-origin: center bottom;
	}
	.featherBoxDialog[data-opening="1"] {
		opacity: 0;
		transform: scale(.95);
	}
	.featherBoxDialog[data-closing="1"] {
		opacity: 1;
		transform: scale(1);
	}