import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject;
import styled from '@modern-js/runtime/styled';
export var AvatarWrap = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .avatarContainer {\n    position: relative;\n    width: ", "px;\n    height: ", "px;\n  }\n  .avatar {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    object-fit: cover;\n    ", "\n  }\n\n  .defaultAvatar {\n    width: 100%;\n    height: 100%;\n    background: conic-gradient(\n      from 105.11deg at 50% 50%,\n      #8f94bf 0deg,\n      #fde8e9 75deg,\n      #8f94bf 360deg\n    );\n    border-radius: 50%;\n    object-fit: cover;\n    box-shadow: -6px -6px 12px rgba(255, 255, 255, 0.04),\n      6px 6px 12px rgba(0, 0, 0, 0.16);\n  }\n"])), function (props) {
  return props.size;
}, function (props) {
  return props.size;
}, function (props) {
  return props.borderless ? '' : 'box-shadow: -6px -6px 12px rgba(255, 255, 255, 0.04),6px 6px 12px rgba(0, 0, 0, 0.16);';
});