.sms-avatar{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;background-color:var(--color-fill-4);white-space:nowrap;color:var(--color-white);-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;width:40px;height:40px;font-size:20px}.sms-avatar-circle{border-radius:var(--border-radius-circle)}.sms-avatar-circle .sms-avatar-image{border-radius:var(--border-radius-circle);overflow:hidden}.sms-avatar-square{border-radius:var(--border-radius-medium)}.sms-avatar-square .sms-avatar-image{border-radius:var(--border-radius-medium);overflow:hidden}.sms-avatar-text{position:absolute;left:50%;-webkit-transform-origin:0 center;transform-origin:0 center;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-weight:500;line-height:1}.sms-avatar-image{display:inline-block;width:100%;height:100%}.sms-avatar-image img,.sms-avatar-image picture{width:100%;height:100%}.sms-avatar-trigger-icon-button{position:absolute;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;bottom:-4px;right:-4px;color:var(--color-fill-4);font-size:12px;border-radius:var(--border-radius-circle);width:20px;height:20px;line-height:20px;background-color:var(--color-neutral-2);-webkit-transition:background-color .1s cubic-bezier(0,0,1,1);transition:background-color .1s cubic-bezier(0,0,1,1);z-index:1}.sms-avatar-trigger-icon-mask{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;z-index:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;top:0;left:0;font-size:16px;-webkit-transition:all .1s cubic-bezier(0,0,1,1);transition:all .1s cubic-bezier(0,0,1,1);border-radius:var(--border-radius-medium);background-color:rgba(29,33,41,.6);color:var(--color-white)}.sms-avatar-circle .sms-avatar-trigger-icon-mask{border-radius:var(--border-radius-circle)}.sms-avatar-with-trigger-icon{cursor:pointer}.sms-avatar-with-trigger-icon:hover .sms-avatar-trigger-icon-mask{z-index:2;opacity:1}.sms-avatar-with-trigger-icon:hover .sms-avatar-trigger-icon-button{background-color:var(--color-neutral-3)}.sms-avatar-group{display:inline-block;line-height:0}.sms-avatar-group-max-count-avatar{cursor:default;color:var(--color-white);font-size:20px}.sms-avatar-group .sms-avatar{border:2px solid var(--color-bg-2)}.sms-avatar-group .sms-avatar:not(:first-child){margin-left:-10px}.sms-avatar-group-popover .sms-avatar:not(:first-child){margin-left:4px}