var e={avatar:"avatar_51c4eabf76",large:"large_5fc8467f38",medium:"medium_8f4f8f2627",small:"small_44935ee941",xs:"xs_ac24f13ecb",clickableWrapper:"clickableWrapper_2ce32d96d9",circle:"circle_0e6ac00bbc","focus-visible":"focus-visible_77df5a864c",circleImg:"circleImg_0e92f10243",circleText:"circleText_6f7ba9599b",disabled:"disabled_51c4eabf76",square:"square_3f8aa36a14",withoutBorder:"withoutBorder_d6fe62b251",badges:"badges_162a1b5b39",badge:"badge_487a166b09",badgeTopLeft:"badgeTopLeft_5e3673d2b4",badgeTopRight:"badgeTopRight_c6d409a5ec",badgeBottomLeft:"badgeBottomLeft_b1df82ac20",badgeBottomRight:"badgeBottomRight_d84c54a15b"};!function(e){const n="s_id-dccf983c2f60_3_70_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.avatar_51c4eabf76 {\n  position: relative;\n}\n\n.large_5fc8467f38 {\n  height: 50px;\n  width: 50px;\n}\n\n.medium_8f4f8f2627 {\n  height: 32px;\n  width: 32px;\n}\n\n.small_44935ee941 {\n  height: 28px;\n  width: 28px;\n}\n\n.xs_ac24f13ecb {\n  height: 20px;\n  width: 20px;\n}\n\n.clickableWrapper_2ce32d96d9 {\n  height: 100%;\n  width: 100%;\n}\n\n.circle_0e6ac00bbc {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle_0e6ac00bbc:focus {\n  outline: none;\n}\n\n.circle_0e6ac00bbc:focus:focus-visible, .circle_0e6ac00bbc:focus.focus-visible_77df5a864c {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle_0e6ac00bbc:focus:focus:not(.focus-visible_77df5a864c) {\n  outline: none;\n}\n\n.circleImg_0e92f10243 {\n  border-color: var(--primary-background-color);\n}\n\n.circleText_6f7ba9599b {\n  border-color: var(--layout-border-color);\n}\n\n.disabled_51c4eabf76:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n\n.square_3f8aa36a14 {\n  border-radius: var(--border-radius-small);\n}\n\n.square_3f8aa36a14:focus {\n  outline: none;\n}\n\n.square_3f8aa36a14:focus:focus-visible, .square_3f8aa36a14:focus.focus-visible_77df5a864c {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square_3f8aa36a14:focus:focus:not(.focus-visible_77df5a864c) {\n  outline: none;\n}\n\n.withoutBorder_d6fe62b251 {\n  border: none;\n}\n\n.badges_162a1b5b39 {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges_162a1b5b39 .badge_487a166b09 {\n  display: flex;\n}\n\n.badges_162a1b5b39 .badgeTopLeft_5e3673d2b4 {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges_162a1b5b39 .badgeTopRight_c6d409a5ec {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges_162a1b5b39 .badgeBottomLeft_b1df82ac20 {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges_162a1b5b39 .badgeBottomRight_d84c54a15b {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
//# sourceMappingURL=Avatar.module.scss.js.map
