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