.avatar__button{background-color:transparent;padding:0;border:0 transparent}.avatar__img.full{max-width:100%;height:100%;width:100%}.avatar__img.lg{max-width:10rem;height:10rem;width:10rem}.avatar__img.md{max-width:7rem;height:7rem;width:7rem}.avatar__img.sm{max-width:5rem;height:5rem;width:5rem}.avatar__img.xs{max-width:3rem;height:3rem;width:3rem}.avatar__img.xxs{max-width:2rem;height:2rem;width:2rem}.avatar{position:relative;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;flex-shrink:0}.avatar.full{width:100%;height:100%}.avatar.lg{width:10rem;height:10rem}.avatar.md{width:7rem;height:7rem}.avatar.sm{width:5rem;height:5rem}.avatar.xs{width:3rem;height:3rem}.avatar.xxs{width:2rem;height:2rem}.avatar:hover{transform:scale(1.05)}.avatar img{width:100%;height:100%;object-fit:cover;display:block;margin:0;padding:0}.avatar__image-container{position:relative;height:100%;border-radius:50%;overflow:hidden}.avatar__loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:1}.avatar__grid-loader{animation:grid-loader-animation 1s ease .1s infinite}@keyframes grid-loader-animation{0%{transform:scale(0)}50%{transform:scale(1)}to{transform:scale(0)}}.avatar__grid-loader span{display:inline-block;background-color:var(--accent-color);width:15px;height:15px;margin:2px;border-radius:100%;animation-fill-mode:both}.avatar__grid-loader span:first-child{animation-delay:.1s}.avatar__grid-loader span:nth-child(2){animation-delay:.2s}.avatar__grid-loader span:nth-child(3){animation-delay:.3s}.avatar__grid-loader span:nth-child(4){animation-delay:.4s}.avatar__grid-loader span:nth-child(5){animation-delay:.5s}.avatar__grid-loader span:nth-child(6){animation-delay:.6s}.avatar__grid-loader span:nth-child(7){animation-delay:.7s}.avatar__grid-loader span:nth-child(8){animation-delay:.8s}.avatar__grid-loader span:nth-child(9){animation-delay:.9s}.avatar__loader{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:5rem}.avatar__loader :global(.react-spinners-GridLoader-grid){animation:react-spinners-GridLoader-grid 1s ease infinite!important;animation-delay:.1s!important}.avatar__loader :global(.react-spinners-GridLoader-grid)>span{animation:react-spinners-GridLoader-grid 1s ease infinite!important;animation-delay:.1s!important}.avatar-tooltip{position:fixed;z-index:1000;pointer-events:none;opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .2s ease;animation:avatarTooltipFadeIn .2s ease forwards}.avatar-tooltip__container{border:2px solid var(--brand-primary);border-radius:50%;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;position:relative}.avatar-tooltip__container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(45deg,var(--brand-primary),var(--brand-secondary));z-index:-1;opacity:.3}.avatar-tooltip__image{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .3s ease}.avatar-tooltip:hover .avatar-tooltip__image{transform:scale(1.02)}@keyframes avatarTooltipFadeIn{0%{opacity:0;transform:scale(.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-color-scheme:dark){.avatar-tooltip__container{background:var(--dark-background--tertiary);border-color:var(--brand-primary)}}@media (max-width:768px){.avatar-tooltip__container{box-shadow:0 4px 12px rgba(0,0,0,.2)}}