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