.popup-window {
	align-items: center;
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	transition: opacity 180ms ease;
	z-index: 999999;
}

.popup-window--open {
	opacity: 1;
	pointer-events: auto;
}

.popup-window--top {
	align-items: flex-start;
	padding-top: clamp(24px, 7vh, 80px);
}

.popup-window--bottom {
	align-items: flex-end;
	padding-bottom: clamp(24px, 7vh, 80px);
}

.popup-window__overlay {
	background: var(--popup-overlay-color, #000);
	bottom: 0;
	left: 0;
	opacity: var(--popup-overlay-opacity, 0.55);
	position: absolute;
	right: 0;
	top: 0;
}

.popup-window__dialog {
	/* background: #fff; */
	border-radius: 25px;
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.24);
	box-sizing: border-box;
	color: #1d2327;
	max-height: calc(100vh - 32px);
	max-width: min(var(--popup-window-width, 640px), calc(100vw - 32px));
	outline: none;
	overflow: auto;
	position: relative;
	transform: translateY(10px);
	transition: opacity 220ms ease, transform 220ms ease;
	width: 100%;
	z-index: 1;
}

.popup-window--fade .popup-window__dialog {
	opacity: 0;
	transform: none;
}

.popup-window--zoom .popup-window__dialog {
	opacity: 0;
	transform: scale(0.96);
}

.popup-window--slide_up .popup-window__dialog {
	opacity: 0;
	transform: translateY(24px);
}

.popup-window--open .popup-window__dialog {
	opacity: 1;
	transform: none;
}

.popup-window__content {
	box-sizing: border-box;
	padding: 0;
}

.popup-window__content > :first-child {
	margin-top: 0;
}

.popup-window__content > :last-child {
	margin-bottom: 0;
}

.popup-window__close {
	align-items: center;
    background: #ff6b1e00;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 38px;
    height: 38px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 36px;
    font-weight: 100;
    z-index: 5;
}

.popup-window__close:hover,
.popup-window__close:focus {
	color: #ff0000;
}

.popup-window-is-open {
	overflow: hidden;
}

.popup-window-open {
	cursor: pointer;
}

@media (max-width: 600px) {
	.popup-window {
		padding: 12px;
	}

	.popup-window__dialog {
		max-height: calc(100vh - 24px);
		max-width: calc(100vw - 24px);
	}

	.popup-window__content {
		padding: 0;
	}
}