{"version":3,"sources":["../../src/Avatar/Avatar.tsx","../../src/Badge/DotBadge/DotBadge.tsx","../../src/Badge/DotBadge/DotBadge.css.ts","../../src/Badge/NumberBadge/NumberBadge.tsx","../../src/Badge/NumberBadge/NumberBadge.css.ts","../../src/utilities/Clay/Clay.tsx","../../src/Avatar/Avatar.dummy.tsx","../../src/Avatar/Avatar.constants.tsx","../../src/Avatar/Avatar.hooks.ts","../../src/Avatar/Avatar.provider.tsx"],"names":["vars","forwardRef","css","variantMap","dotBadgeCSS","jsx","DotBadge","variant","as","className","native","size","sx","type","ref","__spreadProps","__spreadValues","numberBadgeCSS","NumberBadge","number","Clay","_a","_b","children","_hover","_active","_after","_before","_focus","width","height","shape","props","__objRest","ClayNameSpace","useMemo","jsxs","DUMMY_ASSETS","AvatarDummy","index","randomIndex","useAvatarSize","useAvatarDotSize","useAvatarDotNumberSize","createContext","useContext","AvatarSizeContext","AvatarProvider","useAvatarSizeContext","Avatar","src","dummyIndex","selected","clayProps","avatarSize","isAvatarButton","사이즈에따른아웃라인값","AvatarDot","dotSize","offset","AvatarDotNumber","AvatarNameSpace"],"mappings":"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","sourcesContent":["/* eslint-disable @next/next/no-img-element */\n/** @jsxImportSource @emotion/react */\n\nimport { vars } from \"@imwebme/clay-token\";\nimport type { ElementType } from \"react\";\nimport type { DotBadgeProps, NumberBadgeProps } from \"..\";\nimport { DotBadge, NumberBadge } from \"..\";\nimport { Clay } from \"../utilities\";\nimport { AvatarDummy } from \"./Avatar.dummy\";\nimport { useAvatarDotNumberSize, useAvatarDotSize, useAvatarSize } from \"./Avatar.hooks\";\nimport { AvatarProvider, useAvatarSizeContext } from \"./Avatar.provider\";\nimport type { AvatarProps } from \"./Avatar.types\";\n\n/**\n * 아바타는 사용자를 시각적으로 표현하는 방법입니다. 모든 아바타 이미지에는 미묘한 색상을 포함하고 있습니다.\n *\n * 인터렉션이 필요한 경우, [Avatar Button](#avatar-button) 을 사용하세요\n */\nconst Avatar = <Element extends ElementType = \"div\">({\n  src,\n  dummyIndex,\n  size = \"medium\",\n  selected = false,\n  children,\n  ...clayProps\n}: AvatarProps<Element>) => {\n  const avatarSize = useAvatarSize(size);\n  const isAvatarButton = !!clayProps?.native?.onClick && clayProps.as === \"button\";\n\n  const biggerThanLarge = size.includes(\"large\");\n  const 사이즈에따른아웃라인값 = biggerThanLarge ? \"3px\" : \"2px\";\n\n  return (\n    <AvatarProvider size={size}>\n      <Clay position=\"relative\" display=\"inline-block\" {...clayProps}>\n        <Clay\n          shape=\"circle\"\n          size={avatarSize}\n          overflow=\"hidden\"\n          {...(isAvatarButton && {\n            _hover: {\n              opacity: 0.3,\n            },\n            _active: {\n              opacity: 0.5,\n            },\n          })}\n          {...(selected && {\n            outlineWidth: 사이즈에따른아웃라인값,\n            outlineStyle: \"solid\",\n            outlineColor: vars.semantic.color.focus,\n            outlineOffset: 사이즈에따른아웃라인값,\n          })}\n        >\n          {src ? (\n            <img\n              src={src}\n              alt=\"\"\n              style={{\n                width: \"100%\",\n                height: \"100%\",\n                objectFit: \"cover\",\n              }}\n            />\n          ) : (\n            <AvatarDummy index={dummyIndex} />\n          )}\n        </Clay>\n        {children}\n      </Clay>\n    </AvatarProvider>\n  );\n};\n\nAvatar.displayName = \"Avatar\";\n\nconst AvatarDot = ({ variant, sx }: Pick<DotBadgeProps, \"variant\" | \"sx\">) => {\n  const avatarSize = useAvatarSizeContext();\n  const { dotSize, offset } = useAvatarDotSize(avatarSize);\n\n  return (\n    <DotBadge\n      size={dotSize}\n      type=\"border\"\n      variant={variant}\n      sx={{\n        position: \"absolute\",\n        top: offset,\n        right: offset,\n        ...sx,\n      }}\n    />\n  );\n};\n\nconst AvatarDotNumber = (props: Omit<NumberBadgeProps, \"size\">) => {\n  const avatarSize = useAvatarSizeContext();\n  const { offset } = useAvatarDotNumberSize(avatarSize);\n\n  return (\n    <NumberBadge\n      size=\"medium\"\n      {...props}\n      sx={{\n        position: \"absolute\",\n        top: offset,\n        right: offset,\n        transform: \"translate(50%, -50%)\",\n        outlineWidth: avatarSize === \"medium\" ? \"3px\" : \"2px\",\n        outlineStyle: \"solid\",\n      }}\n    />\n  );\n};\n\nconst AvatarNameSpace = Object.assign(Avatar, { Dot: AvatarDot, DotNumber: AvatarDotNumber });\n\nexport { AvatarNameSpace as Avatar };\n","/** @jsxImportSource @emotion/react */\n\nimport type { ComponentPropsWithRef, ElementType } from \"react\";\nimport { forwardRef } from \"react\";\nimport { dotBadgeCSS, variantMap } from \"./DotBadge.css\";\nimport type { DotBadgeComponent, DotBadgeProps } from \"./DotBadge.types\";\n\nexport const DotBadge: DotBadgeComponent = forwardRef(function ClayDotBadge<E extends ElementType>(\n  { variant, as, className, native, size = \"small\", sx, type = \"default\" }: DotBadgeProps<E>,\n  ref: ComponentPropsWithRef<E>[\"ref\"],\n) {\n  const Element = as || \"span\";\n\n  return (\n    <Element\n      ref={ref}\n      className={className}\n      {...native}\n      style={{\n        ...variantMap.variant[variant],\n        ...variantMap.size[size],\n        ...variantMap.type[type],\n        ...native?.style,\n      }}\n      css={[dotBadgeCSS, sx]}\n    />\n  );\n});\n","import { css } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\n\nexport const variantMap = {\n  variant: {\n    accent: {\n      \"--background-color\": vars.semantic.color.focusAccent,\n    },\n    critical: {\n      \"--background-color\": vars.semantic.color.iconCritical,\n    },\n  },\n  type: {\n    border: {\n      \"--outline\": `var(--border-width) solid ${vars.semantic.color.surface}`,\n    },\n    default: {\n      \"--outline\": \"none\",\n    },\n  },\n  size: {\n    small: {\n      \"--border-width\": \"2px\",\n      \"--width\": \"6px\",\n      \"--height\": \"6px\",\n    },\n    medium: {\n      \"--border-width\": \"2px\",\n      \"--width\": \"8px\",\n      \"--height\": \"8px\",\n    },\n    large: {\n      \"--border-width\": \"2px\",\n      \"--width\": \"10px\",\n      \"--height\": \"10px\",\n    },\n    largeBold: {\n      \"--border-width\": \"3px\",\n      \"--width\": \"10px\",\n      \"--height\": \"10px\",\n    },\n  },\n} as Record<string, Record<string, Record<string, string>>>;\n\nexport const dotBadgeCSS = css({\n  display: \"inline-block\",\n  verticalAlign: \"middle\",\n\n  width: \"var(--width)\",\n  height: \"var(--height)\",\n\n  backgroundColor: \"var(--background-color)\",\n\n  borderRadius: vars.rounded.full,\n\n  outline: \"var(--outline)\",\n});\n","/** @jsxImportSource @emotion/react */\n\nimport type { ComponentPropsWithRef, ElementType } from \"react\";\nimport { forwardRef } from \"react\";\nimport { numberBadgeCSS, variantMap } from \"./NumberBadge.css\";\nimport type { NumberBadgeProps } from \"./NumberBadge.types\";\n\ntype NumberBadgeComponent = <E extends ElementType>(\n  props: NumberBadgeProps<E> & {\n    ref?: ComponentPropsWithRef<E>[\"ref\"];\n  },\n) => JSX.Element | null;\n\nexport const NumberBadge: NumberBadgeComponent = forwardRef(function ClayNumberBadge<\n  E extends ElementType,\n>(\n  { number, as, size = \"medium\", native, sx, variant, className }: NumberBadgeProps<E>,\n  ref: ComponentPropsWithRef<E>[\"ref\"],\n) {\n  const Element = as || \"span\";\n\n  return (\n    <Element\n      ref={ref}\n      className={className}\n      {...native}\n      style={{\n        ...variantMap.variant[variant],\n        ...variantMap.size[size],\n        ...native?.style,\n      }}\n      css={[numberBadgeCSS, sx]}\n    >\n      {number}\n    </Element>\n  );\n});\n","import { css } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\n\nexport const variantMap = {\n  variant: {\n    primary: {\n      \"--background-color\": vars.semantic.color.surfaceInverse,\n      \"--color\": vars.semantic.color.textInverse,\n    },\n    secondary: {\n      \"--background-color\": vars.semantic.color.surfaceSlateSecondary,\n      \"--color\": vars.semantic.color.textSub,\n    },\n    accent: {\n      \"--background-color\": vars.semantic.color.surfaceHighlightPrimary,\n      \"--color\": vars.semantic.color.text,\n    },\n    critical: {\n      \"--background-color\": vars.semantic.color.surfaceCriticalPrimary,\n      \"--color\": vars.semantic.color.text,\n    },\n    \"primary-inverse\": {\n      \"--background-color\": vars.semantic.color.surface,\n      \"--color\": vars.semantic.color.text,\n    },\n    \"secondary-inverse\": {\n      \"--background-color\": vars.semantic.color.surface,\n      \"--color\": vars.semantic.color.textSub,\n    },\n    \"accent-inverse\": {\n      \"--background-color\": vars.semantic.color.surface,\n      \"--color\": vars.semantic.color.textAccent,\n    },\n    \"critical-inverse\": {\n      \"--background-color\": vars.semantic.color.surface,\n      \"--color\": vars.semantic.color.textCritical,\n    },\n  } as Record<string, Record<string, string>>,\n  size: {\n    small: {\n      \"--padding\": `${vars.spacing[\"1\"]} ${vars.spacing[\"15\"]}`,\n      \"--min-width\": \"20px\",\n      // label-xsmall\n      \"--font-size\": vars.fontSize[\"2xsmall\"],\n      \"--line-height\": vars.lineHeight[3],\n      \"--font-weight\": vars.fontWeight.semibold,\n    },\n    medium: {\n      \"--padding\": `${vars.spacing[\"05\"]} ${vars.spacing[\"15\"]}`,\n      \"--min-width\": \"20px\",\n      // label-small-bold\n      \"--font-size\": vars.fontSize.xsmall,\n      \"--line-height\": vars.lineHeight[4],\n      \"--font-weight\": vars.fontWeight.semibold,\n    },\n    large: {\n      \"--padding\": `0 ${vars.spacing[\"15\"]}`,\n      \"--min-width\": \"24px\",\n      // label-medium-bold\n      \"--font-size\": vars.fontSize.small,\n      \"--line-height\": vars.lineHeight[\"6\"],\n      \"--font-weight\": vars.fontWeight.semibold,\n    },\n  } as Record<string, Record<string, string>>,\n};\n\nexport const numberBadgeCSS = css({\n  display: \"inline-block\",\n  verticalAlign: \"middle\",\n  textAlign: \"center\",\n\n  // variant styles\n  backgroundColor: \"var(--background-color)\",\n  color: \"var(--color)\",\n\n  // size styles\n  padding: \"var(--padding)\",\n  minWidth: \"var(--min-width)\",\n  fontSize: \"var(--font-size)\",\n  lineHeight: \"var(--line-height)\",\n  fontWeight: \"var(--font-weight)\",\n\n  \"*:disabled > &\": {\n    backgroundColor: vars.semantic.color.surfaceSub,\n    color: vars.semantic.color.textDisabled,\n  },\n\n  borderRadius: vars.rounded.full,\n});\n","/** @jsxImportSource @emotion/react */\n\nimport { vars } from \"@imwebme/clay-token\";\nimport type { ComponentPropsWithRef, ElementType, ReactElement } from \"react\";\nimport { forwardRef } from \"react\";\nimport type { ClayProps } from \"./Clay.types\";\n\nexport type ClayComponent = <C extends ElementType = \"div\">(\n  props: ClayProps<C> & {\n    ref?: ComponentPropsWithRef<C>[\"ref\"];\n  },\n) => ReactElement | null;\n\nconst Clay: ClayComponent = forwardRef(\n  <E extends ElementType>(\n    {\n      children,\n      className,\n      _hover,\n      _active,\n      _after,\n      _before,\n      _focus,\n      size,\n      width,\n      height,\n      shape,\n      sx,\n      as,\n      native,\n      ...props\n    }: ClayProps<E>,\n    ref: ComponentPropsWithRef<E>[\"ref\"],\n  ) => {\n    const Element = as || \"div\";\n\n    return (\n      <Element\n        ref={ref}\n        className={className}\n        css={{\n          width: size || width,\n          height: size || height,\n          ...(shape === \"circle\" && {\n            borderRadius: vars.rounded.full,\n          }),\n          \"&:hover\": _hover,\n          \"&:active\": _active,\n          \"&:after\": _after,\n          \"&:before\": _before,\n          \"&:focus\": _focus,\n          ...props,\n          ...sx,\n        }}\n        {...native}\n      >\n        {children}\n      </Element>\n    );\n  },\n);\n\nconst ClayNameSpace = Object.assign(Clay, { displayName: \"Clay\" });\n\nexport { ClayNameSpace as Clay };\n","import { useMemo } from \"react\";\nimport { DUMMY_ASSETS } from \"./Avatar.constants\";\n\nexport const AvatarDummy = ({ index }: { index?: number }) => {\n  const randomIndex = useMemo(() => {\n    return index ?? Math.floor(Math.random() * DUMMY_ASSETS.length);\n  }, [index]);\n\n  if (index !== undefined && index > 16) return null;\n\n  return DUMMY_ASSETS[randomIndex];\n};\n","/**\n * white:\nfill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n\n#9FA3AB:\nfill=\"var(--clay-color-semantic-icon-avatar-deco-sub)\"\n\n#BCC0C6:\nfill=\"var(--clay-color-semantic-surface-avatar)\"\n\n#E2E5E9:\nfill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n */\nexport const DUMMY_ASSETS = [\n  <svg\n    key=\"dummy-0\"\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_21039_92902)\">\n      <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-surface-avatar)\" />\n      <circle cx=\"20\" cy=\"40\" r=\"32\" fill=\"var(--clay-color-semantic-icon-avatar-deco)\" />\n    </g>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M13.6257 24.5005C14.0857 23.9254 14.9248 23.8322 15.4998 24.2922C17.1085 25.5792 18.6014 26.1334 20.0002 26.1334C21.399 26.1334 22.8919 25.5792 24.5006 24.2922C25.0756 23.8322 25.9147 23.9254 26.3747 24.5005C26.8347 25.0755 26.7415 25.9145 26.1665 26.3745C24.2196 27.932 22.157 28.8 20.0002 28.8C17.8434 28.8 15.7808 27.932 13.834 26.3745C13.2589 25.9145 13.1657 25.0755 13.6257 24.5005Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-deco-sub)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M21.453 6.66994C23.133 4.99004 26.0057 6.17981 26.0057 8.55556V9.45099L26.3963 9.06046C26.917 8.53976 27.7613 8.53976 28.2821 9.06046C28.8028 9.58116 28.8028 10.4254 28.2821 10.9461L27.8915 11.3366C26.2114 13.0165 23.3388 11.8267 23.3388 9.45099L23.3388 8.55556L17.8905 14.0033C16.2105 15.6832 13.3378 14.4934 13.3378 12.1177L13.3378 10.5556L12.9473 10.9461C12.4265 11.4668 11.5822 11.4668 11.0615 10.9461C10.5407 10.4254 10.5407 9.58116 11.0615 9.06046L11.452 8.66994C13.1321 6.99003 16.0047 8.17981 16.0047 10.5556V12.1177L21.453 6.66994Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <defs>\n      <clipPath id=\"clip0_21039_92902\">\n        <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-icon-avatar-minimal)\" />\n      </clipPath>\n    </defs>\n  </svg>,\n  <svg\n    key=\"dummy-1\"\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_21039_92899)\">\n      <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-surface-avatar)\" />\n      <path\n        d=\"M9.33333 12.0001C9.33333 9.05456 11.7211 6.66675 14.6667 6.66675H40C42.9455 6.66675 45.3333 9.05456 45.3333 12.0001V37.3334C45.3333 40.2789 42.9455 42.6667 40 42.6667H14.6667C11.7211 42.6667 9.33333 40.2789 9.33333 37.3334V12.0001Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n      <path\n        d=\"M-4 25.3334C-4 22.3879 -1.61219 20.0001 1.33333 20.0001H26.6667C29.6122 20.0001 32 22.3879 32 25.3334V50.6667C32 53.6123 29.6122 56.0001 26.6667 56.0001H1.33333C-1.61219 56.0001 -4 53.6123 -4 50.6667V25.3334Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n    </g>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M13.6257 24.5005C14.0857 23.9254 14.9248 23.8322 15.4998 24.2922C17.1085 25.5792 18.6014 26.1334 20.0002 26.1334C21.399 26.1334 22.8919 25.5792 24.5006 24.2922C25.0756 23.8322 25.9147 23.9254 26.3747 24.5005C26.8347 25.0755 26.7415 25.9145 26.1665 26.3745C24.2196 27.932 22.157 28.8 20.0002 28.8C17.8434 28.8 15.7808 27.932 13.834 26.3745C13.2589 25.9145 13.1657 25.0755 13.6257 24.5005Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-deco-sub)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M23.2624 13.9936C24.6123 13.2256 25.3352 12.0146 25.3352 10.9761V10.9256L25.3381 10.8875L25.3385 10.8738C25.339 10.853 25.3394 10.8136 25.3374 10.759C25.3334 10.6488 25.3199 10.4831 25.2813 10.2868C25.203 9.88862 25.0314 9.41331 24.6723 9.00006C24.4271 8.71795 24.0113 8.43639 23.4308 8.25042C22.8545 8.06583 22.1937 8.00159 21.5443 8.07662C20.8929 8.15187 20.3294 8.35804 19.9179 8.6304C19.5054 8.90332 19.3115 9.19517 19.2421 9.41589C19.1793 9.6156 19.1931 9.82831 19.3295 10.0663C19.4774 10.3243 19.7826 10.6238 20.2892 10.8628C20.9552 11.1771 21.2403 11.9717 20.926 12.6377C20.6117 13.3036 19.817 13.5887 19.151 13.2745C18.2646 12.8562 17.4918 12.2227 17.0158 11.3925C16.5283 10.5422 16.4008 9.56131 16.6979 8.6163C16.9884 7.69229 17.6387 6.94084 18.446 6.40662C19.2542 5.87183 20.2298 5.54407 21.2382 5.42757C22.2486 5.31084 23.2921 5.40583 24.2444 5.71089C25.1924 6.01456 26.0593 6.53057 26.6854 7.25097L25.702 8.1054L26.6854 7.25097C27.4355 8.11411 27.7588 9.0641 27.8981 9.77212C27.9683 10.1289 27.9943 10.4365 28.0025 10.6614C28.0067 10.7743 28.0064 10.8679 28.0047 10.9381C28.004 10.9683 28.003 10.9942 28.002 11.0157C27.9848 13.2299 26.5284 15.2035 24.5813 16.3113C22.5779 17.4511 19.9154 17.775 17.2599 16.5887C15.3418 15.7319 13.9053 14.216 12.2128 11.7255C11.7989 11.1164 11.9572 10.2871 12.5663 9.87327C13.1755 9.45941 14.0048 9.61767 14.4187 10.2267C16.0232 12.5878 17.1148 13.6032 18.3477 14.154C20.187 14.9756 21.957 14.7363 23.2624 13.9936Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <defs>\n      <clipPath id=\"clip0_21039_92899\">\n        <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-icon-avatar-minimal)\" />\n      </clipPath>\n    </defs>\n  </svg>,\n  <svg\n    key=\"dummy-2\"\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_21039_92900)\">\n      <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-surface-avatar)\" />\n      <circle cx=\"20\" cy=\"40\" r=\"32\" fill=\"var(--clay-color-semantic-icon-avatar-deco)\" />\n    </g>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M14.4289 25.2622C14.6619 24.5434 15.3387 24 16.187 24H23.8128C24.6611 24 25.3379 24.5434 25.5708 25.2622C25.8109 26.0032 25.5562 26.8765 24.7892 27.3473C23.2522 28.2906 21.65 28.8 19.9999 28.8C18.3498 28.8 16.7475 28.2906 15.2106 27.3473C14.4435 26.8765 14.1888 26.0032 14.4289 25.2622Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-deco-sub)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M12.395 11.0604C12.9157 10.5397 13.76 10.5397 14.2808 11.0604L16.9477 13.7271C17.4684 14.2478 17.4684 15.092 16.9477 15.6127C16.4269 16.1334 15.5826 16.1334 15.0619 15.6127L12.395 12.9461C11.8742 12.4254 11.8742 11.5811 12.395 11.0604Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M28.9488 11.0604C28.428 10.5397 27.5837 10.5397 27.063 11.0604L24.3961 13.7271C23.8753 14.2478 23.8753 15.092 24.3961 15.6127C24.9168 16.1334 25.7611 16.1334 26.2819 15.6127L28.9488 12.9461C29.4695 12.4254 29.4695 11.5811 28.9488 11.0604Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M20.6718 6.66992C21.4083 6.66992 22.0053 7.26688 22.0053 8.00326V12.6699C22.0053 13.4063 21.4083 14.0033 20.6718 14.0033C19.9354 14.0033 19.3384 13.4063 19.3384 12.6699V8.00326C19.3384 7.26688 19.9354 6.66992 20.6718 6.66992Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <defs>\n      <clipPath id=\"clip0_21039_92900\">\n        <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-icon-avatar-minimal)\" />\n      </clipPath>\n    </defs>\n  </svg>,\n  <svg\n    key=\"dummy-3\"\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_21039_92901)\">\n      <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-surface-avatar)\" />\n      <path\n        d=\"M9.33333 12.0001C9.33333 9.05456 11.7211 6.66675 14.6667 6.66675H40C42.9455 6.66675 45.3333 9.05456 45.3333 12.0001V37.3334C45.3333 40.2789 42.9455 42.6667 40 42.6667H14.6667C11.7211 42.6667 9.33333 40.2789 9.33333 37.3334V12.0001Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n      <path\n        d=\"M-4 25.3334C-4 22.3879 -1.61219 20.0001 1.33333 20.0001H26.6667C29.6122 20.0001 32 22.3879 32 25.3334V50.6667C32 53.6123 29.6122 56.0001 26.6667 56.0001H1.33333C-1.61219 56.0001 -4 53.6123 -4 50.6667V25.3334Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n    </g>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M13.6257 24.5005C14.0857 23.9254 14.9248 23.8322 15.4998 24.2922C17.1085 25.5792 18.6014 26.1334 20.0002 26.1334C21.399 26.1334 22.8919 25.5792 24.5006 24.2922C25.0756 23.8322 25.9147 23.9254 26.3747 24.5005C26.8347 25.0755 26.7415 25.9145 26.1665 26.3745C24.2196 27.932 22.157 28.8 20.0002 28.8C17.8434 28.8 15.7808 27.932 13.834 26.3745C13.2589 25.9145 13.1657 25.0755 13.6257 24.5005Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-deco-sub)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M17.2599 13.8258C16.9043 14.2923 16.4642 14.68 15.9787 14.9882C14.8783 15.6865 13.5313 15.9954 12.2634 16.003C10.9989 16.0106 9.67242 15.7191 8.6156 15.0579C7.52627 14.3763 6.67041 13.2495 6.67041 11.7154C6.67041 10.979 7.26742 10.3821 8.00387 10.3821C8.74032 10.3821 9.33733 10.979 9.33733 11.7154C9.33733 12.1284 9.53166 12.4853 10.0303 12.7973C10.5615 13.1296 11.3607 13.3417 12.2474 13.3364C12.5419 13.3346 12.8303 13.309 13.1059 13.2617C12.9938 13.2111 12.8839 13.1571 12.7766 13.0997C12.1171 12.7464 11.5191 12.2399 11.1173 11.5455C10.709 10.8399 10.5529 10.0249 10.6522 9.15371L10.6537 9.13992L10.6538 9.13993C10.8188 7.81538 11.3232 6.65159 12.3634 6.0667C13.4264 5.46906 14.5673 5.73968 15.3865 6.20533C16.2546 6.6988 17.0579 7.56224 17.5744 8.6167C17.573 8.56569 17.5724 8.51478 17.5724 8.46397L17.5724 8.38234L17.5823 8.30132C17.9295 5.47654 19.8257 3.84583 21.8613 3.84024C22.8375 3.83755 23.8298 4.23148 24.4857 5.06648C25.1542 5.91736 25.3334 7.04391 25.0375 8.22936C25.0159 8.32379 24.9921 8.41694 24.9662 8.50883C25.0949 8.26359 25.2513 8.03128 25.4354 7.81652C26.301 6.80663 27.6459 6.3409 29.1581 6.60857C30.8295 6.90443 31.6872 7.97217 32.0695 8.93863C32.2507 9.3968 32.3259 9.825 32.3577 10.1327C32.3738 10.289 32.3794 10.4211 32.3808 10.5195C32.3814 10.5689 32.381 10.6103 32.3803 10.6427L32.3797 10.6629C32.3727 11.654 31.9524 12.5377 31.3674 13.269C31.7757 13.3015 32.2212 13.3116 32.7071 13.2948C33.4431 13.2693 34.0604 13.8453 34.0858 14.5813C34.1112 15.3172 33.5352 15.9344 32.7992 15.9599C31.147 16.0169 29.7263 15.802 28.551 15.3846C27.6752 15.7751 26.7261 16.0122 25.8227 16.0001C23.1966 16.0312 21.0527 14.924 19.6091 13.3541C18.8526 13.5911 18.076 13.746 17.3183 13.8202C17.2989 13.8221 17.2794 13.824 17.2599 13.8258ZM22.1977 12.1309C23.0656 12.821 24.1998 13.2969 25.5553 13.332C25.0973 12.7463 24.7855 12.0906 24.6259 11.3942C24.4738 10.7305 24.4739 10.0476 24.6288 9.40748C24.0874 10.5499 23.2022 11.4551 22.1977 12.1309ZM28.443 12.3877C28.4529 12.3805 28.4628 12.3734 28.4727 12.3661C29.3701 11.7099 29.7128 11.04 29.7128 10.638L29.7128 10.601L29.7141 10.5773C29.7142 10.5731 29.7142 10.5658 29.7141 10.5557C29.7137 10.5258 29.7118 10.4737 29.7048 10.4064C29.6905 10.267 29.6573 10.0907 29.5895 9.9195C29.4739 9.62724 29.2713 9.33673 28.6932 9.23441C28.013 9.11401 27.6504 9.33012 27.4603 9.55187C27.2402 9.80863 27.1005 10.2535 27.2254 10.7984C27.3306 11.2571 27.6761 11.8786 28.443 12.3877ZM20.5731 10.0071C20.5781 10.0039 20.5831 10.0007 20.5882 9.99753C21.5882 9.35931 22.2313 8.5493 22.4399 7.62538L22.4437 7.60847L22.448 7.59166C22.5885 7.03699 22.453 6.79581 22.3885 6.71376C22.3084 6.61176 22.1417 6.50614 21.8686 6.50689C21.4131 6.50814 20.4732 6.88378 20.2403 8.5434C20.2519 9.01112 20.3654 9.51197 20.5731 10.0071ZM15.493 11.1614C14.906 11.093 14.4077 10.9482 14.036 10.7491C13.7149 10.5771 13.5283 10.3874 13.4257 10.21C13.3301 10.0449 13.2622 9.81455 13.3012 9.46211C13.3584 9.00836 13.4567 8.72727 13.5414 8.56596C13.5828 8.48714 13.6182 8.44206 13.64 8.41857C13.6509 8.40681 13.6589 8.39982 13.6636 8.39608L13.6688 8.3922L13.6691 8.39205C13.6731 8.39137 13.6875 8.38947 13.7151 8.39208C13.7795 8.39818 13.9003 8.42796 14.0685 8.52357C14.8008 8.93987 15.5296 10.052 15.493 11.1614Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <defs>\n      <clipPath id=\"clip0_21039_92901\">\n        <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-icon-avatar-minimal)\" />\n      </clipPath>\n    </defs>\n  </svg>,\n  <svg\n    key=\"dummy-4\"\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_21039_92903)\">\n      <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-surface-avatar)\" />\n      <path\n        d=\"M56.7533 57.3333C60.4388 57.3333 62.2815 57.3332 64.2301 56.1106C65.7665 55.1465 67.5607 52.4614 67.8634 50.673C68.2473 48.4048 67.7904 47.3018 66.8767 45.0959C65.2697 41.2162 62.9142 37.691 59.9448 34.7216C56.9754 31.7522 53.4502 29.3967 49.5705 27.7897C45.6908 26.1827 41.5325 25.3556 37.3332 25.3556C33.1338 25.3556 28.9755 26.1827 25.0958 27.7897C21.2161 29.3967 17.6909 31.7522 14.7215 34.7216C11.7521 37.691 9.39666 41.2162 7.78963 45.0959C6.8759 47.3018 6.41904 48.4048 6.80294 50.673C7.10565 52.4614 8.8998 55.1465 10.4362 56.1106C12.3848 57.3333 14.2276 57.3333 17.913 57.3333H56.7533Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n      <path\n        d=\"M60.9233 33.3333C65.2661 33.3333 68.8833 29.6972 67.8089 25.4163C67.4394 23.9441 66.9665 22.4974 66.3924 21.0874C64.8117 17.205 62.4949 13.6773 59.5742 10.7058C56.6534 7.73436 53.186 5.37725 49.3699 3.7691C45.5538 2.16095 41.4637 1.33325 37.3332 1.33325C33.2026 1.33325 29.1125 2.16096 25.2964 3.76911C21.4803 5.37726 18.0129 7.73436 15.0922 10.7058C12.1714 13.6773 9.8546 17.205 8.27391 21.0874C7.69985 22.4974 7.22696 23.9441 6.85748 25.4163C5.78305 29.6972 9.40021 33.3333 13.743 33.3333H60.9233Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n    </g>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M14.4289 25.2622C14.6619 24.5434 15.3387 24 16.187 24H23.8128C24.6611 24 25.3379 24.5434 25.5708 25.2622C25.8109 26.0032 25.5562 26.8765 24.7892 27.3473C23.2522 28.2906 21.65 28.8 19.9999 28.8C18.3498 28.8 16.7475 28.2906 15.2106 27.3473C14.4435 26.8765 14.1888 26.0032 14.4289 25.2622Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-deco-sub)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M26.7259 6.86028C27.1681 7.12589 27.4174 7.62269 27.3661 8.13593L26.9671 12.1257L29.3078 10.6879C29.9353 10.3025 30.7565 10.4986 31.142 11.1261C31.5274 11.7535 31.3312 12.5747 30.7037 12.9601L26.0705 15.806C25.6387 16.0712 25.0939 16.0688 24.6645 15.7997C24.235 15.5307 23.9953 15.0415 24.0457 14.5373L24.4315 10.6795L17.5947 15.2428C17.1578 15.5344 16.5904 15.5424 16.1455 15.2632C15.7006 14.984 15.461 14.4697 15.5337 13.9495L15.6315 13.2486L11.3566 15.8132C10.7251 16.1921 9.90604 15.9874 9.52714 15.3559C9.14824 14.7245 9.35302 13.9055 9.98452 13.5266L16.6518 9.5266C17.0923 9.26236 17.6453 9.27456 18.0737 9.55796C18.5021 9.84137 18.7296 10.3456 18.6585 10.8542L18.5858 11.375L25.2989 6.8943C25.728 6.60793 26.2837 6.59468 26.7259 6.86028Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <defs>\n      <clipPath id=\"clip0_21039_92903\">\n        <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-icon-avatar-minimal)\" />\n      </clipPath>\n    </defs>\n  </svg>,\n  <svg\n    key=\"dummy-5\"\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_21039_92904)\">\n      <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-surface-avatar)\" />\n      <path\n        d=\"M56.7533 57.3333C60.4388 57.3333 62.2815 57.3332 64.2301 56.1106C65.7665 55.1465 67.5607 52.4614 67.8634 50.673C68.2473 48.4048 67.7904 47.3018 66.8767 45.0959C65.2697 41.2162 62.9142 37.691 59.9448 34.7216C56.9754 31.7522 53.4502 29.3967 49.5705 27.7897C45.6908 26.1827 41.5325 25.3556 37.3332 25.3556C33.1338 25.3556 28.9755 26.1827 25.0958 27.7897C21.2161 29.3967 17.6909 31.7522 14.7215 34.7216C11.7521 37.691 9.39666 41.2162 7.78963 45.0959C6.8759 47.3018 6.41904 48.4048 6.80294 50.673C7.10565 52.4614 8.8998 55.1465 10.4362 56.1106C12.3848 57.3333 14.2276 57.3333 17.913 57.3333H56.7533Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n      <path\n        d=\"M60.9233 33.3333C65.2661 33.3333 68.8833 29.6972 67.8089 25.4163C67.4394 23.9441 66.9665 22.4974 66.3924 21.0874C64.8117 17.205 62.4949 13.6773 59.5742 10.7058C56.6534 7.73436 53.186 5.37725 49.3699 3.7691C45.5538 2.16095 41.4637 1.33325 37.3332 1.33325C33.2026 1.33325 29.1125 2.16096 25.2964 3.76911C21.4803 5.37726 18.0129 7.73436 15.0922 10.7058C12.1714 13.6773 9.8546 17.205 8.27391 21.0874C7.69985 22.4974 7.22696 23.9441 6.85748 25.4163C5.78305 29.6972 9.40021 33.3333 13.743 33.3333H60.9233Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n    </g>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M13.6257 24.5005C14.0857 23.9254 14.9248 23.8322 15.4998 24.2922C17.1085 25.5792 18.6014 26.1334 20.0002 26.1334C21.399 26.1334 22.8919 25.5792 24.5006 24.2922C25.0756 23.8322 25.9147 23.9254 26.3747 24.5005C26.8347 25.0755 26.7415 25.9145 26.1665 26.3745C24.2196 27.932 22.157 28.8 20.0002 28.8C17.8434 28.8 15.7808 27.932 13.834 26.3745C13.2589 25.9145 13.1657 25.0755 13.6257 24.5005Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-deco-sub)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M9.96389 6.87248C10.5884 6.48224 11.4111 6.67212 11.8014 7.29659L14.0219 10.8497L15.9152 7.81812C16.8656 6.30088 19.0752 6.30088 20.0256 7.81812L20.0265 7.81965L21.9188 10.8497L23.8137 7.81906C24.7641 6.30181 26.9743 6.30088 27.9247 7.81812L27.9254 7.81933L30.3469 11.6944C30.7372 12.3189 30.5472 13.1415 29.9227 13.5317C29.2981 13.9219 28.4755 13.732 28.0852 13.1075L25.8694 9.56159L23.9757 12.5904C23.9755 12.5908 23.9759 12.59 23.9757 12.5904C23.0265 14.1128 20.8122 14.1078 19.8635 12.5933L17.9704 9.56188L16.0772 12.5933C15.1285 14.1078 12.9149 14.1139 11.9657 12.5914C11.9655 12.5911 11.9659 12.5918 11.9657 12.5914L9.53974 8.70978C9.14946 8.08531 9.33936 7.26272 9.96389 6.87248ZM21.7119 11.1807C21.7123 11.1801 21.7127 11.1794 21.7131 11.1788L21.7119 11.1807ZM14.2284 11.18C14.2282 11.1797 14.2286 11.1803 14.2284 11.18V11.18Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <defs>\n      <clipPath id=\"clip0_21039_92904\">\n        <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-icon-avatar-minimal)\" />\n      </clipPath>\n    </defs>\n  </svg>,\n  <svg\n    key=\"dummy-06\"\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_21039_92905)\">\n      <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-surface-avatar)\" />\n      <path\n        d=\"M30.3465 26.0696C37.2773 30.0712 40.7427 32.0719 41.9057 34.684C42.9201 36.9624 42.9201 39.5642 41.9057 41.8426C40.7427 44.4547 37.2773 46.4555 30.3465 50.457L19.7865 56.5538C12.8557 60.5553 9.39028 62.5561 6.54665 62.2572C4.06632 61.9965 1.81309 60.6956 0.347152 58.6779C-1.3335 56.3647 -1.3335 52.3632 -1.3335 44.3601L-1.3335 32.1665C-1.3335 24.1634 -1.3335 20.1619 0.347154 17.8487C1.81309 15.831 4.06632 14.5301 6.54665 14.2694C9.39028 13.9705 12.8557 15.9713 19.7865 19.9728L30.3465 26.0696Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n      <path\n        d=\"M25.1827 8.94795C30.8223 12.204 33.6422 13.832 34.5885 15.9575C35.4139 17.8114 35.4139 19.9286 34.5885 21.7825C33.6422 23.908 30.8223 25.536 25.1827 28.7921L16.59 33.7531C10.9503 37.0091 8.1305 38.6372 5.81663 38.394C3.79836 38.1818 1.9649 37.1233 0.77206 35.4815C-0.595494 33.5992 -0.595493 30.3431 -0.595492 23.831L-0.595492 13.909C-0.595492 7.39686 -0.595493 4.14081 0.772061 2.25853C1.9649 0.616721 3.79837 -0.441833 5.81663 -0.653961C8.1305 -0.89716 10.9503 0.730868 16.59 3.98692L25.1827 8.94795Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n    </g>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M14.4289 25.2622C14.6619 24.5434 15.3387 24 16.187 24H23.8128C24.6611 24 25.3379 24.5434 25.5708 25.2622C25.8109 26.0032 25.5562 26.8765 24.7892 27.3473C23.2522 28.2906 21.65 28.8 19.9999 28.8C18.3498 28.8 16.7475 28.2906 15.2106 27.3473C14.4435 26.8765 14.1888 26.0032 14.4289 25.2622Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-deco-sub)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M26.7259 6.86028C27.1681 7.12589 27.4174 7.62269 27.3661 8.13593L26.9671 12.1257L29.3078 10.6879C29.9353 10.3025 30.7565 10.4986 31.142 11.1261C31.5274 11.7535 31.3312 12.5747 30.7037 12.9601L26.0705 15.806C25.6387 16.0712 25.0939 16.0688 24.6645 15.7997C24.235 15.5307 23.9953 15.0415 24.0457 14.5373L24.4315 10.6795L17.5947 15.2428C17.1578 15.5344 16.5904 15.5424 16.1455 15.2632C15.7006 14.984 15.461 14.4697 15.5337 13.9495L15.6315 13.2486L11.3566 15.8132C10.7251 16.1921 9.90604 15.9874 9.52714 15.3559C9.14824 14.7245 9.35302 13.9055 9.98452 13.5266L16.6518 9.5266C17.0923 9.26236 17.6453 9.27456 18.0737 9.55796C18.5021 9.84137 18.7296 10.3456 18.6585 10.8542L18.5858 11.375L25.2989 6.8943C25.728 6.60793 26.2837 6.59468 26.7259 6.86028Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <defs>\n      <clipPath id=\"clip0_21039_92905\">\n        <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-icon-avatar-minimal)\" />\n      </clipPath>\n    </defs>\n  </svg>,\n  <svg\n    key=\"dummy-07\"\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_21039_92906)\">\n      <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-surface-avatar)\" />\n      <path\n        d=\"M24.9155 7.12817C27.8194 7.12817 29.2714 7.12817 30.3805 7.69331C31.3562 8.19042 32.1494 8.98363 32.6465 9.95927C33.2116 11.0684 33.2116 12.5204 33.2116 15.4243L33.2116 24.4968C33.2116 27.4007 33.2116 28.8527 32.6465 29.9618C32.1494 30.9375 31.3562 31.7307 30.3805 32.2278C29.2714 32.7929 27.8194 32.7929 24.9155 32.7929H15.843C12.9391 32.7929 11.4871 32.7929 10.378 32.2278C9.40232 31.7307 8.6091 30.9375 8.11199 29.9618C7.54686 28.8527 7.54686 27.4007 7.54686 24.4968L7.54686 15.4243C7.54686 12.5204 7.54686 11.0684 8.11199 9.95927C8.6091 8.98363 9.40232 8.19042 10.378 7.69331C11.4871 7.12817 12.939 7.12817 15.843 7.12817H24.9155Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n      <path\n        d=\"M9.83057 22.2131C12.7345 22.2131 14.1864 22.2131 15.2956 22.7783C16.2712 23.2754 17.0644 24.0686 17.5615 25.0442C18.1267 26.1534 18.1267 27.6053 18.1267 30.5092V39.5818C18.1267 42.4857 18.1267 43.9376 17.5615 45.0468C17.0644 46.0224 16.2712 46.8156 15.2956 47.3127C14.1864 47.8779 12.7345 47.8779 9.83057 47.8779H0.758012C-2.14589 47.8779 -3.59785 47.8779 -4.70699 47.3127C-5.68262 46.8156 -6.47584 46.0224 -6.97295 45.0468C-7.53809 43.9376 -7.53808 42.4857 -7.53808 39.5818L-7.53809 30.5092C-7.53809 27.6053 -7.53809 26.1534 -6.97295 25.0442C-6.47584 24.0686 -5.68262 23.2754 -4.70699 22.7783C-3.59785 22.2131 -2.14589 22.2131 0.758016 22.2131H9.83057Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n    </g>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M13.6257 24.5005C14.0857 23.9254 14.9248 23.8322 15.4998 24.2922C17.1085 25.5792 18.6014 26.1334 20.0002 26.1334C21.399 26.1334 22.8919 25.5792 24.5006 24.2922C25.0756 23.8322 25.9147 23.9254 26.3747 24.5005C26.8347 25.0755 26.7415 25.9145 26.1665 26.3745C24.2196 27.932 22.157 28.8 20.0002 28.8C17.8434 28.8 15.7808 27.932 13.834 26.3745C13.2589 25.9145 13.1657 25.0755 13.6257 24.5005Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-deco-sub)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M23.2624 13.9936C24.6123 13.2256 25.3352 12.0146 25.3352 10.9761V10.9256L25.3381 10.8875L25.3385 10.8738C25.339 10.853 25.3394 10.8136 25.3374 10.759C25.3334 10.6488 25.3199 10.4831 25.2813 10.2868C25.203 9.88862 25.0314 9.41331 24.6723 9.00006C24.4271 8.71795 24.0113 8.43639 23.4308 8.25042C22.8545 8.06583 22.1937 8.00159 21.5443 8.07662C20.8929 8.15187 20.3294 8.35804 19.9179 8.6304C19.5054 8.90332 19.3115 9.19517 19.2421 9.41589C19.1793 9.6156 19.1931 9.82831 19.3295 10.0663C19.4774 10.3243 19.7826 10.6238 20.2892 10.8628C20.9552 11.1771 21.2403 11.9717 20.926 12.6377C20.6117 13.3036 19.817 13.5887 19.151 13.2745C18.2646 12.8562 17.4918 12.2227 17.0158 11.3925C16.5283 10.5422 16.4008 9.56131 16.6979 8.6163C16.9884 7.69229 17.6387 6.94084 18.446 6.40662C19.2542 5.87183 20.2298 5.54407 21.2382 5.42757C22.2486 5.31084 23.2921 5.40583 24.2444 5.71089C25.1924 6.01456 26.0593 6.53057 26.6854 7.25097L25.702 8.1054L26.6854 7.25097C27.4355 8.11411 27.7588 9.0641 27.8981 9.77212C27.9683 10.1289 27.9943 10.4365 28.0025 10.6614C28.0067 10.7743 28.0064 10.8679 28.0047 10.9381C28.004 10.9683 28.003 10.9942 28.002 11.0157C27.9848 13.2299 26.5284 15.2035 24.5813 16.3113C22.5779 17.4511 19.9154 17.775 17.2599 16.5887C15.3418 15.7319 13.9053 14.216 12.2128 11.7255C11.7989 11.1164 11.9572 10.2871 12.5663 9.87327C13.1755 9.45941 14.0048 9.61767 14.4187 10.2267C16.0232 12.5878 17.1148 13.6032 18.3477 14.154C20.187 14.9756 21.957 14.7363 23.2624 13.9936Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <defs>\n      <clipPath id=\"clip0_21039_92906\">\n        <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-icon-avatar-minimal)\" />\n      </clipPath>\n    </defs>\n  </svg>,\n  <svg\n    key=\"dummy-08\"\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_21039_92907)\">\n      <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-surface-avatar)\" />\n      <path\n        d=\"M64.6379 23.226C67.2163 26.7748 68.5055 28.5492 69.0036 30.4892C69.4434 32.2021 69.4434 33.9984 69.0036 35.7114C68.5055 37.6513 67.2163 39.4257 64.6379 42.9746L53.5937 58.1755C51.0153 61.7243 49.7261 63.4987 48.035 64.5719C46.5418 65.5196 44.8334 66.0747 43.0683 66.1857C41.0694 66.3115 38.9834 65.6337 34.8115 64.2782L16.9415 58.4719C12.7696 57.1164 10.6836 56.4386 9.14037 55.1619C7.77769 54.0346 6.72184 52.5814 6.0708 50.9371C5.33349 49.0748 5.33349 46.8816 5.33349 42.495L5.33349 23.7055C5.33349 19.319 5.33349 17.1257 6.0708 15.2634C6.72184 13.6191 7.77769 12.1659 9.14038 11.0386C10.6836 9.7619 12.7696 9.08413 16.9415 7.7286L34.8115 1.92235C38.9834 0.566824 41.0694 -0.11094 43.0683 0.0148222C44.8334 0.125869 46.5418 0.680956 48.035 1.62858C49.7261 2.70177 51.0153 4.47618 53.5937 8.025L64.6379 23.226Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n    </g>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M14.4289 25.2622C14.6619 24.5434 15.3387 24 16.187 24H23.8128C24.6611 24 25.3379 24.5434 25.5708 25.2622C25.8109 26.0032 25.5562 26.8765 24.7892 27.3473C23.2522 28.2906 21.65 28.8 19.9999 28.8C18.3498 28.8 16.7475 28.2906 15.2106 27.3473C14.4435 26.8765 14.1888 26.0032 14.4289 25.2622Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-deco-sub)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M23.2624 13.9936C24.6123 13.2256 25.3352 12.0146 25.3352 10.9761V10.9256L25.3381 10.8875L25.3385 10.8738C25.339 10.853 25.3394 10.8136 25.3374 10.759C25.3334 10.6488 25.3199 10.4831 25.2813 10.2868C25.203 9.88862 25.0314 9.41331 24.6723 9.00006C24.4271 8.71795 24.0113 8.43639 23.4308 8.25042C22.8545 8.06583 22.1937 8.00159 21.5443 8.07662C20.8929 8.15187 20.3294 8.35804 19.9179 8.6304C19.5054 8.90332 19.3115 9.19517 19.2421 9.41589C19.1793 9.6156 19.1931 9.82831 19.3295 10.0663C19.4774 10.3243 19.7826 10.6238 20.2892 10.8628C20.9552 11.1771 21.2403 11.9717 20.926 12.6377C20.6117 13.3036 19.817 13.5887 19.151 13.2745C18.2646 12.8562 17.4918 12.2227 17.0158 11.3925C16.5283 10.5422 16.4008 9.56131 16.6979 8.6163C16.9884 7.69229 17.6387 6.94084 18.446 6.40662C19.2542 5.87183 20.2298 5.54407 21.2382 5.42757C22.2486 5.31084 23.2921 5.40583 24.2444 5.71089C25.1924 6.01456 26.0593 6.53057 26.6854 7.25097L25.702 8.1054L26.6854 7.25097C27.4355 8.11411 27.7588 9.0641 27.8981 9.77212C27.9683 10.1289 27.9943 10.4365 28.0025 10.6614C28.0067 10.7743 28.0064 10.8679 28.0047 10.9381C28.004 10.9683 28.003 10.9942 28.002 11.0157C27.9848 13.2299 26.5284 15.2035 24.5813 16.3113C22.5779 17.4511 19.9154 17.775 17.2599 16.5887C15.3418 15.7319 13.9053 14.216 12.2128 11.7255C11.7989 11.1164 11.9572 10.2871 12.5663 9.87327C13.1755 9.45941 14.0048 9.61767 14.4187 10.2267C16.0232 12.5878 17.1148 13.6032 18.3477 14.154C20.187 14.9756 21.957 14.7363 23.2624 13.9936Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <defs>\n      <clipPath id=\"clip0_21039_92907\">\n        <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-icon-avatar-minimal)\" />\n      </clipPath>\n    </defs>\n  </svg>,\n  <svg\n    key=\"dummy-09\"\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_21039_92908)\">\n      <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-surface-avatar)\" />\n      <path\n        d=\"M30.3465 26.0696C37.2773 30.0712 40.7427 32.0719 41.9057 34.684C42.9201 36.9624 42.9201 39.5642 41.9057 41.8426C40.7427 44.4547 37.2773 46.4555 30.3465 50.457L19.7865 56.5538C12.8557 60.5553 9.39028 62.5561 6.54665 62.2572C4.06632 61.9965 1.81309 60.6956 0.347152 58.6779C-1.3335 56.3647 -1.3335 52.3632 -1.3335 44.3601L-1.3335 32.1665C-1.3335 24.1634 -1.3335 20.1619 0.347154 17.8487C1.81309 15.831 4.06632 14.5301 6.54665 14.2694C9.39028 13.9705 12.8557 15.9713 19.7865 19.9728L30.3465 26.0696Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n      <path\n        d=\"M25.1827 8.94795C30.8223 12.204 33.6422 13.832 34.5885 15.9575C35.4139 17.8114 35.4139 19.9286 34.5885 21.7825C33.6422 23.908 30.8223 25.536 25.1827 28.7921L16.59 33.7531C10.9503 37.0091 8.1305 38.6372 5.81663 38.394C3.79836 38.1818 1.9649 37.1233 0.77206 35.4815C-0.595494 33.5992 -0.595493 30.3431 -0.595492 23.831L-0.595492 13.909C-0.595492 7.39686 -0.595493 4.14081 0.772061 2.25853C1.9649 0.616721 3.79837 -0.441833 5.81663 -0.653961C8.1305 -0.89716 10.9503 0.730868 16.59 3.98692L25.1827 8.94795Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n    </g>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M13.6257 24.5005C14.0857 23.9254 14.9248 23.8322 15.4998 24.2922C17.1085 25.5792 18.6014 26.1334 20.0002 26.1334C21.399 26.1334 22.8919 25.5792 24.5006 24.2922C25.0756 23.8322 25.9147 23.9254 26.3747 24.5005C26.8347 25.0755 26.7415 25.9145 26.1665 26.3745C24.2196 27.932 22.157 28.8 20.0002 28.8C17.8434 28.8 15.7808 27.932 13.834 26.3745C13.2589 25.9145 13.1657 25.0755 13.6257 24.5005Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-deco-sub)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M23.2624 13.9936C24.6123 13.2256 25.3352 12.0146 25.3352 10.9761V10.9256L25.3381 10.8875L25.3385 10.8738C25.339 10.853 25.3394 10.8136 25.3374 10.759C25.3334 10.6488 25.3199 10.4831 25.2813 10.2868C25.203 9.88862 25.0314 9.41331 24.6723 9.00006C24.4271 8.71795 24.0113 8.43639 23.4308 8.25042C22.8545 8.06583 22.1937 8.00159 21.5443 8.07662C20.8929 8.15187 20.3294 8.35804 19.9179 8.6304C19.5054 8.90332 19.3115 9.19517 19.2421 9.41589C19.1793 9.6156 19.1931 9.82831 19.3295 10.0663C19.4774 10.3243 19.7826 10.6238 20.2892 10.8628C20.9552 11.1771 21.2403 11.9717 20.926 12.6377C20.6117 13.3036 19.817 13.5887 19.151 13.2745C18.2646 12.8562 17.4918 12.2227 17.0158 11.3925C16.5283 10.5422 16.4008 9.56131 16.6979 8.6163C16.9884 7.69229 17.6387 6.94084 18.446 6.40662C19.2542 5.87183 20.2298 5.54407 21.2382 5.42757C22.2486 5.31084 23.2921 5.40583 24.2444 5.71089C25.1924 6.01456 26.0593 6.53057 26.6854 7.25097L25.702 8.1054L26.6854 7.25097C27.4355 8.11411 27.7588 9.0641 27.8981 9.77212C27.9683 10.1289 27.9943 10.4365 28.0025 10.6614C28.0067 10.7743 28.0064 10.8679 28.0047 10.9381C28.004 10.9683 28.003 10.9942 28.002 11.0157C27.9848 13.2299 26.5284 15.2035 24.5813 16.3113C22.5779 17.4511 19.9154 17.775 17.2599 16.5887C15.3418 15.7319 13.9053 14.216 12.2128 11.7255C11.7989 11.1164 11.9572 10.2871 12.5663 9.87327C13.1755 9.45941 14.0048 9.61767 14.4187 10.2267C16.0232 12.5878 17.1148 13.6032 18.3477 14.154C20.187 14.9756 21.957 14.7363 23.2624 13.9936Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <defs>\n      <clipPath id=\"clip0_21039_92908\">\n        <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-icon-avatar-minimal)\" />\n      </clipPath>\n    </defs>\n  </svg>,\n  <svg\n    key=\"dummy-10\"\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_21039_92909)\">\n      <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-surface-avatar)\" />\n      <path\n        d=\"M11.4936 11.1757C14.5066 9.43614 16.0131 8.56635 17.6147 8.22592C19.0319 7.92469 20.4965 7.92469 21.9136 8.22592C23.5152 8.56635 25.0217 9.43614 28.0347 11.1757L40.5913 18.4253C43.6043 20.1649 45.1108 21.0346 46.2064 22.2515C47.1758 23.3281 47.9081 24.5965 48.3558 25.9744C48.8618 27.5317 48.8618 29.2713 48.8618 32.7504V47.2496C48.8618 50.7287 48.8618 52.4683 48.3558 54.0256C47.9081 55.4035 47.1758 56.6719 46.2064 57.7485C45.1108 58.9654 43.6043 59.8351 40.5913 61.5747L28.0347 68.8243C25.0217 70.5639 23.5152 71.4336 21.9136 71.7741C20.4965 72.0753 19.0319 72.0753 17.6147 71.7741C16.0131 71.4336 14.5066 70.5639 11.4936 68.8243L-1.06295 61.5747C-4.07595 59.8351 -5.58244 58.9654 -6.67808 57.7485C-7.64751 56.6719 -8.37981 55.4035 -8.82751 54.0256C-9.3335 52.4683 -9.3335 50.7287 -9.3335 47.2496V32.7504C-9.3335 29.2713 -9.3335 27.5317 -8.82751 25.9744C-8.37981 24.5965 -7.64751 23.3281 -6.67808 22.2515C-5.58244 21.0346 -4.07595 20.1649 -1.06295 18.4253L11.4936 11.1757Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n    </g>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M14.4289 25.2622C14.6619 24.5434 15.3387 24 16.187 24H23.8128C24.6611 24 25.3379 24.5434 25.5708 25.2622C25.8109 26.0032 25.5562 26.8765 24.7892 27.3473C23.2522 28.2906 21.65 28.8 19.9999 28.8C18.3498 28.8 16.7475 28.2906 15.2106 27.3473C14.4435 26.8765 14.1888 26.0032 14.4289 25.2622Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-deco-sub)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M12.395 11.0604C12.9157 10.5397 13.76 10.5397 14.2808 11.0604L16.9477 13.7271C17.4684 14.2478 17.4684 15.092 16.9477 15.6127C16.4269 16.1334 15.5826 16.1334 15.0619 15.6127L12.395 12.9461C11.8742 12.4254 11.8742 11.5811 12.395 11.0604Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M28.9488 11.0604C28.428 10.5397 27.5837 10.5397 27.063 11.0604L24.3961 13.7271C23.8753 14.2478 23.8753 15.092 24.3961 15.6127C24.9168 16.1334 25.7611 16.1334 26.2819 15.6127L28.9488 12.9461C29.4695 12.4254 29.4695 11.5811 28.9488 11.0604Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M20.6718 6.66992C21.4083 6.66992 22.0053 7.26688 22.0053 8.00326V12.6699C22.0053 13.4063 21.4083 14.0033 20.6718 14.0033C19.9354 14.0033 19.3384 13.4063 19.3384 12.6699V8.00326C19.3384 7.26688 19.9354 6.66992 20.6718 6.66992Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <defs>\n      <clipPath id=\"clip0_21039_92909\">\n        <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-icon-avatar-minimal)\" />\n      </clipPath>\n    </defs>\n  </svg>,\n  <svg\n    key=\"dummy-11\"\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_21039_92910)\">\n      <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-surface-avatar)\" />\n      <path\n        d=\"M11.4936 11.1757C14.5066 9.43614 16.0131 8.56635 17.6147 8.22592C19.0319 7.92469 20.4965 7.92469 21.9136 8.22592C23.5152 8.56635 25.0217 9.43614 28.0347 11.1757L40.5913 18.4253C43.6043 20.1649 45.1108 21.0346 46.2064 22.2515C47.1758 23.3281 47.9081 24.5965 48.3558 25.9744C48.8618 27.5317 48.8618 29.2713 48.8618 32.7504V47.2496C48.8618 50.7287 48.8618 52.4683 48.3558 54.0256C47.9081 55.4035 47.1758 56.6719 46.2064 57.7485C45.1108 58.9654 43.6043 59.8351 40.5913 61.5747L28.0347 68.8243C25.0217 70.5639 23.5152 71.4336 21.9136 71.7741C20.4965 72.0753 19.0319 72.0753 17.6147 71.7741C16.0131 71.4336 14.5066 70.5639 11.4936 68.8243L-1.06295 61.5747C-4.07595 59.8351 -5.58244 58.9654 -6.67808 57.7485C-7.64751 56.6719 -8.37981 55.4035 -8.82751 54.0256C-9.3335 52.4683 -9.3335 50.7287 -9.3335 47.2496V32.7504C-9.3335 29.2713 -9.3335 27.5317 -8.82751 25.9744C-8.37981 24.5965 -7.64751 23.3281 -6.67808 22.2515C-5.58244 21.0346 -4.07595 20.1649 -1.06295 18.4253L11.4936 11.1757Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n    </g>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M13.6257 24.5005C14.0857 23.9254 14.9248 23.8322 15.4998 24.2922C17.1085 25.5792 18.6014 26.1334 20.0002 26.1334C21.399 26.1334 22.8919 25.5792 24.5006 24.2922C25.0756 23.8322 25.9147 23.9254 26.3747 24.5005C26.8347 25.0755 26.7415 25.9145 26.1665 26.3745C24.2196 27.932 22.157 28.8 20.0002 28.8C17.8434 28.8 15.7808 27.932 13.834 26.3745C13.2589 25.9145 13.1657 25.0755 13.6257 24.5005Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-deco-sub)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M21.453 6.66994C23.133 4.99004 26.0057 6.17981 26.0057 8.55556V9.45099L26.3963 9.06046C26.917 8.53976 27.7613 8.53976 28.2821 9.06046C28.8028 9.58116 28.8028 10.4254 28.2821 10.9461L27.8915 11.3366C26.2114 13.0165 23.3388 11.8267 23.3388 9.45099L23.3388 8.55556L17.8905 14.0033C16.2105 15.6832 13.3378 14.4934 13.3378 12.1177L13.3378 10.5556L12.9473 10.9461C12.4265 11.4668 11.5822 11.4668 11.0615 10.9461C10.5407 10.4254 10.5407 9.58116 11.0615 9.06046L11.452 8.66994C13.1321 6.99003 16.0047 8.17981 16.0047 10.5556V12.1177L21.453 6.66994Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <defs>\n      <clipPath id=\"clip0_21039_92910\">\n        <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-icon-avatar-minimal)\" />\n      </clipPath>\n    </defs>\n  </svg>,\n  <svg\n    key=\"dummy-12\"\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_21039_92911)\">\n      <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-surface-avatar)\" />\n      <path\n        d=\"M9.33333 12.0001C9.33333 9.05456 11.7211 6.66675 14.6667 6.66675H40C42.9455 6.66675 45.3333 9.05456 45.3333 12.0001V37.3334C45.3333 40.2789 42.9455 42.6667 40 42.6667H14.6667C11.7211 42.6667 9.33333 40.2789 9.33333 37.3334V12.0001Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n      <path\n        d=\"M-4 25.3334C-4 22.3879 -1.61219 20.0001 1.33333 20.0001H26.6667C29.6122 20.0001 32 22.3879 32 25.3334V50.6667C32 53.6123 29.6122 56.0001 26.6667 56.0001H1.33333C-1.61219 56.0001 -4 53.6123 -4 50.6667V25.3334Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n    </g>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M14.4289 25.2622C14.6619 24.5434 15.3387 24 16.187 24H23.8128C24.6611 24 25.3379 24.5434 25.5708 25.2622C25.8109 26.0032 25.5562 26.8765 24.7892 27.3473C23.2522 28.2906 21.65 28.8 19.9999 28.8C18.3498 28.8 16.7475 28.2906 15.2106 27.3473C14.4435 26.8765 14.1888 26.0032 14.4289 25.2622Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-deco-sub)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M26.7259 6.86028C27.1681 7.12589 27.4174 7.62269 27.3661 8.13593L26.9671 12.1257L29.3078 10.6879C29.9353 10.3025 30.7565 10.4986 31.142 11.1261C31.5274 11.7535 31.3312 12.5747 30.7037 12.9601L26.0705 15.806C25.6387 16.0712 25.0939 16.0688 24.6645 15.7997C24.235 15.5307 23.9953 15.0415 24.0457 14.5373L24.4315 10.6795L17.5947 15.2428C17.1578 15.5344 16.5904 15.5424 16.1455 15.2632C15.7006 14.984 15.461 14.4697 15.5337 13.9495L15.6315 13.2486L11.3566 15.8132C10.7251 16.1921 9.90604 15.9874 9.52714 15.3559C9.14824 14.7245 9.35302 13.9055 9.98452 13.5266L16.6518 9.5266C17.0923 9.26236 17.6453 9.27456 18.0737 9.55796C18.5021 9.84137 18.7296 10.3456 18.6585 10.8542L18.5858 11.375L25.2989 6.8943C25.728 6.60793 26.2837 6.59468 26.7259 6.86028Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <defs>\n      <clipPath id=\"clip0_21039_92911\">\n        <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-icon-avatar-minimal)\" />\n      </clipPath>\n    </defs>\n  </svg>,\n  <svg\n    key=\"dummy-13\"\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_21039_92912)\">\n      <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-surface-avatar)\" />\n      <path\n        d=\"M64.6379 23.226C67.2163 26.7748 68.5055 28.5492 69.0036 30.4892C69.4434 32.2021 69.4434 33.9984 69.0036 35.7114C68.5055 37.6513 67.2163 39.4257 64.6379 42.9746L53.5937 58.1755C51.0153 61.7243 49.7261 63.4987 48.035 64.5719C46.5418 65.5196 44.8334 66.0747 43.0683 66.1857C41.0694 66.3115 38.9834 65.6337 34.8115 64.2782L16.9415 58.4719C12.7696 57.1164 10.6836 56.4386 9.14037 55.1619C7.77769 54.0346 6.72184 52.5814 6.0708 50.9371C5.33349 49.0748 5.33349 46.8816 5.33349 42.495L5.33349 23.7055C5.33349 19.319 5.33349 17.1257 6.0708 15.2634C6.72184 13.6191 7.77769 12.1659 9.14038 11.0386C10.6836 9.7619 12.7696 9.08413 16.9415 7.7286L34.8115 1.92235C38.9834 0.566824 41.0694 -0.11094 43.0683 0.0148222C44.8334 0.125869 46.5418 0.680956 48.035 1.62858C49.7261 2.70177 51.0153 4.47618 53.5937 8.025L64.6379 23.226Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n    </g>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M13.6257 24.5005C14.0857 23.9254 14.9248 23.8322 15.4998 24.2922C17.1085 25.5792 18.6014 26.1334 20.0002 26.1334C21.399 26.1334 22.8919 25.5792 24.5006 24.2922C25.0756 23.8322 25.9147 23.9254 26.3747 24.5005C26.8347 25.0755 26.7415 25.9145 26.1665 26.3745C24.2196 27.932 22.157 28.8 20.0002 28.8C17.8434 28.8 15.7808 27.932 13.834 26.3745C13.2589 25.9145 13.1657 25.0755 13.6257 24.5005Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-deco-sub)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M9.96389 6.87248C10.5884 6.48224 11.4111 6.67212 11.8014 7.29659L14.0219 10.8497L15.9152 7.81812C16.8656 6.30088 19.0752 6.30088 20.0256 7.81812L20.0265 7.81965L21.9188 10.8497L23.8137 7.81906C24.7641 6.30181 26.9743 6.30088 27.9247 7.81812L27.9254 7.81933L30.3469 11.6944C30.7372 12.3189 30.5472 13.1415 29.9227 13.5317C29.2981 13.9219 28.4755 13.732 28.0852 13.1075L25.8694 9.56159L23.9757 12.5904C23.9755 12.5908 23.9759 12.59 23.9757 12.5904C23.0265 14.1128 20.8122 14.1078 19.8635 12.5933L17.9704 9.56188L16.0772 12.5933C15.1285 14.1078 12.9149 14.1139 11.9657 12.5914C11.9655 12.5911 11.9659 12.5918 11.9657 12.5914L9.53974 8.70978C9.14946 8.08531 9.33936 7.26272 9.96389 6.87248ZM21.7119 11.1807C21.7123 11.1801 21.7127 11.1794 21.7131 11.1788L21.7119 11.1807ZM14.2284 11.18C14.2282 11.1797 14.2286 11.1803 14.2284 11.18V11.18Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <defs>\n      <clipPath id=\"clip0_21039_92912\">\n        <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-icon-avatar-minimal)\" />\n      </clipPath>\n    </defs>\n  </svg>,\n  <svg\n    key=\"dummy-14\"\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_21039_92913)\">\n      <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-surface-avatar)\" />\n      <path\n        d=\"M24.9155 7.12817C27.8194 7.12817 29.2714 7.12817 30.3805 7.69331C31.3562 8.19042 32.1494 8.98363 32.6465 9.95927C33.2116 11.0684 33.2116 12.5204 33.2116 15.4243L33.2116 24.4968C33.2116 27.4007 33.2116 28.8527 32.6465 29.9618C32.1494 30.9375 31.3562 31.7307 30.3805 32.2278C29.2714 32.7929 27.8194 32.7929 24.9155 32.7929H15.843C12.9391 32.7929 11.4871 32.7929 10.378 32.2278C9.40232 31.7307 8.6091 30.9375 8.11199 29.9618C7.54686 28.8527 7.54686 27.4007 7.54686 24.4968L7.54686 15.4243C7.54686 12.5204 7.54686 11.0684 8.11199 9.95927C8.6091 8.98363 9.40232 8.19042 10.378 7.69331C11.4871 7.12817 12.939 7.12817 15.843 7.12817H24.9155Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n      <path\n        d=\"M9.83057 22.2131C12.7345 22.2131 14.1864 22.2131 15.2956 22.7783C16.2712 23.2754 17.0644 24.0686 17.5615 25.0442C18.1267 26.1534 18.1267 27.6053 18.1267 30.5092V39.5818C18.1267 42.4857 18.1267 43.9376 17.5615 45.0468C17.0644 46.0224 16.2712 46.8156 15.2956 47.3127C14.1864 47.8779 12.7345 47.8779 9.83057 47.8779H0.758012C-2.14589 47.8779 -3.59785 47.8779 -4.70699 47.3127C-5.68262 46.8156 -6.47584 46.0224 -6.97295 45.0468C-7.53809 43.9376 -7.53808 42.4857 -7.53808 39.5818L-7.53809 30.5092C-7.53809 27.6053 -7.53809 26.1534 -6.97295 25.0442C-6.47584 24.0686 -5.68262 23.2754 -4.70699 22.7783C-3.59785 22.2131 -2.14589 22.2131 0.758016 22.2131H9.83057Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n    </g>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M13.6257 24.5005C14.0857 23.9254 14.9248 23.8322 15.4998 24.2922C17.1085 25.5792 18.6014 26.1334 20.0002 26.1334C21.399 26.1334 22.8919 25.5792 24.5006 24.2922C25.0756 23.8322 25.9147 23.9254 26.3747 24.5005C26.8347 25.0755 26.7415 25.9145 26.1665 26.3745C24.2196 27.932 22.157 28.8 20.0002 28.8C17.8434 28.8 15.7808 27.932 13.834 26.3745C13.2589 25.9145 13.1657 25.0755 13.6257 24.5005Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-deco-sub)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M26.7259 6.86028C27.1681 7.12589 27.4174 7.62269 27.3661 8.13593L26.9671 12.1257L29.3078 10.6879C29.9353 10.3025 30.7565 10.4986 31.142 11.1261C31.5274 11.7535 31.3312 12.5747 30.7037 12.9601L26.0705 15.806C25.6387 16.0712 25.0939 16.0688 24.6645 15.7997C24.235 15.5307 23.9953 15.0415 24.0457 14.5373L24.4315 10.6795L17.5947 15.2428C17.1578 15.5344 16.5904 15.5424 16.1455 15.2632C15.7006 14.984 15.461 14.4697 15.5337 13.9495L15.6315 13.2486L11.3566 15.8132C10.7251 16.1921 9.90604 15.9874 9.52714 15.3559C9.14824 14.7245 9.35302 13.9055 9.98452 13.5266L16.6518 9.5266C17.0923 9.26236 17.6453 9.27456 18.0737 9.55796C18.5021 9.84137 18.7296 10.3456 18.6585 10.8542L18.5858 11.375L25.2989 6.8943C25.728 6.60793 26.2837 6.59468 26.7259 6.86028Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <defs>\n      <clipPath id=\"clip0_21039_92913\">\n        <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-icon-avatar-minimal)\" />\n      </clipPath>\n    </defs>\n  </svg>,\n  <svg\n    key=\"dummy-15\"\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 40 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_21039_92914)\">\n      <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-surface-avatar)\" />\n      <path\n        d=\"M24.9155 7.12817C27.8194 7.12817 29.2714 7.12817 30.3805 7.69331C31.3562 8.19042 32.1494 8.98363 32.6465 9.95927C33.2116 11.0684 33.2116 12.5204 33.2116 15.4243L33.2116 24.4968C33.2116 27.4007 33.2116 28.8527 32.6465 29.9618C32.1494 30.9375 31.3562 31.7307 30.3805 32.2278C29.2714 32.7929 27.8194 32.7929 24.9155 32.7929H15.843C12.9391 32.7929 11.4871 32.7929 10.378 32.2278C9.40232 31.7307 8.6091 30.9375 8.11199 29.9618C7.54686 28.8527 7.54686 27.4007 7.54686 24.4968L7.54686 15.4243C7.54686 12.5204 7.54686 11.0684 8.11199 9.95927C8.6091 8.98363 9.40232 8.19042 10.378 7.69331C11.4871 7.12817 12.939 7.12817 15.843 7.12817H24.9155Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n      <path\n        d=\"M9.83057 22.2131C12.7345 22.2131 14.1864 22.2131 15.2956 22.7783C16.2712 23.2754 17.0644 24.0686 17.5615 25.0442C18.1267 26.1534 18.1267 27.6053 18.1267 30.5092V39.5818C18.1267 42.4857 18.1267 43.9376 17.5615 45.0468C17.0644 46.0224 16.2712 46.8156 15.2956 47.3127C14.1864 47.8779 12.7345 47.8779 9.83057 47.8779H0.758012C-2.14589 47.8779 -3.59785 47.8779 -4.70699 47.3127C-5.68262 46.8156 -6.47584 46.0224 -6.97295 45.0468C-7.53809 43.9376 -7.53808 42.4857 -7.53808 39.5818L-7.53809 30.5092C-7.53809 27.6053 -7.53809 26.1534 -6.97295 25.0442C-6.47584 24.0686 -5.68262 23.2754 -4.70699 22.7783C-3.59785 22.2131 -2.14589 22.2131 0.758016 22.2131H9.83057Z\"\n        fill=\"var(--clay-color-semantic-icon-avatar-deco)\"\n      />\n    </g>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M14.4289 25.2622C14.6619 24.5434 15.3387 24 16.187 24H23.8128C24.6611 24 25.3379 24.5434 25.5708 25.2622C25.8109 26.0032 25.5562 26.8765 24.7892 27.3473C23.2522 28.2906 21.65 28.8 19.9999 28.8C18.3498 28.8 16.7475 28.2906 15.2106 27.3473C14.4435 26.8765 14.1888 26.0032 14.4289 25.2622Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-deco-sub)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M12.395 11.0604C12.9157 10.5397 13.76 10.5397 14.2808 11.0604L16.9477 13.7271C17.4684 14.2478 17.4684 15.092 16.9477 15.6127C16.4269 16.1334 15.5826 16.1334 15.0619 15.6127L12.395 12.9461C11.8742 12.4254 11.8742 11.5811 12.395 11.0604Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M28.9488 11.0604C28.428 10.5397 27.5837 10.5397 27.063 11.0604L24.3961 13.7271C23.8753 14.2478 23.8753 15.092 24.3961 15.6127C24.9168 16.1334 25.7611 16.1334 26.2819 15.6127L28.9488 12.9461C29.4695 12.4254 29.4695 11.5811 28.9488 11.0604Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M20.6718 6.66992C21.4083 6.66992 22.0053 7.26688 22.0053 8.00326V12.6699C22.0053 13.4063 21.4083 14.0033 20.6718 14.0033C19.9354 14.0033 19.3384 13.4063 19.3384 12.6699V8.00326C19.3384 7.26688 19.9354 6.66992 20.6718 6.66992Z\"\n      fill=\"var(--clay-color-semantic-icon-avatar-minimal)\"\n    />\n    <defs>\n      <clipPath id=\"clip0_21039_92914\">\n        <rect width=\"40\" height=\"40\" fill=\"var(--clay-color-semantic-icon-avatar-minimal)\" />\n      </clipPath>\n    </defs>\n  </svg>,\n] as const;\n","import type { BadgeDotProp } from \"../Badge/Badge.types\";\nimport type { AvatarProps } from \"./Avatar.types\";\n\nexport const useAvatarSize = (size: AvatarProps<\"div\">[\"size\"]) => {\n  switch (size) {\n    case \"xsmall\":\n      return \"24px\";\n\n    case \"small\":\n      return \"32px\";\n\n    case \"large\":\n      return \"48px\";\n\n    case \"xlarge\":\n      return \"64px\";\n\n    case \"2xlarge\":\n      return \"96px\";\n\n    case \"3xlarge\":\n      return \"120px\";\n\n    default:\n      return \"40px\";\n  }\n};\n\nexport const useAvatarDotSize = (\n  size: AvatarProps<\"div\">[\"size\"],\n): {\n  dotSize: BadgeDotProp[\"size\"];\n  offset: string;\n} => {\n  switch (size) {\n    case \"large\":\n    case \"xlarge\":\n    case \"2xlarge\":\n    case \"3xlarge\":\n      return {\n        dotSize: \"large\",\n        offset: \"2px\",\n      };\n\n    case \"small\":\n    case \"xsmall\":\n      return {\n        dotSize: \"medium\",\n        offset: \"0px\",\n      };\n\n    default:\n      return {\n        dotSize: \"largeBold\",\n        offset: \"0px\",\n      };\n  }\n};\n\nexport const useAvatarDotNumberSize = (\n  size: AvatarProps<\"div\">[\"size\"],\n): {\n  offset: string;\n} => {\n  switch (size) {\n    case \"large\":\n    case \"xlarge\":\n    case \"2xlarge\":\n    case \"3xlarge\":\n      // -7px\n      return {\n        offset: \"7px\",\n      };\n\n    case \"small\":\n    case \"xsmall\":\n      return {\n        offset: \"4px\",\n      };\n\n    default:\n      return {\n        offset: \"5px\",\n      };\n  }\n};\n","import type { PropsWithChildren } from \"react\";\nimport { createContext, useContext } from \"react\";\nimport type { AvatarProps } from \"./Avatar.types\";\n\nconst AvatarSizeContext = createContext<AvatarProps[\"size\"]>(\"medium\");\n\nexport const AvatarProvider = ({\n  size,\n  children,\n}: Pick<AvatarProps, \"size\"> & PropsWithChildren) => {\n  return <AvatarSizeContext.Provider value={size}>{children}</AvatarSizeContext.Provider>;\n};\n\nexport const useAvatarSizeContext = () => useContext(AvatarSizeContext);\n"]}