{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,QAOE,iBAAkB,CALlB,mBAAoB,CAGpB,aAAc,CADd,WAAY,CAHZ,iBAAkB,CAKlB,kBAAmB,CAHnB,UAKF,CACA,eAIE,iBAAkB,CAHlB,aAAc,CAEd,WAAY,CAEZ,gBAAiB,CACjB,sBAAuB,CAJvB,UAKF,CACA,cAEE,kBAAmB,CAInB,4BAA6B,CAC7B,+BAAgC,CANhC,mBAAoB,CAapB,aAAc,CAXd,sBAAuB,CAKvB,aAAc,CACd,iBAAkB,CAElB,aAAe,CADf,WAAa,CAGb,YAAa,CADb,SAGF,CACA,6BACE,iHAAyH,CACzH,yGACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .avatar {\n    position: relative;\n    display: inline-flex;\n    width: 4rem;\n    height: 4rem;\n    flex-shrink: 0;\n    vertical-align: top;\n    border-radius: 50%;\n  }\n  .avatar__image {\n    display: block;\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    object-fit: cover;\n    object-position: center;\n  }\n  .avatar__icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 1.5rem;\n    height: 1.5rem;\n    background-color: transparent;\n    color: var(--color-icon-default);\n    line-height: 1;\n    position: absolute;\n    top: -0.25rem;\n    right: -0.25rem;\n    z-index: 1;\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n  .avatar__icon ~ .avatar__image {\n    -webkit-mask-image: radial-gradient(circle at calc(100% - 0.5rem) 0.5rem, transparent 0.75rem, black calc(0.75rem + 1px));\n    mask-image: radial-gradient(circle at calc(100% - 0.5rem) 0.5rem, transparent 0.75rem, black calc(0.75rem + 1px));\n  }\n}"]}