{"version":3,"file":"avatar.module.mjs","names":[],"sources":["../../../../package/common/avatar/avatar.module.pcss"],"sourcesContent":[".avatar {\n  --avatar-size: 2.5em;\n  --custom-avatar-radius: var(--avatar-radius, var(--default-border-radius));\n\n  display: inline-flex;\n  width: var(--avatar-size);\n  height: var(--avatar-size);\n  flex-shrink: 0;\n  box-sizing: border-box;\n  vertical-align: middle;\n\n  &-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    border-radius: var(--custom-avatar-radius);\n  }\n\n  &-fallback {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    border-radius: var(--custom-avatar-radius);\n    background: var(--background-accent);\n    color: var(--text-dark);\n    font-size: calc(var(--avatar-size) * 0.4);\n    font-weight: 600;\n    user-select: none;\n    text-transform: uppercase;\n  }\n\n  &-status-badge {\n    border: 2px solid var(--background);\n    box-sizing: border-box;\n  }\n}\n\n.avatarGroup {\n  display: inline-flex;\n  align-items: center;\n\n  &-item {\n    display: inline-flex;\n    border-radius: calc(var(--avatar-radius, var(--default-border-radius)) + 3px);\n    border: 2px solid var(--background);\n    box-sizing: content-box;\n    margin-left: -0.5em;\n\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n"],"mappings":""}