@import "../config.styl"

.popup
	position fixed
	height 100%
	width 100%
	top 0
	margin 0 !important // sorry :(
	left 0
	background nativeRGBA(var(--gray-100), .7)
	@media (prefers-color-scheme dark)
		background nativeRGBA(var(--gray-500), .7)
	cursor pointer
	z-index 200
	animation fadeIn .3s ease-in-out 1 forwards

@keyframes fadeIn
	from
		opacity 0
	to
		opacity 1


.popupChild
	cursor initial
	z-index 201

	min-width 50%
	animation popin .3s ease-in-out 1

	@media (max-width $tablet)
		min-width 70%

	@media (max-width $mobile)
		min-width 90%

@keyframes popin
	from
		margin-top 50px
	to
		margin-top 0

.exit
	cursor pointer
	height 100%