/* Existing local portraits, shared by the register, profiles and tree panel. */
.person-portrait-frame.has-portrait,.person-portrait-frame.is-deceased{display:block;position:relative;overflow:hidden;isolation:isolate}
.person-portrait-frame.has-portrait>span,.person-portrait-frame.is-deceased>span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}
.person-portrait-frame .person-portrait-image,
#trab-tree-app .tree-panel-avatar .person-portrait-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0;background:var(--paper,#fff)}
.person-portrait-image[hidden]{display:none!important}
#trab-tree-app .tree-panel-avatar.has-portrait{position:relative;overflow:hidden;isolation:isolate}
@media(max-width:580px){
  .person-heading:has(.large-monogram.has-portrait),.person-heading:has(.large-monogram.is-deceased){grid-template-columns:minmax(0,1fr) 76px;align-items:start}
  .person-heading:has(.large-monogram.has-portrait)>div,.person-heading:has(.large-monogram.is-deceased)>div{min-width:0}
  .person-heading:has(.large-monogram.has-portrait) h1,.person-heading:has(.large-monogram.is-deceased) h1{overflow-wrap:anywhere}
  .person-heading .large-monogram.has-portrait,.person-heading .large-monogram.is-deceased{display:block;width:76px;height:94px;font-size:42px}
}
@media print{
  .person-heading .large-monogram.has-portrait,.person-heading .large-monogram.is-deceased{display:block;width:90px;height:105px;float:right;margin:0 0 12px 18px}
}

/* A mourning band belongs only to a person explicitly registered as deceased. */
.person-card.is-deceased{overflow:hidden}
.person-card.is-deceased::before,.large-monogram.is-deceased::after,#tree-person-panel.is-deceased::before{content:"";position:absolute;top:9px;left:-8px;width:39px;height:7px;z-index:2;transform:rotate(-45deg);background:#181818;box-shadow:0 1px 1px #0003;pointer-events:none}
.person-deceased-label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}