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