align-self

transform: translateY(0);
            }
        }

        .ai-message.user {
            align-self: flex-end;
            flex-direction: row-reverse;
        }

        .ai-message-avatar {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            flex-shrink: 0;
        }

        .ai-message-avatar.user {
            background: var(--ai-primary);
        }

        .ai-message-avatar.assistant {

// Basic usage of align-self
const result = align-self("example");
console.log("Result:", result);