"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
const _react = require("@emotion/react");
const _Avatartokens = require("../Avatar/Avatar.tokens");
const base = (0, /*#__PURE__*/ _react.css)("display:flex;justify-content:flex-start;align-items:center;& .", _Avatartokens.classes.avatarItem, "{margin-left:calc(var(", _Avatartokens.tokens.avatarSize, ") * -0.2);mask-repeat:no-repeat;mask:radial-gradient(\n            circle at calc(var(", _Avatartokens.tokens.avatarSize, ") * 1.3) center,#0000 calc(var(", _Avatartokens.tokens.avatarSize, ") * 0.58),#000 0\n        );&:first-child{margin-left:0;}&:last-child{-webkit-mask-image:none;}&:hover,&:focus-visible{position:relative;mask:none;cursor:pointer;& + .", _Avatartokens.classes.avatarItem, "{mask:radial-gradient(\n                    circle at calc(var(", _Avatartokens.tokens.avatarSize, ") * 1.3) center,#0000 calc(var(", _Avatartokens.tokens.avatarSize, ") * 0.58),#000 0\n                ),radial-gradient(\n                    circle at calc(var(", _Avatartokens.tokens.avatarSize, ") * -0.3) center,#0000 calc(var(", _Avatartokens.tokens.avatarSize, ") * 0.58),#000 0\n                );mask-composite:intersect;&:last-child{mask:radial-gradient(\n                        circle at calc(var(", _Avatartokens.tokens.avatarSize, ") * -0.3) center,#0000 calc(var(", _Avatartokens.tokens.avatarSize, ") * 0.58),#000 0\n                    );}}}}}", "base");
