@import url('/static/documents.css');
.attachment-preview{position:fixed;inset:0;box-sizing:border-box;margin:auto;width:100%;max-width:100%;height:100%;height:100dvh;max-height:100dvh;padding:0;border:0;background:#f5f7fb;color:#14233f;overflow:hidden}
.attachment-preview[open]{display:flex;flex-direction:column}
.attachment-preview::backdrop{background:#0009}
.attachment-toolbar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;flex-shrink:0;padding:max(.65rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) .65rem max(.75rem,env(safe-area-inset-left));background:#fff;border-bottom:1px solid #ccd3df}
.attachment-preview button{min-height:44px;padding:.5rem .8rem;border:1px solid #bac5d6;border-radius:.5rem;background:#fff;color:#14233f;font:inherit;cursor:pointer}
.attachment-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:.75rem max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}
.attachment-content>img{display:block;max-width:100%;height:auto;margin:auto}
.attachment-preview [hidden]{display:none!important}