.image-figure{position:relative;display:block;margin:.5rem 0;max-width:100%}.image-content{display:block;max-width:100%;height:auto;border-radius:var(--radius);cursor:zoom-in}.image-figure--compact{margin:0;max-width:none}.image-figure--compact .image-content{width:auto;max-height:4rem;max-width:100%;object-fit:contain;cursor:pointer}.image-figure--uploading{opacity:.7}.image-toolbar{position:absolute;top:.375rem;right:.375rem;display:flex;align-items:center;gap:2px;padding:.25rem;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);border-radius:var(--radius);opacity:0;transition:opacity .15s}.image-figure:hover .image-toolbar{opacity:1}.image-toolbar a,.image-toolbar button{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:calc(var(--radius) - 2px);color:rgba(255,255,255,.8);transition:background .15s,color .15s}.image-toolbar a:hover,.image-toolbar button:hover{background:rgba(255,255,255,.15);color:white}.image-toolbar button.image-toolbar--delete:hover{color:var(--destructive)}