.ads-attachment-preview{gap:var(--ds-space-200);min-height:100%;color:var(--ds-text);font:var(--ds-font-body);flex-direction:column;display:flex}.ads-attachment-preview :where(p){margin:0}.ads-attachment-preview__toolbar{justify-content:space-between;align-items:center;gap:var(--ds-space-100);flex-wrap:wrap;display:flex}.ads-attachment-preview__pager{align-items:center;gap:var(--ds-space-100);display:flex}.ads-attachment-preview__page{text-align:center;min-width:8ch;color:var(--ds-text-subtle);font-variant-numeric:tabular-nums}.ads-attachment-preview__skeleton{gap:var(--ds-space-150);flex-direction:column;display:flex}.ads-attachment-preview__canvas{border-radius:var(--ds-radius-medium);background:var(--ds-background-neutral);padding:var(--ds-space-200);flex:1;justify-content:center;align-items:flex-start;display:flex;overflow:auto}.ads-attachment-preview__canvas[hidden]{display:none}.ads-attachment-preview__canvas img{max-width:100%;height:auto;box-shadow:var(--ds-shadow-raised);display:block}.ads-attachment-preview__canvas--zoomed{justify-content:flex-start}.ads-attachment-preview__canvas--zoomed img{flex:none;width:200%;max-width:none}.ads-attachment-preview__text{padding:var(--ds-space-200);border-radius:var(--ds-radius-medium);background:var(--ds-background-neutral);font:var(--ds-font-code);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0;overflow:auto}.ads-attachment-preview__text:focus-visible{outline:2px solid var(--ds-border-focused);outline-offset:2px}.ads-attachment-preview__audio{align-items:center;gap:var(--ds-space-200);padding:var(--ds-space-300);border-radius:var(--ds-radius-medium);background:var(--ds-background-neutral);flex-wrap:wrap;display:flex}