/* One full-screen viewer for every attachment entry point, on desktop and mobile. */
body.attachment-viewer-open{overflow:hidden!important}
body>#attachment-viewer.v686-viewer.is-open{box-sizing:border-box!important;position:fixed!important;display:flex!important;flex-direction:column!important;inset:auto!important;top:var(--viewer-screen-top,0px)!important;left:var(--viewer-screen-left,0px)!important;right:auto!important;bottom:auto!important;width:var(--viewer-screen-width,100vw)!important;max-width:none!important;min-width:0!important;height:var(--viewer-screen-height,100dvh)!important;max-height:none!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#0b0d11!important;color:#fff!important;z-index:30000!important;grid-column:auto!important;grid-row:auto!important}
body>#attachment-viewer.v686-viewer[hidden]{display:none!important}
body>#attachment-viewer.v686-viewer .attachment-viewer-head{box-sizing:border-box!important;position:absolute!important;inset:0 0 auto 0!important;z-index:6!important;display:flex!important;align-items:center!important;gap:12px!important;min-height:64px!important;padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left))!important;border:0!important;border-radius:0!important;background:rgba(0,0,0,.58)!important;color:#fff!important;box-shadow:none!important;backdrop-filter:blur(8px)}
body>#attachment-viewer.v686-viewer #attachment-viewer-name{font-size:14px!important;font-weight:500!important;line-height:1.4!important;color:#fff!important;min-width:0!important;flex:1!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}
body>#attachment-viewer.v686-viewer .attachment-viewer-actions{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;flex:none!important;gap:8px!important}
html body>#attachment-viewer.v686-viewer :is(#attachment-share,#attachment-download,#attachment-delete-shared,#close-attachment-viewer){box-sizing:border-box!important;display:inline-grid!important;place-items:center!important;flex:none!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;opacity:1!important;line-height:1!important;text-decoration:none!important;cursor:pointer}
html body>#attachment-viewer.v686-viewer #attachment-delete-shared{color:#ff5a6a!important}
html body>#attachment-viewer.v686-viewer :is(#attachment-share,#attachment-download,#attachment-delete-shared,#close-attachment-viewer) svg{display:block!important;width:22px!important;height:22px!important;stroke:currentColor!important;color:inherit!important;opacity:1!important;visibility:visible!important}
html body>#attachment-viewer.v686-viewer :is(#attachment-share,#attachment-download,#attachment-delete-shared,#close-attachment-viewer):hover{background:transparent!important;opacity:.75!important}
html body>#attachment-viewer.v686-viewer :is(#attachment-share,#attachment-download,#attachment-delete-shared,#close-attachment-viewer):focus-visible{outline:2px solid currentColor!important;outline-offset:-5px!important}
body>#attachment-viewer.v686-viewer .attachment-preview{box-sizing:border-box!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;flex:1!important;padding:0!important;border:0!important;background:transparent!important;overflow:hidden!important}
body>#attachment-viewer.v686-viewer #attachment-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:transparent!important;color:#fff!important;overflow:hidden!important;touch-action:none!important}
body>#attachment-viewer.v686-viewer #attachment-media img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
body>#attachment-viewer.v686-viewer #attachment-media iframe{box-sizing:border-box!important;width:100%!important;height:100%!important;border:0!important;padding-top:calc(64px + env(safe-area-inset-top))!important;background:#fff}
body>#attachment-viewer.v686-viewer #attachment-image-count{bottom:max(18px,env(safe-area-inset-bottom))!important;padding:5px 10px!important;border-radius:12px!important;background:rgba(0,0,0,.58)!important;color:#fff!important;font-size:12px!important}
body>#attachment-viewer.v686-viewer .gallery-arrow{z-index:5!important}
body>#attachment-viewer.v686-viewer .gallery-arrow[hidden],body>#attachment-viewer.v686-viewer #attachment-image-count[hidden],html body>#attachment-viewer.v686-viewer .attachment-viewer-actions>[hidden]{display:none!important}
@media(max-width:600px){body>#attachment-viewer.v686-viewer .attachment-viewer-head{gap:4px!important;padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right))!important}body>#attachment-viewer.v686-viewer #attachment-viewer-name{font-size:12px!important}body>#attachment-viewer.v686-viewer .attachment-viewer-actions{gap:0!important}}
/* Neutralize previous dark-mode boxed action overrides as well. */
html[data-theme=dark] body>#attachment-viewer.v686-viewer :is(#attachment-share,#attachment-download,#attachment-delete-shared,#close-attachment-viewer){border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;color:#fff!important}
html[data-theme=dark] body>#attachment-viewer.v686-viewer #attachment-delete-shared{color:#ff5a6a!important}