.avatar.svelte-5trjo1{width:var(--size, 5rem);height:var(--size, 5rem);border-radius:10%;overflow:hidden;-webkit-user-select:none;user-select:none}.avatar.svelte-5trjo1 img:where(.svelte-5trjo1){width:100%;height:100%;display:block}.avatar__placeholder.svelte-5trjo1{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:calc(.8 * var(--size, 5rem));padding-bottom:5%;font-weight:700;text-transform:uppercase;text-align:center;background-color:var(--c-road-2);color:var(--c-fg-r-0);position:relative}@keyframes svelte-5trjo1-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar__placeholder__gradient.svelte-5trjo1{position:absolute;top:-25%;left:-25%;width:150%;height:150%;background-position:center;mix-blend-mode:color;animation:svelte-5trjo1-spin var(--spin-dur, 10s) linear infinite paused;animation-fill-mode:both}.avatar.svelte-5trjo1:hover .avatar__placeholder__gradient:where(.svelte-5trjo1),.avatar.svelte-5trjo1:active .avatar__placeholder__gradient:where(.svelte-5trjo1){animation-play-state:running}.avatar__placeholder__gradient.svelte-5trjo1:first-child{mix-blend-mode:normal}.avatar__placeholder__gradient.svelte-5trjo1:last-of-type{mix-blend-mode:overlay}.avatar__placeholder.svelte-5trjo1 span:where(.svelte-5trjo1){position:relative;z-index:1}