.ClientProfile_TitleCard {
    display: grid;
    gap: 20px;
}

.ClientProfile_TitleCard .ProfileArea {
    display: grid;
    gap: 5px;
    grid-template-columns: 100px 1fr;
}

.ClientProfile_TitleCard .YellArea {
    display: grid;
    gap: 5px;
    grid-template-columns: 1fr 1fr;
}

.ClientProfile_TitleCard .YellArea .YellIcon {
    width: 60px;
    object-fit: contain;
    justify-self: center;
    padding: 5px;
}

.Toolbar_AvatarImg {
    width: 32px;
    object-fit: contain;
}

.ClientProfile_AvatarImg {
    width: 60px;
    object-fit: contain;
    justify-self: center;
    grid-column: 1/2;
    grid-row: 1/3;
}

.ClientProfile_ClientName {
    font-size: 16px;
    font-weight: bold;
    color: var(--primary-text-color);
    align-self: center;
    grid-column: 2/3;
    grid-row: 1/2;
}

.ClientProfile_ShopName {
    font-size: 14px;
    color: #555;
    grid-column: 2/3;
    grid-row: 2/3;
}

.ClientProfile_YellCoin_Label,
.ClientProfile_SentYell_Label {
    font-size: 13px;
    color: #777;
    justify-self: center;
}

.ClientProfile_YellCoin,
.ClientProfile_SentYell {
    font-size: 20px;
    font-weight: 900;
    color: #555;
    justify-self: center;
}