.avatar{font-size:14px;font-weight:700;line-height:18px;text-align:center;width:100%;--avatar-size:100%}.avatar.small,.avatar.xsmall{font-size:10px;line-height:12px}.avatar.small .bubble-content,.avatar.small .bubble-overlay,.avatar.xsmall .bubble-content,.avatar.xsmall .bubble-overlay{display:none}.avatar .bubble,.avatar .bubble-content{align-items:center;border-radius:calc(var(--avatar-size)/2);height:var(--avatar-size);justify-content:center;justify-items:center;width:var(--avatar-size)}.avatar .bubble{aspect-ratio:1/1;background-color:var(--color-light-porcelain);color:var(--color-pink);display:grid;font-size:80px;font-weight:900;overflow:hidden}.avatar .bubble>*{grid-column-start:1;grid-row-start:1}.avatar .bubble .bubble-overlay{aspect-ratio:1/1;background-color:#eb738eb3;border-radius:calc(var(--avatar-size)/2);height:var(--avatar-size);opacity:0;width:var(--avatar-size)}.avatar .bubble .bubble-content{background-color:var(--color-pink);border-radius:calc(var(--avatar-size)/2);height:calc(var(--avatar-size) - 16px);transform:scale(0);width:calc(var(--avatar-size) - 16px)}@media(hover:hover){.avatar:hover{transform:scale(1.2)}.avatar:hover .bubble-overlay{opacity:.7}.avatar:hover .bubble-content{transform:scale(1)}.avatar .follow:hover{background-color:var(--color-pink);border:1px solid var(--color-white)}}.avatar .follow{align-items:center;background-color:var(--color-gray);border:1px solid var(--color-black);border-radius:100px;color:var(--color-white);display:flex;flex-wrap:nowrap;gap:4px;justify-content:center;padding:10px 30px}.avatar .follow .vb-icon{filter:invert();height:16px;width:16px}.avatar .bubble .bubble-content span{color:var(--color-white);font:var(--text-body-small);font-weight:600;text-transform:none;width:-moz-min-content;width:min-content}.avatar .profile{font:var(--text-body-small)}.avatar img{aspect-ratio:1/1;height:var(--avatar-size);-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:var(--avatar-size)}.avatar .bubble span{text-transform:uppercase;width:var(--avatar-size)}.avatar-label{word-break:break-word}.avatar-label.small{font:var(--text-body-medium)}@media screen and (max-width:1080px){.avatar .bubble{font-size:40px}.avatar-label{font:var(--text-body-medium);font-weight:700}.avatar .bubble-content{display:none}}