.staffPortraitPreviewRoot{z-index:120;padding:1rem;padding-bottom:max(1rem, env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.staffPortraitPreviewBackdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#000000b8;border:0;position:absolute;inset:0}.staffPortraitPreviewPanel{z-index:1;background:#fff;border-radius:1rem;flex-direction:column;align-items:center;gap:.75rem;width:min(100%,28rem);max-height:min(90dvh,36rem);padding:.75rem .75rem 1rem;display:flex;position:relative;box-shadow:0 24px 48px #00000047}.staffPortraitPreviewClose{z-index:2;color:#20202a;background:#fff;border:1px solid #e8e2dc;border-radius:999px;place-items:center;width:2.25rem;height:2.25rem;display:grid;position:absolute;top:.5rem;right:.5rem;box-shadow:none!important;transform:none!important}.staffPortraitPreviewImage{-o-object-fit:contain;object-fit:contain;background:#f7f7f7;border-radius:.75rem;width:100%;max-height:min(72dvh,28rem)}.staffPortraitPreviewCaption{color:#20202a;text-align:center;margin:0;font-size:15px;font-weight:700}.staffPortraitPreviewTrigger{cursor:zoom-in;background:0 0;border:0;border-radius:999px;padding:0;line-height:0;display:inline-flex;box-shadow:none!important;transform:none!important}.staffPortraitPreviewTrigger:focus-visible{outline-offset:3px;outline:2px solid #fb5a00}.ownerAvatarPreviewTrigger .ownerAvatarImage{pointer-events:none}