@layer components {
    .avatar-initials {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: var(--touch-target);
        height: var(--touch-target);
        border-radius: var(--radius-round);
        background: var(--sky-tint);
        color: var(--sky-deep);
        font-weight: 600;
    }
}