.nf-lightbox{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.nf-lightbox-stage{position:relative;display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(0,1fr);grid-template-rows:minmax(0,1fr);isolation:isolate;flex:1;min-width:0;min-height:0;overflow:hidden;background:#10151d;color:#f5f7fa;touch-action:pan-y pinch-zoom}.nf-lightbox-image-slot{position:absolute;inset:var(--nf-media-frame);overflow:hidden;touch-action:none}.nf-lightbox-image{display:block;width:100%;height:100%;object-fit:scale-down;transform-origin:center;user-select:none}.nf-lightbox-image-slot--zoomed{cursor:grab}.nf-lightbox-image-slot--dragging{cursor:grabbing}.nf-lightbox-image[hidden],.nf-lightbox-status[hidden],.nf-lightbox-nav[hidden],.nf-lightbox-counter[hidden]{display:none}.nf-lightbox-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 76px;text-align:center;overflow-wrap:anywhere;pointer-events:none}.nf-lightbox-status::before{content:"";width:28px;height:28px;border:3px solid #58606d;border-top-color:#fff;border-radius:50%}.nf-lightbox-status--error::before{display:none}.nf-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgb(255 255 255 / 25%);border-radius:50%;background:rgb(15 22 32 / 80%);color:#fff;cursor:pointer;touch-action:manipulation}.nf-lightbox-nav:hover{background:#334256}.nf-lightbox-nav>svg{display:block;width:24px;height:24px}.nf-lightbox-nav:focus-visible{outline-color:#fff}.nf-lightbox-previous{inset-inline-start:16px}.nf-lightbox-next{inset-inline-end:16px}[dir=rtl] .nf-lightbox-nav>svg{transform:scaleX(-1)}.nf-lightbox-counter{position:relative;grid-area:1 / 1;align-self:end;justify-self:left;margin:0 8px max(var(--nf-media-frame, 12px),env(safe-area-inset-bottom)) max(var(--nf-media-frame, 12px),env(safe-area-inset-left));padding:4px 11px;border-radius:20px;background:rgb(15 22 32 / 75%);color:#fff;direction:ltr;white-space:nowrap;font-size:.8125rem;font-variant-numeric:tabular-nums;pointer-events:none}[dir=rtl] .nf-lightbox-stage{grid-template-columns:minmax(0,1fr) auto minmax(max-content,1fr)}[dir=rtl] .nf-lightbox-counter{grid-column:3}.nf-dialog--media .nf-dialog-aside{flex-basis:360px}.nf-lightbox-comments{display:flex;flex-direction:column;height:100%;min-height:0;color:var(--nf-dialog-color)}.nf-lightbox-comments-heading{flex:0 0 auto;margin:0;padding-block:22px 16px;padding-inline:16px 66px;font-size:1rem;font-weight:600;border-bottom:1px solid var(--nf-dialog-border)}.nf-lightbox-comments-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px}.nf-lightbox-comments-list{list-style:none;padding:0;margin:0}.nf-lightbox-comments-list>li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:2px 9px;margin-bottom:20px}.nf-lightbox-comment-avatar{grid-row:span 2;border-radius:50%;object-fit:cover}.nf-lightbox-comment-author{font-weight:600;overflow-wrap:anywhere}.nf-lightbox-comments-list time{justify-self:start;max-width:100%;font-size:.75rem;color:var(--bs-secondary-color, #616d7b)}.nf-lightbox-comment-body{grid-column:2;min-width:0;overflow-wrap:anywhere;font-size:.875rem}.nf-lightbox-comment-body img,.nf-lightbox-comment-body iframe,.nf-lightbox-comment-body video{max-width:100%}.nf-lightbox-comment-body pre{max-width:100%;overflow:auto}.nf-lightbox-comments-status{font-size:.875rem;color:var(--bs-secondary-color, #616d7b)}.nf-lightbox-comments-status:empty{display:none}.nf-lightbox-comments-form,.nf-lightbox-comments-read-only{flex:0 0 auto;padding:12px;border-top:1px solid var(--nf-dialog-border)}.nf-lightbox-comments-form{border-top:0;border-bottom:1px solid var(--nf-dialog-border)}.nf-lightbox-comments-read-only{margin:0;font-size:.875rem;color:var(--bs-secondary-color, #616d7b)}.nf-lightbox-comments-form textarea{min-height:72px;max-height:160px;overflow-y:auto;font-size:.875rem}.nf-lightbox-comments-form>button{display:block;margin-block-start:8px;margin-inline-start:auto}.nf-lightbox-comments-error{margin:8px 0 0;color:var(--bs-danger, #b02a37);font-size:.875rem}.nf-lightbox-comments-heading[hidden],.nf-lightbox-comments-scroll[hidden],.nf-lightbox-comments-form[hidden],.nf-lightbox-comments-more[hidden],.nf-lightbox-comments-read-only[hidden]{display:none}.nf-lightbox-actions{position:relative;grid-area:1 / 2;align-self:end;justify-self:center;margin-bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:8px;padding:4px;border-radius:28px;background:rgb(15 22 32 / 85%)}.nf-lightbox-tool{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid rgb(255 255 255 / 25%);border-radius:24px;background:transparent;color:#fff;cursor:pointer;font-size:.875rem;touch-action:manipulation}.nf-lightbox-tool svg{display:block;width:24px;height:24px;flex:0 0 auto}.nf-lightbox-actions>.nf-lightbox-tool{width:48px;height:48px;padding:0}.nf-lightbox-actions>.nf-lightbox-like--with-count,.nf-lightbox-actions>.nf-lightbox-tool--with-count{width:auto;padding-inline:12px}.nf-lightbox-tool:hover{background:#334256}.nf-lightbox-tool[aria-pressed=true]{background:#286143;border-color:#73bb8f}.nf-lightbox-comment-toggle[aria-expanded=true]{background:#334256}.nf-lightbox-tool:disabled{opacity:.6;cursor:wait}.nf-lightbox-like--read-only:disabled{opacity:1;cursor:default}.nf-lightbox-like--read-only:hover{background:transparent}.nf-lightbox-author{overflow:hidden}.nf-lightbox-author>img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.nf-lightbox-share-panel,.nf-lightbox-info-panel,.nf-lightbox-author-panel{position:absolute;z-index:1;inset-inline:12px;inset-block-end:var(--nf-lightbox-panel-bottom, 80px);max-width:420px;max-height:calc(100% - var(--nf-lightbox-panel-bottom, 80px) - 26px);margin-inline:auto;padding:16px;overflow:auto;background:#18212f;color:#fff;border:1px solid #58606d;border-radius:14px;box-shadow:0 8px 30px rgb(0 0 0 / 30%)}.nf-lightbox-info-panel{overflow-wrap:anywhere;font-size:.875rem;overscroll-behavior:contain}.nf-lightbox-info-panel a,.nf-lightbox-author-panel>a{color:#fff;font-weight:600;text-decoration:underline;overflow-wrap:anywhere}.nf-lightbox-info-list{margin:0}.nf-lightbox-info-list>div+div{margin-block-start:12px;padding-block-start:12px;border-block-start:1px solid rgb(255 255 255 / 15%)}.nf-lightbox-info-list dt{margin-block-end:3px;color:#c2cbd8;font-size:.8125rem;font-weight:400}.nf-lightbox-info-list dd{margin:0}.nf-lightbox-description{white-space:pre-wrap}.nf-lightbox-uploaded{display:inline-block}.nf-lightbox-share-panel p{font-size:.875rem;margin:0 0 10px}.nf-lightbox-share-panel input{width:100%;padding:9px;border:1px solid #58606d;border-radius:6px;background:#10151d;color:#fff}.nf-lightbox-share-panel button{margin-block-start:10px}.nf-lightbox-tool-status{position:absolute;z-index:2;inset-inline:12px;inset-block-start:64px;width:fit-content;max-width:calc(100% - 24px);margin-inline:auto;padding:8px 14px;border-radius:12px;background:#18212f;color:#fff;font-size:.875rem}.nf-lightbox-filter-badge{position:absolute;inset-block-start:16px;inset-inline-start:16px;max-width:calc(100% - 96px);gap:7px;padding:7px 12px;font-size:.75rem;background:rgb(15 22 32 / 85%)}.nf-lightbox-filter-badge>svg{width:18px;height:18px;flex:0 0 18px}.nf-lightbox-filter-panel{position:absolute;z-index:1;top:64px;inset-inline:72px;width:auto;max-width:440px;max-height:calc(100% - var(--nf-lightbox-panel-bottom, 80px) - 80px);overflow:auto;overscroll-behavior:contain;margin-inline:auto;padding:20px;border:1px solid #58606d;border-radius:16px;background:rgb(24 33 47 / 96%);color:#fff;font-size:.875rem;line-height:1.5;box-shadow:0 8px 30px rgb(0 0 0 / 25%)}.nf-lightbox-filter-panel--protected{top:50%;transform:translateY(-50%)}.nf-lightbox-filter-panel>strong{display:block;margin-bottom:10px}.nf-lightbox-filter-panel p{margin:0 0 12px}.nf-lightbox-filter-panel>div{display:flex;flex-wrap:wrap;gap:8px 16px}.nf-lightbox-filter-panel a{color:#c7e5ff;text-decoration:underline;text-underline-offset:3px}.nf-lightbox-stage--filtered .nf-lightbox-image{opacity:.35}.nf-lightbox-filter-panel[hidden],.nf-lightbox-filter-badge[hidden]{display:none}@media(max-width:700px){.nf-lightbox-filter-panel{inset-inline:56px;padding:14px;font-size:.8125rem}}.nf-lightbox-actions[hidden],.nf-lightbox-tool[hidden],.nf-lightbox-share-panel[hidden],.nf-lightbox-info-panel[hidden],.nf-lightbox-author-panel[hidden],.nf-lightbox-tool-status[hidden]{display:none}@media(max-width:700px){.nf-dialog--media.nf-dialog--with-aside .nf-dialog-content{overflow:hidden}.nf-dialog--media.nf-dialog--with-aside .nf-dialog-body{flex:1 1 auto;min-height:min(140px,30dvh)}.nf-dialog--media .nf-dialog-aside{flex:0 1 auto;height:auto;max-height:60%;overflow:hidden}.nf-lightbox-comments{height:auto;max-height:100%}.nf-lightbox-comments-scroll{flex:0 1 auto;max-height:30dvh}.nf-lightbox-comments-form textarea{min-height:60px;max-height:100px;font-size:16px}.nf-lightbox-comments-heading{padding:16px}.nf-lightbox-stage{grid-template-columns:max-content minmax(0,1fr)}.nf-lightbox-actions{min-width:0;max-width:calc(100% - 8px);gap:6px;flex-wrap:wrap;justify-content:center}.nf-lightbox-actions>.nf-lightbox-tool{flex:0 0 auto}[dir=rtl] .nf-lightbox-stage{grid-template-columns:minmax(0,1fr) max-content}[dir=rtl] .nf-lightbox-counter{grid-column:2}[dir=rtl] .nf-lightbox-actions{grid-column:1}.nf-lightbox-previous{inset-inline-start:max(8px,env(safe-area-inset-left))}.nf-lightbox-next{inset-inline-end:max(8px,env(safe-area-inset-right))}}.nf-dialog--media.nf-dialog--typing{position:fixed;margin:0;top:var(--nf-comment-top);left:var(--nf-comment-left);right:auto;bottom:auto;width:var(--nf-comment-width);max-width:var(--nf-comment-width);height:var(--nf-comment-height);max-height:var(--nf-comment-height);background:var(--nf-dialog-bg)}.nf-dialog--media.nf-dialog--typing .nf-dialog-body{display:none}.nf-dialog--media.nf-dialog--typing .nf-dialog-aside{flex:1 1 auto;height:100%;max-height:100%;overflow:auto;border:0}.nf-dialog--typing .nf-lightbox-comments{height:100%;max-height:100%}.nf-dialog--typing .nf-lightbox-comments-heading,.nf-dialog--typing .nf-lightbox-comments-scroll,.nf-dialog--typing .nf-lightbox-comments-read-only{display:none}.nf-dialog--typing .nf-lightbox-comments-form:not([hidden]){display:flex;flex-direction:column;min-height:0;max-height:100%;padding-top:60px;overflow:auto;border:0}.nf-dialog--typing .nf-lightbox-comments-form textarea{flex:0 1 auto;min-height:44px;max-height:min(160px,calc(var(--nf-comment-height) - 140px));font-size:16px}.nf-dialog--typing .nf-lightbox-comments-form>button{flex:0 0 auto}@media(prefers-reduced-motion:no-preference){.nf-lightbox-status::before{animation:nf-lightbox-spin 900ms linear infinite}@keyframes nf-lightbox-spin{to{transform:rotate(360deg)}}}
