.avatar{position:relative;display:flex;flex-shrink:0;overflow:hidden;border-radius:50%;transition:var(--transition-fast)}.avatar--sm{height:2rem;width:2rem}.avatar--default{height:2.5rem;width:2.5rem}.avatar--lg{height:3rem;width:3rem}.avatar--xl{height:4rem;width:4rem}.avatar:focus-visible{outline:var(--border-width-thick) solid hsl(var(--ring));outline-offset:var(--border-width-thick);box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.avatar--loading .avatar__image{opacity:.5}.avatar--loading .avatar__image:after{content:"";position:absolute;inset:0;border:var(--border-width-thick) solid rgba(0,0,0,0);border-top:2px solid hsl(var(--surface-interactive));border-radius:50%;animation:avatar-spin 1s linear infinite}.avatar--online:after{background-color:hsl(var(--status-success))}.avatar--offline:after,.avatar--online:after{content:"";position:absolute;bottom:0;right:0;width:25%;height:25%;border:var(--border-width-thick) solid hsl(var(--surface-primary));border-radius:50%}.avatar--offline:after{background-color:hsl(var(--content-secondary))}.avatar__image{aspect-ratio:1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.avatar__fallback{display:flex;height:100%;width:100%;align-items:center;justify-content:center;border-radius:50%;background-color:hsl(var(--surface-secondary));color:hsl(var(--content-secondary));font-weight:var(--font-weight-medium);font-size:var(--text-sm)}@keyframes avatar-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.avatar{transition:none}.avatar--loading .avatar__image:after{animation:none}}@media(prefers-contrast:high){.avatar{outline:var(--border-width-thin) solid hsl(var(--border-default))}.avatar:after{border-width:3px!important}}:export{surfacePrimary:var(--surface-primary);surfaceSecondary:var(--surface-secondary);surfaceInteractive:var(--surface-interactive)}.carousel{position:relative}.carousel__content-wrapper{overflow:hidden}.carousel__content{display:flex}.carousel__content--horizontal{margin-left:calc(var(--spacing-md)*-1)}.carousel__content--vertical{flex-direction:column;margin-top:calc(var(--spacing-md)*-1)}.carousel__item{min-width:0;flex-shrink:0;flex-grow:0;flex-basis:100%}.carousel__item--horizontal{padding-left:var(--spacing-md)}.carousel__item--vertical{padding-top:var(--spacing-md)}.carousel__nav-button{position:absolute;height:var(--spacing-xl);width:var(--spacing-xl);border-radius:50%}.carousel__nav-button svg{height:var(--spacing-md);width:var(--spacing-md)}.carousel__nav-button .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.carousel__previous--horizontal{left:calc(var(--spacing-2xl)*-1);top:50%;transform:translateY(-50%)}.carousel__previous--vertical{top:calc(var(--spacing-2xl)*-1);left:50%;transform:translateX(-50%) rotate(90deg)}.carousel__next--horizontal{right:calc(var(--spacing-2xl)*-1);top:50%;transform:translateY(-50%)}.carousel__next--vertical{bottom:calc(var(--spacing-2xl)*-1);left:50%;transform:translateX(-50%) rotate(90deg)}