#xmpp-widget {
    position: fixed;
    right: 20px;
    bottom: 20px;

    width: 400px;

    background: #ffffff;

    border: 1px solid #cccccc;

    z-index: 99999;

    font-family: sans-serif;
}

#xmpp-header {
    padding: 10px;

    background: #eeeeee;

    cursor: pointer;

    user-select: none;
}

#xmpp-body {
    display: none;

    height: 300px;

    flex-direction: column;
}

#xmpp-body.open {
    display: flex;
}

#xmpp-log {
    flex: 1;

    overflow-y: auto;

    padding: 10px;

    font-size: 12px;

    white-space: pre-wrap;

    box-sizing: border-box;
}

#xmpp-controls {
    display: flex;

    border-top: 1px solid #ddd;
}

#xmpp-message {
    flex: 1;

    border: none;

    padding: 8px;

    outline: none;
}

#xmpp-send {
    width: 40px;

    border: none;

    cursor: pointer;
}