/* layout */

html,body {
    height: 100%;
}


/* have the send message footer stick to the bottom */
body > footer {
    position: sticky;
    top: 100%;
}



/* style */

.hidden {
    display:none;
}

header > section {
    padding:10px;
}


.message {
    border-radius:25px;
}

.message-sent {
    white-space: pre-wrap;
}

.message-received {
    margin-left:40px;
}

pre {
    white-space: pre-wrap;
}

section {
    border-bottom: 1px dashed var(--pico-color-zinc-100);
}

/* remove extra margin around paragraphs in chat frames */
article > p {
    margin:0;
}

textarea {
	width: 100%;
    height: calc(1rem * var(--pico-line-height) + var(--pico-form-element-spacing-vertical) * 2 + var(--pico-border-width) * 2)
}