{"version":3,"file":"avatar-group.css.cjs","names":[],"sources":["../../../src/content/avatar/avatar-group.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    display: inline-flex;\n    flex-direction: row;\n  }\n\n  /* Overlap avatars, latest first */\n  ::slotted(ore-avatar) {\n    --avatar-border: var(--border-2) solid var(--color-canvas);\n\n    margin-left: calc(var(--avatar-group-overlap, -0.75rem));\n  }\n\n  ::slotted(ore-avatar:first-child) {\n    margin-left: 0;\n  }\n\n  :host([dir='rtl']) ::slotted(ore-avatar),\n  :host(:dir(rtl)) ::slotted(ore-avatar) {\n    margin-right: calc(var(--avatar-group-overlap, -0.75rem));\n    margin-left: 0;\n  }\n\n  :host([dir='rtl']) ::slotted(ore-avatar:first-child),\n  :host(:dir(rtl)) ::slotted(ore-avatar:first-child) {\n    margin-right: 0;\n  }\n\n  ::slotted(ore-avatar[data-avatar-group-hidden]) {\n    display: none;\n  }\n\n  .overflow-badge {\n    --_size: var(--avatar-size, var(--size-10));\n\n    box-sizing: border-box;\n    display: inline-flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n    width: var(--_size);\n    height: var(--_size);\n    margin-left: calc(var(--avatar-group-overlap, -0.75rem));\n    font-size: var(--text-xs);\n    font-weight: var(--font-semibold);\n    color: var(--color-contrast-700);\n    user-select: none;\n    background: var(--color-contrast-200);\n    border: var(--border-2) solid var(--color-canvas);\n    border-radius: var(--rounded-full);\n  }\n\n  :host([dir='rtl']) .overflow-badge,\n  :host(:dir(rtl)) .overflow-badge {\n    margin-right: calc(var(--avatar-group-overlap, -0.75rem));\n    margin-left: 0;\n  }\n}\n"],"mappings":""}