.tk-lettered-avatar{--avatar-bg-color:#0052cc;--avatar-text-color-light:#000;--avatar-text-color-dark:#fff;--avatar-border-color:#fff;--avatar-border-radius:100rem;--avatar-border-width:1px;--avatar-border-width-thick:2px;--avatar-size-small:32px;--avatar-size-medium:48px;--avatar-size-large:60px;--avatar-size-xlarge:90px;--avatar-font-size-base:1em;--avatar-font-size-small:14px;--avatar-font-size-large:24px;--avatar-font-size-xlarge:2.5rem;--avatar-transition-duration:.3s;--avatar-transition-ease:ease;text-align:center;background-color:var(--avatar-bg-color);cursor:pointer;font-size:var(--large-font-size,1rem);min-width:var(--avatar-size-medium);width:var(--avatar-size-medium);height:var(--avatar-size-medium);border-radius:var(--avatar-border-radius);border:var(--avatar-border-width) solid var(--avatar-border-color);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tk-lettered-avatar .tk-loader{width:60%}.tk-lettered-avatar.has-border{border:var(--avatar-border-width-thick) solid var(--avatar-border-color)}.tk-lettered-avatar__content{width:auto;height:auto;font-size:var(--avatar-font-size-base);white-space:nowrap;justify-content:center;align-items:center;display:flex;overflow:hidden}.tk-lettered-avatar.light{color:var(--avatar-text-color-light)}.tk-lettered-avatar.dark{color:var(--avatar-text-color-dark)}.tk-lettered-avatar.small{min-width:var(--avatar-size-small);width:var(--avatar-size-small);height:var(--avatar-size-small);font-size:var(--avatar-font-size-small)}.tk-lettered-avatar.medium{min-width:var(--avatar-size-medium);width:var(--avatar-size-medium);height:var(--avatar-size-medium)}.tk-lettered-avatar.large{min-width:var(--avatar-size-large);width:var(--avatar-size-large);height:var(--avatar-size-large);font-size:var(--avatar-font-size-large)}.tk-lettered-avatar.xlarge{min-width:var(--avatar-size-xlarge);width:var(--avatar-size-xlarge);height:var(--avatar-size-xlarge);font-size:var(--avatar-font-size-xlarge)}.tk-lettered-avatar__container{position:relative}.tk-lettered-avatar__container .remove{position:absolute;left:100%}.tk-lettered-avatar__container .edit{opacity:0;transition:opacity var(--avatar-transition-duration) var(--avatar-transition-ease);position:absolute}.tk-lettered-avatar__container .edit:hover{opacity:1;transition:opacity var(--avatar-transition-duration) var(--avatar-transition-ease)}