@layer props{.user-avatar[data-v-e5734065]:where(kira-component){--hover:false;--tint:false}}@layer utilities{.user-avatar[data-v-e5734065]:where(kira-component){--size:58px;font-size:calc(var(--size) * .6);height:var(--size);width:var(--size)}}.user-avatar[data-v-e5734065]:where(kira-component){align-items:center;background-color:var(--gray-20);border-radius:100%;color:var(--icon-color);display:flex;flex-shrink:0;justify-content:center;overflow:clip;position:relative}.colored-sidebar .user-avatar[data-v-e5734065]:where(kira-component){background-color:color-mix(in oklab,var(--main-bg),transparent 80%)}@media (any-hover:hover){.colored-sidebar .user-avatar[data-v-e5734065]:where(kira-component):hover{background-color:color-mix(in oklab,var(--main-bg),transparent 60%)}}.colored-sidebar .user-avatar:where(kira-component) .icon[data-v-e5734065]{color:#fff}.user-avatar:where(kira-component).hoverable[data-v-e5734065]{cursor:pointer}.user-avatar:where(kira-component)>img[data-v-e5734065]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;z-index:1}@media (any-hover:hover){.user-avatar:where(kira-component)>img.hoverable[data-v-e5734065]:hover,.user-avatar:where(kira-component)>img[data-v-e5734065]:has(~a:hover){filter:brightness(.85);scale:125%}}@container style(--hover: true){.user-avatar:where(kira-component)>img[data-v-e5734065]{filter:brightness(.85);scale:125%;transition-duration:.25s!important}}@media (any-hover:hover){.user-avatar:where(kira-component)>img[data-v-e5734065]:not(:hover):is(:not(:has(~a)),:has(~a:not(:hover))){transition-duration:1s}}.user-avatar:where(kira-component) .tint-overlay[data-v-e5734065]{background-color:var(--accent);inset:0;mix-blend-mode:color;opacity:0;position:absolute;visibility:hidden;z-index:1}@container style(--tint: true){.user-avatar:where(kira-component) .tint-overlay[data-v-e5734065]{opacity:1;visibility:visible}}@media (any-hover:hover){.user-avatar[data-v-e5734065]:where(kira-component):hover{background-color:var(--gray-30)}}.user-avatar:where(kira-component) a[data-v-e5734065]{height:100%;position:absolute;width:100%;z-index:3}.user-avatar:where(kira-component) .icon[aria-label=akkarin][data-v-e5734065]{font-size:var(--size)}