.popup {
	 width: 80%;
	 margin: 0 auto;
	 background: #fff;
	 padding: 1.5rem 2rem;
}
 @media (max-width: 800px) {
	 .popup {
		 width: 95%;
		 padding: 0.5rem 0.5rem;
		 max-height: 95vh;
		 overflow: scroll;
	}
}
 .popup__module {
	 display: none;
    background: rgba(0,0,0,.2);
    width: 100%;
    height: 100vh;
	z-index: 1000;
}
.popup__content {
	max-height: 80vh;
	overflow-y: auto;
}
 .popup__active {
	 position: fixed;
	 top: 0;
	 left: 0;
	 display: flex;
	 flex-direction: row;
	 justify-content: center;
	 align-items: center;
}
 .popup__close {
	 width: 100%;
	 display: flex;
	 flex-direction: row;
	 justify-content: flex-end;
}
 .popup__close-btn {
	 cursor: pointer;
	 display: block;
	 position: relative;
	 width: 20px;
	 height: 20px;
}
 .popup__close-btn::before, .popup__close-btn::after {
	 position: absolute;
	 left: 9px;
	 content: " ";
	 height: 20px;
	 width: 2px;
	 background-color: #333;
}
 .popup__close-btn::before {
	 transform: rotate(45deg);
}
 .popup__close-btn::after {
	 transform: rotate(-45deg);
}
 .error {
	 color: red;
}