import { css } from "styled-components";
import { classes, tokens as avatarTokens } from "../Avatar/Avatar.tokens";
export const base = 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 );}}}}}`
], classes.avatarItem, avatarTokens.avatarSize, avatarTokens.avatarSize, avatarTokens.avatarSize, classes.avatarItem, avatarTokens.avatarSize, avatarTokens.avatarSize, avatarTokens.avatarSize, avatarTokens.avatarSize, avatarTokens.avatarSize, avatarTokens.avatarSize);
