@keyframes avatar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-container{cursor:default;contain:paint layout;background-clip:padding-box;flex:none;position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.avatar-container.avatar-border-thin-white{box-sizing:border-box;border:1px solid #fff}.avatar-container.avatar-border-gradient-green{background:0 0}.avatar-container.avatar-border-gradient-green:before{content:"";z-index:0;will-change:transform;background:linear-gradient(149.96deg,#00ed61 0%,#7bf5ad 49.29%,#008ced 98.57%);position:absolute;inset:-25%}.avatar-container.avatar-border-gradient-green.avatar-spinning:before{animation:3s linear infinite avatar-spin}.avatar-container.avatar-clickable{cursor:pointer;will-change:opacity;transition:opacity .2s}.avatar-container.avatar-clickable:hover{opacity:.9}.avatar-inner{border-radius:inherit;z-index:1;background-color:#f3f4f6;width:100%;height:100%;position:relative;overflow:hidden;transform:translateZ(0)}.avatar-img{width:100%;height:100%;display:block}