.UserCircleImage{background:var(--color-bg-subtle-2);border-radius:8px;display:block;position:relative;overflow:hidden}.UserCircleImage img{width:100%}.UserCircleImage.default{width:50px;min-width:50px;height:50px}.UserCircleImage.small{width:30px;min-width:30px;height:30px}.UserCircleImage.extra-small{width:20px;min-width:20px;height:20px}.UserCircleImage.uploadIcon .UserCircleImage-empty{background-size:20px}.UserCircleImage-empty{background:var(--color-bg-subtle-2);text-transform:uppercase;text-align:center;background-size:100% 100%;justify-content:center;align-items:center;width:100%;padding-bottom:100%;font-size:11px;font-weight:700;display:flex;position:relative}.UserCircleImage-empty .UserCircleImage-empty-initials{opacity:.7;text-align:center;width:100%;margin-top:-7px;position:absolute;top:50%;left:0}.UserCircleImage-imageSquare{background-position:50%;background-size:cover;width:100%;padding-bottom:100%;display:flex;position:relative}.UserCircleImage-background{display:flex;position:absolute;inset:0}.UserCircleImage-colourStripe{flex:1}.box-shadow-distant{box-shadow:0 4px 11px #0003}.box-shadow-close{box-shadow:0 1px 6px #00000026}.box-shadow-subtle{box-shadow:0 1px 2px #0000001a}.box-shadow-inset-subtle{box-shadow:inset 0 1px 3px #898eb538}.pill{text-align:center;color:#fff;text-transform:uppercase;background:#595e86;border-radius:4px;min-width:26px;padding:2px 5px;font-size:11px;font-weight:700;display:inline-block}.box-shadow-1{transition:box-shadow .2s;box-shadow:0 1px 3px #0000001a}.box-shadow-1:hover{box-shadow:0 2px 4px #0003}.SystemUser{align-items:center;margin:5px 5px 5px 0;display:flex}.SystemUser-profileImage{flex:0;margin-right:5px}.SystemUser-SystemUser-details{flex:1}.SystemUser-details{text-overflow:ellipsis;overflow:hidden}.SystemUser-details i{color:#898eb5}