.image-preview.image-preview--compact{flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;margin:0;display:flex}.image-preview.image-preview--compact button{aspect-ratio:1;background:color-mix(in srgb, var(--foreground) 4%, transparent);cursor:zoom-in;border:0;border-radius:4px;flex:0 0 50px;place-items:center;width:50px;max-width:50px;height:50px;padding:0;display:grid}.image-preview.image-preview--compact img{object-fit:contain;filter:none;width:50px;max-width:50px;height:50px;max-height:50px;display:block}.image-preview.image-preview--compact button:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.image-preview-modal{z-index:120;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000db;place-items:center;padding:60px;display:grid;position:fixed;inset:0}.image-preview-modal img{object-fit:contain;border:1px solid rgba(var(--white-rgb), .16);background:#0a0a0a;max-width:min(1120px,92vw);max-height:82vh;display:block}.image-preview-modal__close,.image-preview-modal__nav{border:1px solid rgba(var(--white-rgb), .18);color:#f4f4f1;background:#00000059;place-items:center;display:grid;position:absolute}.image-preview-modal__close{width:42px;height:42px;top:28px;right:28px}.image-preview-modal__nav{width:46px;height:58px;top:50%;transform:translateY(-50%)}.image-preview-modal__nav--prev{left:28px}.image-preview-modal__nav--next{right:28px}.image-preview-modal__close:hover,.image-preview-modal__nav:hover{color:#0a0a0a;background:#f4f4f1}