:root :is(.face,.avatar,.act-face,.ans-face,.walk-face,.tile-face,.inv-face,.sx-pick-face,.community-photo,.c-faces-all,.pf-mark-face,.rail-face,.anon-face){background:var(--surface-alt);color:var(--ink-soft);font-family:var(--font-display);letter-spacing:-.02em;-webkit-user-select:none;user-select:none;font-weight:800;line-height:1;font-size:calc(var(--face-d,34px) * .38);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}:root .avatar{--face-d:27px}:root .tile-face{--face-d:34px;width:var(--face-d);height:var(--face-d)}:root .ans-face{--face-d:34px}:root .rail-face{--face-d:38px}:root .act-face,:root .walk-face,:root .inv-face{--face-d:42px}:root .inv-face.big{--face-d:56px}:root .sx-pick-face{--face-d:48px}:root .community-photo{--face-d:54px}:root .c-faces-all{--face-d:34px;width:var(--face-d);height:var(--face-d)}:root .pf-mark-face{--face-d:62px}:root .anon-face{--face-d:88px}@media (width>=700px){:root .anon-face{--face-d:116px}}@media (width<=399px){:root .anon-face{--face-d:76px}}:root :is(.face,.avatar,.act-face,.ans-face,.walk-face,.tile-face,.inv-face,.sx-pick-face,.community-photo,.c-faces-all,.pf-mark-face,.rail-face,.anon-face)>img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}:root :is(.face,.avatar,.anon-face,.pf-mark-face,.rail-face,.sx-pick-face){--ring:0px;--ring-gap:0px;--ring-c:transparent}:root .rail-face{--ring:1.5px;--ring-c:var(--presence);box-shadow:0 0 0 var(--ring) var(--ring-c);border:0}:root .rail-face.away{--ring-c:var(--presence-dim)}:root .rail-face.live{--ring-c:var(--accent)}:root .rail-face.own{--ring-c:var(--presence-dim)}:root .pf-mark-face{--ring:1px;--ring-gap:2px;--ring-c:var(--surface-alt);box-shadow:0 0 0 var(--ring-gap) var(--ground), 0 0 0 calc(var(--ring-gap) + var(--ring)) var(--ring-c)}:root .pf-mark:active .pf-mark-face{--ring-c:var(--accent)}:root .pf-mark.add .pf-mark-face{--ring:0px;--ring-gap:0px;box-shadow:none;color:var(--accent)}:root .sx-pick.on .sx-pick-face{--ring:3px;--ring-c:var(--accent);box-shadow:0 0 0 var(--ring) var(--ring-c)}:root .anon-face{box-shadow:none}:root :is(.avatar.ghost,.anon-face,.face.pw-ghost,.act-face.pf-ghost,.pw-ghost){background:var(--surface-alt)!important;color:var(--presence)!important}:root .ans-face:has(>svg){background:var(--surface-alt)!important;color:var(--presence)!important}:root :is(.avatar.ghost,.anon-face,.face.pw-ghost,.act-face.pf-ghost,.pw-ghost)>svg,:root .ans-face>svg,:root .pf-mark-face>svg{width:82%;height:82%;transform:translateY(-1.25%)}:root .pf-mark.add .pf-mark-face>svg{width:36%;height:36%;transform:none}:root :is(a,button):active :is(.face,.avatar,.act-face,.ans-face,.walk-face,.tile-face,.inv-face,.sx-pick-face,.community-photo,.c-faces-all,.pf-mark-face,.rail-face,.anon-face),:root :is(a,button):is(.face,.avatar,.act-face,.ans-face,.walk-face,.tile-face,.inv-face,.sx-pick-face,.community-photo,.anon-face):active{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent);transform:scale(.94)}:root :is(.face,.avatar,.act-face,.ans-face,.walk-face,.tile-face,.inv-face,.sx-pick-face,.community-photo,.c-faces-all,.pf-mark-face,.rail-face,.anon-face){transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}:root[data-motion=reduced] :is(a,button):active :is(.face,.avatar,.act-face,.ans-face,.walk-face,.tile-face,.inv-face,.sx-pick-face,.community-photo,.pf-mark-face,.rail-face,.anon-face),:root[data-motion=reduced] :is(a,button):is(.face,.avatar,.act-face,.ans-face,.walk-face,.tile-face,.inv-face,.sx-pick-face,.community-photo,.anon-face):active{transform:none}:root[data-motion=reduced] :is(.face,.avatar,.act-face,.ans-face,.walk-face,.tile-face,.inv-face,.sx-pick-face,.community-photo,.pf-mark-face,.rail-face,.anon-face){transition-duration:0s}@media (prefers-reduced-motion:reduce){:root :is(a,button):active :is(.face,.avatar,.act-face,.ans-face,.walk-face,.tile-face,.inv-face,.sx-pick-face,.community-photo,.pf-mark-face,.rail-face,.anon-face),:root :is(a,button):is(.face,.avatar,.act-face,.ans-face,.walk-face,.tile-face,.inv-face,.sx-pick-face,.community-photo,.anon-face):active{transform:none}:root :is(.face,.avatar,.act-face,.ans-face,.walk-face,.tile-face,.inv-face,.sx-pick-face,.community-photo,.pf-mark-face,.rail-face,.anon-face){transition-duration:0s}}:root :is(a,button):is(.avatar,.tile-face,.ans-face,.community-photo,.face):not(:has(>img)){position:relative;overflow:visible}:root :is(a,button):is(.avatar,.tile-face,.ans-face,.community-photo,.face):not(:has(>img)):after{content:"";border-radius:50%;width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root :is(.face-btn,.pf-mark,.note-face){position:relative}:root :is(.face-btn,.pf-mark,.note-face):after{content:"";border-radius:50%;width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}