.nb4pp-root{position:fixed;inset:0;z-index:var(--nb4pp-z);display:flex;pointer-events:none;box-sizing:border-box}.nb4pp-root *{box-sizing:border-box}.nb4pp-hidden{display:none}.nb4pp-root.nb4pp-open{pointer-events:auto}.nb4pp-overlay{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(2px)}
.nb4pp-box{position:relative;width:min(var(--nb4pp-width),calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);background:var(--nb4pp-bg);border-radius:var(--nb4pp-radius);padding:0;box-shadow:0 24px 80px rgba(0,0,0,.28);overflow:hidden;transition:.28s ease;pointer-events:auto;display:flex;flex-direction:column}
.nb4pp-box-inner{padding:var(--nb4pp-padding);padding-top:max(var(--nb4pp-padding),52px);min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;overflow:hidden}.nb4pp-content{min-height:0;max-height:calc(100dvh - 32px - max(var(--nb4pp-padding),52px) - var(--nb4pp-padding));overflow:hidden}.nb4pp-content>*:first-child{margin-top:0}.nb4pp-content>*:last-child{margin-bottom:0}
.nb4pp-pos-center{align-items:center;justify-content:center}.nb4pp-pos-top{align-items:flex-start;justify-content:center;padding-top:28px}.nb4pp-pos-bottom{align-items:flex-end;justify-content:center;padding-bottom:28px}.nb4pp-pos-left{align-items:center;justify-content:flex-start;padding-left:28px}.nb4pp-pos-right{align-items:center;justify-content:flex-end;padding-right:28px}
.nb4pp-close{position:absolute;top:10px;right:10px;z-index:50;width:38px;height:38px;border:0;border-radius:999px;background:rgba(255,255,255,.92);color:var(--nb4pp-close);font-size:30px;font-weight:400;line-height:1;text-align:center;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.24);display:flex;align-items:center;justify-content:center}.nb4pp-close:hover,.nb4pp-close:focus{background:#fff;outline:2px solid rgba(0,0,0,.12);outline-offset:2px}
.nb4pp-type-image .nb4pp-box{width:auto;max-width:calc(100vw - 32px);background:transparent}.nb4pp-type-image .nb4pp-box-inner{padding:0}.nb4pp-type-image .nb4pp-content{max-height:calc(100dvh - 32px);display:flex;align-items:center;justify-content:center}.nb4pp-type-image .nb4pp-content img{display:block;width:auto;max-width:min(var(--nb4pp-width),calc(100vw - 32px));height:auto;max-height:calc(100dvh - 32px);object-fit:contain;border-radius:var(--nb4pp-radius)}.nb4pp-type-image .nb4pp-close{top:10px;right:10px;background:rgba(255,255,255,.88)}
.nb4pp-type-pdf .nb4pp-content iframe{display:block;width:100%;height:min(var(--nb4pp-height),calc(100dvh - 104px));max-height:calc(100dvh - 104px);border:0;border-radius:calc(var(--nb4pp-radius) - 6px)}.nb4pp-html{min-height:40px;max-width:100%;overflow:hidden}.nb4pp-html img,.nb4pp-html video{max-width:100%;height:auto}.nb4pp-anim-fade .nb4pp-box{opacity:0}.nb4pp-anim-fade_zoom .nb4pp-box{opacity:0;transform:scale(.94)}.nb4pp-anim-slide_up .nb4pp-box{opacity:0;transform:translateY(36px)}.nb4pp-open .nb4pp-box{opacity:1;transform:none}
@media(max-width:767px){.nb4pp-root{padding:10px}.nb4pp-box{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:min(var(--nb4pp-radius),22px)}.nb4pp-box-inner{padding:max(14px,calc(var(--nb4pp-padding) * .7));padding-top:54px}.nb4pp-content{max-height:calc(100dvh - 20px - 54px - max(14px,calc(var(--nb4pp-padding) * .7)))}.nb4pp-pos-top,.nb4pp-pos-bottom,.nb4pp-pos-left,.nb4pp-pos-right{align-items:center;justify-content:center;padding:10px}.nb4pp-type-image .nb4pp-box{width:auto;max-width:calc(100vw - 20px)}.nb4pp-type-image .nb4pp-box-inner{padding:0}.nb4pp-type-image .nb4pp-content{max-height:calc(100dvh - 20px)}.nb4pp-type-image .nb4pp-content img{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:min(var(--nb4pp-radius),22px)}.nb4pp-type-image .nb4pp-close{top:8px;right:8px;width:36px;height:36px;font-size:28px}.nb4pp-type-pdf .nb4pp-content iframe{height:calc(100dvh - 96px);max-height:calc(100dvh - 96px)}}
@supports not (height:100dvh){.nb4pp-box{max-height:calc(100vh - 32px)}.nb4pp-content{max-height:calc(100vh - 32px - max(var(--nb4pp-padding),52px) - var(--nb4pp-padding))}.nb4pp-type-image .nb4pp-content,.nb4pp-type-image .nb4pp-content img{max-height:calc(100vh - 32px)}}