.pup-nw-container {
    display: none;

    position: fixed;
    z-index: 90;
	inset: 50% 16px auto auto;
    translate: 0% -50%;
    width: 300px;
}
@media (min-width: 600px) {
	.pup-nw-container {
		width: 374px;
	}
}

.pup-nw-section {
    position: relative;
}

.pup-nw-content {
	filter: drop-shadow(-12px 12px 6px #D0E6F880);
	display: grid;
}
.pup-nw-content > * {
	grid-area: 1 / 1;
}

.pup-nw-close {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-radius: 50%;
    background: none;
}

/*@media(max-width: 550px) {
    .pup-nw-container {
        top: 50px;
        left: 50%;
        transform: translate(-50%, 0);
        right: auto;
        width: 270px;
    }
    .pup-nw-content_full-img {
        width: 410px;
    }
    .pup-nw-close {
        top: 45px;
    }
}*/