.member-portrait{display:inline-grid;place-items:center;position:relative;width:2.4rem;height:2.4rem;flex:none;overflow:hidden;vertical-align:middle;border-radius:50%;background:#e6eee7;color:#526b5d}.member-portrait svg{width:68%;height:68%;stroke:currentColor;stroke-width:1.5;fill:none}.member-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portrait-open,.portrait-editor button,.portrait-dialog button{font:inherit;cursor:pointer}.portrait-open{background:transparent;border:0}.portrait-editor{display:grid;gap:.65rem;margin:.7rem 0;border:1px solid #c8d6cc;border-radius:.7rem;padding:.7rem}.portrait-editor small{display:block}.portrait-editor input[type=checkbox]{width:auto}.portrait-card{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.portrait-card img.portrait-local{width:48px;height:48px;border-radius:50%}.portrait-editor p:empty{display:none}.portrait-dialog{max-width:min(90vw,620px);max-height:90vh;overflow:auto;border:1px solid #ccd8d0;border-radius:12px;padding:1rem;color:#203e30;background:#fff}.portrait-dialog::backdrop{background:#172a2266}.portrait-dialog img{max-width:100%;max-height:65vh;display:block}.portrait-crop{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(7rem,1fr);gap:.8rem}.portrait-crop label{display:block}.portrait-crop input,.portrait-crop canvas{width:100%}.portrait-dialog footer{text-align:right;margin-top:.7rem}.portrait-dialog button{margin:.2rem;padding:.35rem .7rem}.portrait-editor button{justify-self:start}@media(max-width:500px){.portrait-crop{grid-template-columns:minmax(0,1fr)}.portrait-crop canvas{max-height:32vh;object-fit:contain}}
