.attachment-preview-gallery{width:182px;max-width:100%;min-width:0;margin:0}.attachment-preview-frame{position:relative;overflow:hidden;border:1px solid var(--dt-line,#cbd4c0);border-radius:4px;background:var(--dt-subtle,#eeeee3);touch-action:pan-y}.attachment-preview-open{display:block;width:100%;height:142px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;cursor:zoom-in}.attachment-preview-open:disabled{cursor:default;opacity:1}.attachment-preview-frame img{display:block;width:100%;height:100%;object-fit:contain}.attachment-preview-open:focus-visible{outline-offset:-4px}.attachment-preview-kind,.attachment-preview-count{position:absolute;padding:2px 6px;background:var(--dt-surface,#fafaf3);color:var(--dt-muted,#58664e);border-radius:3px;font-size:10px;line-height:16px;pointer-events:none}.attachment-preview-kind{top:7px;left:7px}.attachment-preview-count{right:7px;bottom:7px}.attachment-preview-arrow{position:absolute;top:calc(50% - 22px);display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0!important;border:0;border-radius:50%;background:var(--dt-surface,#fafaf3);color:var(--dt-action,#30533a);font-size:25px;line-height:1;box-shadow:none}.attachment-preview-arrow.is-prev{left:2px}.attachment-preview-arrow.is-next{right:2px}.attachment-preview-caption{margin:6px 0 0;color:var(--dt-muted,#58664e);font-size:11px;line-height:16px;overflow-wrap:anywhere}.attachment-preview-fallback{display:grid;place-content:center;width:100%;height:100%;padding:18px;color:var(--dt-muted,#58664e);font-size:12px;line-height:18px;text-align:center;overflow-wrap:anywhere}.attachment-preview-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.attachment-preview-viewer{width:min(920px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border:1px solid var(--dt-line,#cbd4c0);border-radius:8px;background:var(--dt-surface,#fafaf3);color:var(--dt-ink,#202c23);box-shadow:0 16px 48px rgba(37,43,38,.16)}.attachment-preview-viewer::backdrop{background:rgba(22,34,26,.54)}.attachment-preview-viewer-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.attachment-preview-viewer-head h2{margin:0;font-size:21px;line-height:28px;overflow-wrap:anywhere}.attachment-preview-viewer-head h2:focus{outline:none}.attachment-preview-close{flex:0 0 44px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;margin:-8px -8px -8px 0;padding:0!important;border:0;background:transparent;color:var(--dt-muted,#58664e);font-size:26px;line-height:1}.attachment-preview-viewer>.attachment-preview-frame{height:min(64dvh,570px)}.attachment-preview-viewer .attachment-preview-caption{font-size:13px;line-height:19px}.attachment-preview-viewer .attachment-preview-count{font-size:12px}.attachment-preview-gallery [hidden],.attachment-preview-viewer [hidden]{display:none!important}
/* Workspace button defaults must not add margins or a 44px minimum to the
   image viewport, nor turn the overlaid navigation into a full-width action. */
.attachment-preview-gallery button.attachment-preview-open{min-height:0;margin:0;padding:0;border:0;border-radius:0}.attachment-preview-gallery button.attachment-preview-arrow,.attachment-preview-viewer button.attachment-preview-arrow{width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;box-shadow:none}.attachment-preview-viewer button.attachment-preview-close{margin:-8px -8px -8px 0;padding:0;border:0;background:transparent}
@media(max-width:660px){.attachment-preview-gallery{width:120px}.attachment-preview-open{height:112px}.attachment-preview-arrow{font-size:22px}.attachment-preview-arrow.is-prev{left:-4px}.attachment-preview-arrow.is-next{right:-4px}.attachment-preview-kind,.attachment-preview-count{font-size:9px;padding:1px 4px}.attachment-preview-caption{font-size:10px;line-height:15px}.attachment-preview-viewer{width:calc(100vw - 20px);padding:16px 12px}.attachment-preview-viewer-head h2{font-size:19px;line-height:26px}.attachment-preview-viewer>.attachment-preview-frame{height:min(62dvh,480px)}}