{"version":3,"file":"blocks/AvatarGroup/style-index.css","mappings":";;;AAGA;EACC;EACA;EACA;EACA;AAFD;AAIC;EACC;EACA;EACA;EACA;EACA;AAFF;AAKE;EACC;AAHH;AAME;EACC;AAJH;AASC;EACC;AAPF;AAUC;EACC;AARF;AAcC;EACC;AAZF;AAeE;EACC;AAbH;AAiBC;EACC;AAfF;AAkBC;EACC;EAEA;AAjBF;AAoBC;EACC;AAlBF;AAsBC;EACC;AApBF;AAuBC;EACC;EACA;EACA;EACA;AArBF;AAwBC;EACC;AAtBF;AA2BE;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1BH;;AAgCA;EACC;IACC;IACA;EA7BA;EAgCD;IACC;IACA;EA9BA;AACF;AAkCA;EACC;IACC;EAhCA;AACF,C","sources":["webpack://brandy-blocks/./src/blocks/AvatarGroup/style.scss"],"sourcesContent":["// Avatar Group — shared editor + frontend styles.\n// Base layout only in Phase 1; overlap/ring/overflow/tooltip land in Phases 2-3.\n\n.brandy-avatar-group {\n\t--brandy-avatar-size: 40px;\n\t--brandy-avatar-overlap: 12px;\n\t--brandy-avatar-ring-color: #ffffff;\n\t--brandy-avatar-ring-width: 2px;\n\n\t&__list {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\n\t\t// Overlap every stacked item, including the +N tile.\n\t\t> * + * {\n\t\t\tmargin-left: calc(var(--brandy-avatar-overlap, 12px) * -1);\n\t\t}\n\n\t\t> * {\n\t\t\tposition: relative;\n\t\t}\n\t}\n\n\t// Horizontal justification of the whole stack (default: left).\n\t&.is-justify-center &__list {\n\t\tjustify-content: center;\n\t}\n\n\t&.is-justify-right &__list {\n\t\tjustify-content: flex-end;\n\t}\n\n\t// Descendant selectors below intentionally match the standalone class names\n\t// emitted by AvatarGroup::render() (.brandy-avatar-item, .brandy-avatar-overflow),\n\t// NOT BEM children of the group.\n\t.brandy-avatar-item {\n\t\tdisplay: inline-flex;\n\n\t\t// Avatars past maxVisible are hidden until the group expands.\n\t\t&.is-hidden {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.brandy-avatar-link {\n\t\tdisplay: inline-flex;\n\t}\n\n\t&.is-expanded .brandy-avatar-item.is-hidden {\n\t\tdisplay: inline-flex;\n\t\t// Play a fade/scale-in as the item enters the render tree on expand.\n\t\tanimation: brandy-avatar-reveal 0.28s ease both;\n\t}\n\n\t&.is-expanded .brandy-avatar-overflow {\n\t\tdisplay: none;\n\t}\n\n\t// +N overflow tile — inherits avatar sizing/shape/ring via .brandy-avatar.\n\t.brandy-avatar-overflow {\n\t\tdisplay: inline-flex;\n\t}\n\n\t.brandy-avatar-overflow__btn {\n\t\tborder: 0;\n\t\tfont: inherit;\n\t\tfont-size: calc(var(--brandy-avatar-size, 40px) * 0.36);\n\t\tline-height: 1;\n\t}\n\n\tbutton.brandy-avatar-overflow__btn {\n\t\tcursor: pointer;\n\t}\n\n\t// Name tooltip — pure CSS, only when a data-name is present.\n\t.brandy-avatar-item[data-name] {\n\t\t&:hover::after,\n\t\t&:focus-within::after {\n\t\t\tcontent: attr(data-name);\n\t\t\tposition: absolute;\n\t\t\tbottom: calc(100% + 6px);\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t\tz-index: 20;\n\t\t\tpadding: 4px 8px;\n\t\t\tborder-radius: 4px;\n\t\t\tbackground: #1e1e1e;\n\t\t\tcolor: #fff;\n\t\t\tfont-size: 12px;\n\t\t\tline-height: 1.2;\n\t\t\twhite-space: nowrap;\n\t\t\tpointer-events: none;\n\t\t}\n\t}\n}\n\n// Reveal animation for avatars shown when the group expands.\n@keyframes brandy-avatar-reveal {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(-8px) scale(0.6);\n\t}\n\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0) scale(1);\n\t}\n}\n\n// Respect users who prefer reduced motion.\n@media (prefers-reduced-motion: reduce) {\n\t.brandy-avatar-group.is-expanded .brandy-avatar-item.is-hidden {\n\t\tanimation: none;\n\t}\n}\n"],"names":[],"sourceRoot":""}