:root {
--nl-bg:           #ffffff;
--nl-overlay:      rgba(20, 20, 20, 0.55);
--nl-radius:       14px;
--nl-max-width:    500px; --nl-padding:      10px;
--nl-border-color: #FC1BDB; } .nl-popup-overlay {
position: fixed;
inset: 0;
background: var(--nl-overlay);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999999;
padding: 16px;
opacity: 0;
transition: opacity 0.25s ease;
}
.nl-popup-content img {
width: 100%;
}
.nl-popup-overlay.nl-visible {
opacity: 1;
} .nl-popup-overlay[hidden] {
display: none !important;
} .nl-popup-box {
position: relative;
background: var(--nl-bg);
border-radius: var(--nl-radius);
max-width: var(--nl-max-width);
width: 100%;
padding: var(--nl-padding);
border: 10px solid var(--nl-border-color);
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.22);
transform: translateY(14px) scale(0.97);
transition: transform 0.25s ease;
max-height: 90vh;
overflow-y: auto;
overflow-x: visible;
box-sizing: border-box;
}
.nl-popup-overlay.nl-visible .nl-popup-box {
transform: translateY(0) scale(1);
}  .nl-popup-box {
overflow: visible;
}
.nl-popup-close {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background: var(--nl-border-color); color: var(--nl-bg);
border: none;
border-radius: 50%;
font-size: 20px;
line-height: 1;
cursor: pointer;
padding: 0;
transition: opacity 0.15s, transform 0.15s; top: -18px;
right: -18px;
}
.nl-popup-close:hover,
.nl-popup-close:focus-visible {
opacity: 0.8;
transform: scale(1.1);
outline: none;
}
.nl-popup-content p {
line-height: 1.4;
}
.nl-popup-content p {
color: #000 !important;
}  .nl-popup-content iframe {
display: block;
max-width: 100%; }
.nl-popup-content > *:first-child {
margin-top: 0;
}
.nl-popup-content > *:last-child {
margin-bottom: 0;
} @media (prefers-reduced-motion: reduce) {
.nl-popup-overlay,
.nl-popup-box {
transition: none;
}
} @media (max-width: 480px) {
.nl-popup-box {
padding: 10px;
}
}