.icon-button__spinner.shape{block-size:1.5rem;inline-size:1.5rem;background-color:var(--primary)}button.small .icon-button__spinner.shape{block-size:1.25rem;inline-size:1.25rem}button.large .icon-button__spinner.shape{block-size:2rem;inline-size:2rem}@media (prefers-reduced-motion:reduce){.icon-button__spinner.shape{animation:none}}.avatar-wrapper{position:relative;flex-shrink:0}.avatar,.avatar-wrapper{display:inline-flex;align-items:center;justify-content:center}.avatar{overflow:hidden;z-index:1}.avatar__initials{font-size:.75em;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar__ring{position:absolute;top:0;left:0;z-index:0}.avatar__ring circle{fill:none}.avatar__ring-track{stroke:var(--surface-container-high)}.avatar__ring-fill{stroke:var(--primary);transition:stroke-dashoffset .8s var(--motion-easing-emphasized-decelerate,cubic-bezier(.05,.7,.1,1))}