.message-tray {
    z-index: calc(var(--layer-navigation) + 1);
}

#composer-frame trix-toolbar {
    display: none;
    inset: auto 0 0 0;
    min-width: 0;
    position: sticky;
    z-index: var(--layer-middle);
}
.composer {
    background: var(--layer-surface);
    padding: var(--size-2);
    border-top: 1px solid var(--outline);
    z-index: calc(var(--layer-navigation) + 1);
    trix-editor {
        box-sizing: border-box;
        width: 100%;
        min-height: 24px;
        max-height: 40vh;
        overflow-y: auto;
        border: 1px solid var(--outline);
        border-radius: var(--radius-small);
    }
}
@media (min-width: 40em) {
    .composer {
        bottom: 0;
    }
}