@atlaskit/avatar/dist/esm/avatar-content.compiled.css

An avatar is a visual representation of a user or entity.

._11q7cxp3{background:var(--avatar-bg-color)}
._14mj1qll:after{border-radius:var(--ds-radius-full,50%)}
._14mjidpf:after{border-radius:0}
._19itglyw{border:none}
._2rko1qll{border-radius:var(--ds-radius-full,50%)}
._2rkoidpf{border-radius:0}
._2rkol0p1{border-radius:var(--ds-radius-tile,25%)}
._9v7aze3t:after{inset:var(--ds-space-0,0)}
._qc5o1p41:after{transition:opacity .2s}
._v5641krm{transition:var(--ds-avatar-hovered,transform .25s linear(0,.021,.058,.107,.164,.227,.292,.359,.425,.49,.552,.61,.664,.714,.759,.8,.837,.869,.898,.922,.943,.961,.976,.988,.998,1.006,1.013,1.017,1.02,1.023,1.024,1.024,1.024,1.024,1.023,1.022,1.02,1.019,1.017,1.015,1.014,1.012,1.011,1.009,1.008,1.007,1.006,1.005,1.004,1.003,1.002,1.002,1.001,1.001,1.001,1,1,1,1,1,.999,.999,.999,.999,1))}
._v564ieh6{transition:transform .2s,opacity .2s}
._18zr1dm9{padding-inline:var(--ds-border-width-selected,2px)}
._18zruxly{padding-inline:calc(var(--ds-border-width-selected, 2px)*.4)}
._195g1ksc{margin-inline:calc(var(--ds-border-width-selected, 2px)*-1)}
._195gzwb8{margin-inline:calc(var(--ds-border-width-selected, 2px)*.4*-1)}
._1mou18m8{margin-block:calc(var(--ds-border-width-selected, 2px)*.5*-1)}
._1mou5h37{margin-block:calc(var(--ds-border-width-selected, 2px)*1.25*-1)}
._1rjc1wgn{padding-block:calc(var(--ds-border-width-selected, 2px)*1.25)}
._1rjcf6hp{padding-block:calc(var(--ds-border-width-selected, 2px)*.5)}._11fnglyw:after{pointer-events:none}
._12ji1r31{outline-color:currentColor}
._12l21ksc{margin-inline-end:calc(var(--ds-border-width-selected, 2px)*-1)}
._12l2idpf{margin-inline-end:0}
._12l2n6b1{margin-inline-end:calc(var(--ds-border-width-selected, 2px)*-.12)}
._12l2nlpx{margin-inline-end:calc(var(--ds-border-width-selected, 2px)*-1.12)}
._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
._12y31o36{outline-width:medium}
._16qs1nhn{box-shadow:var(--avatar-box-shadow)}
._16qsn7od{box-shadow:unset}
._18m915vq{overflow-y:hidden}
._18postnw:after{position:absolute}
._1bah1h6o{justify-content:center}
._1bsb16xz{width:6pc}
._1bsb1cun{width:30.81px}
._1bsb1ftb{width:23.11px}
._1bsb1qr7{width:8pc}
._1bsb1tcg{width:24px}
._1bsb1ylp{width:40px}
._1bsb7vkz{width:1pc}
._1bsbctg4{width:38.51px}
._1bsbgaek{width:15.4px}
._1bsbgktf{width:20px}
._1bsbhec5{width:123.25px}
._1bsbovoe{width:92.44px}
._1bsbzwfg{width:2pc}
._1e0c1txw{display:flex}
._1hfk1j28:after{background-color:transparent}
._1hfkvuon:after{background-color:var(--ds-surface,#fff)}
._1o9o1v1w:has(:focus-visible){background-color:var(--ds-border-focused,#4688ec)}
._1o9ovuon:has(:focus-visible){background-color:var(--ds-surface,#fff)}
._1peq2wxo:after{opacity:var(--ds-opacity-disabled,.4)}
._1peqidpf:after{opacity:0}
._1pfhn6b1{margin-block-start:calc(var(--ds-border-width-selected, 2px)*-.12)}
._1pfhnlpx{margin-block-start:calc(var(--ds-border-width-selected, 2px)*-1.12)}
._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
._1pfhwit5{margin-block-start:calc(var(--ds-border-width-selected, 2px)*-.125)}
._1pfhypyw{margin-block-start:calc(var(--ds-border-width-selected, 2px)*-1.125)}
._1q511hhc{padding-block-start:calc(var(--ds-border-width-selected, 2px)*1.125)}
._1q51di1a{padding-block-start:calc(var(--ds-border-width-selected, 2px)*.125)}
._1q51i44o{padding-block-start:calc(var(--ds-border-width-selected, 2px)*1.12)}
._1q51pe44{padding-block-start:calc(var(--ds-border-width-selected, 2px)*.12)}
._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
._1qu2glyw{outline-style:none}
._1reo15vq{overflow-x:hidden}
._2lx21bp4{flex-direction:column}
._4cvr1fhb{align-items:stretch}
._4t3i15zd{height:42.93px}
._4t3i16xz{height:6pc}
._4t3i1ejz{height:137.39px}
._4t3i1pm0{height:1.61pc}
._4t3i1qr7{height:8pc}
._4t3i1sfy{height:6.44pc}
._4t3i1tcg{height:24px}
._4t3i1ylp{height:40px}
._4t3i3vj5{height:34.34px}
._4t3i7vkz{height:1pc}
._4t3igktf{height:20px}
._4t3ikzaa{height:17.17px}
._4t3izwfg{height:2pc}
._4tpu1f0r:hover:after{background-color:var(--ds-interaction-hovered,#00000029)}
._6rthn6b1{margin-block-end:calc(var(--ds-border-width-selected, 2px)*-.12)}
._6rthnlpx{margin-block-end:calc(var(--ds-border-width-selected, 2px)*-1.12)}
._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
._6rthwit5{margin-block-end:calc(var(--ds-border-width-selected, 2px)*-.125)}
._6rthypyw{margin-block-end:calc(var(--ds-border-width-selected, 2px)*-1.125)}
._80om13gf{cursor:not-allowed}
._80om1kw7{cursor:inherit}
._80omtlke{cursor:pointer}
._85i51hhc{padding-block-end:calc(var(--ds-border-width-selected, 2px)*1.125)}
._85i5di1a{padding-block-end:calc(var(--ds-border-width-selected, 2px)*.125)}
._85i5i44o{padding-block-end:calc(var(--ds-border-width-selected, 2px)*1.12)}
._85i5pe44{padding-block-end:calc(var(--ds-border-width-selected, 2px)*.12)}
._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
._aetrf705:after{content:" "}
._ahbq1ksc{margin-inline-start:calc(var(--ds-border-width-selected, 2px)*-1)}
._ahbqidpf{margin-inline-start:0}
._ahbqn6b1{margin-inline-start:calc(var(--ds-border-width-selected, 2px)*-.12)}
._ahbqnlpx{margin-inline-start:calc(var(--ds-border-width-selected, 2px)*-1.12)}
._ahbqv77o{margin-inline-start:var(--ds-space-025,2px)}
._bfhk1j28{background-color:transparent}
._bfhkcxp3{background-color:var(--avatar-bg-color)}
._bozg1dm9{padding-inline-start:var(--ds-border-width-selected,2px)}
._bozgi44o{padding-inline-start:calc(var(--ds-border-width-selected, 2px)*1.12)}
._bozgidpf{padding-inline-start:0}
._bozgpe44{padding-inline-start:calc(var(--ds-border-width-selected, 2px)*.12)}
._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
._eeh8kb7n:active:after{opacity:1}
._ez1ykb7n:hover:after{opacity:1}
._gcm1jer9:active:after{background-color:var(--ds-interaction-pressed,#00000052)}
._kqswh2mm{position:relative}
._kqswpfqs{position:static}
._m6k41e03{will-change:transform}
._mkrz1ezo{clip-path:polygon(43.61555% 1.47441%,46.08136% .49147%,48.6791% 0,51.3208% 0,53.91847% .49147%,56.38412% 1.47441%,93.61555% 20.77327%,95.79666% 22.19894%,97.56964% 23.97299%,98.89052% 26.02699%,99.7153% 28.29251%,100% 30.70112%,100% 69.29883%,99.7153% 71.70746%,98.89052% 73.973%,97.56964% 76.027%,95.79666% 77.801%,93.61555% 79.22654%,56.38412% 98.5254%,53.91847% 99.50837%,51.3208% 99.99991%,48.6791% 100%,46.08136% 99.5086%,43.61555% 98.52569%,6.38428% 79.22654%,4.20328% 77.801%,2.43035% 76.027%,1.10949% 73.973%,.28471% 71.70746%,0 69.29883%,0 30.70112%,.28471% 28.29251%,1.10949% 26.02699%,2.43035% 23.97299%,4.20328% 22.19894%,6.38428% 20.77327%)}
._mkrz1k6g{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,89.64102% 21.33975%,91.06889% 22.33956%,92.30146% 23.57212%,93.30127% 25%,94.03794% 26.5798%,94.48909% 28.26352%,94.64102% 30%,94.64102% 70%,94.48909% 71.73648%,94.03794% 73.4202%,93.30127% 75%,92.30146% 76.42788%,91.06889% 77.66044%,89.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,10.35898% 78.66025%,8.93111% 77.66044%,7.69854% 76.42788%,6.69873% 75%,5.96206% 73.4202%,5.51091% 71.73648%,5.35898% 70%,5.35898% 30%,5.51091% 28.26352%,5.96206% 26.5798%,6.69873% 25%,7.69854% 23.57212%,8.93111% 22.33956%,10.35898% 21.33975%)}
._mkrz1kw7{clip-path:inherit}
._t9ec1aqe{transform:translateZ(0)}
._vchh1ntv{box-sizing:content-box}
._y4ti1dm9{padding-inline-end:var(--ds-border-width-selected,2px)}
._y4tii44o{padding-inline-end:calc(var(--ds-border-width-selected, 2px)*1.12)}
._y4tiidpf{padding-inline-end:0}
._y4tipe44{padding-inline-end:calc(var(--ds-border-width-selected, 2px)*.12)}
._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
._z0ai1osq:after{width:100%}
._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
._128midpf:focus-visible{outline-width:0}
._1ah3v77o:focus-visible{outline-offset:var(--ds-space-025,2px)}
._1ejjglyw:focus-visible{box-shadow:none}
._1ejjn7od:focus-visible{box-shadow:unset}
._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
._ra3xnqa1:focus-visible{outline-style:solid}
._1llweo6y:hover{transform:scale(1.12)}
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._4dave4h9:focus-visible{outline-width:var(--ds-border-width,1px)}._4davidpf:focus-visible{outline-width:0}}
@media screen and (forced-colors:active){._jlxit94y:focus-visible{outline-width:1px}}