.message-top{display:flex;justify-content:space-between;align-items:center;border:1px solid #d7e3ec;border-bottom:none;border-radius:10px 10px 0 0}.message-card{border-radius:0}.message-top a,.message-top button{font-size:.5rem}.date-of-message{font-size:.6rem}.reply-to-message-id+div{padding-top:0}a.reply-to-message-id{border-radius:4px}a.reply-to-message-id div{margin:0 32px;text-decoration:none;background-color:hsla(0,0%,50%,.06)}a.reply-to-message-id:hover{text-decoration:none}.truncate-long-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:2rem;line-height:2rem}.message-text{white-space:pre-wrap}@media (min-width:600px){.message-card{padding:0 45px}.static-navigation-bar{padding-left:62px;width:calc(100%)}}@media (max-width:600px){.static-navigation-bar.top-navigation-bar{width:calc(100%)}}main p{display:block;margin-top:0;border-radius:0 0 10px 10px;border:1px solid #d7e3ec;font-size:16px;line-height:21px;word-break:break-word;padding:12px 17px}.top-navigation-bar{display:flex;width:calc(100vw - 90px - 34px)}.top-navigation-bar .pagination{width:calc(100vw - 90px - 34px - 112px);overflow-y:auto}.static-navigation-bar{position:fixed;background-color:#fff;opacity:1;z-index:1;top:0;border-bottom:1px solid #d7e3ec;display:flex;justify-content:space-between}main{margin-top:38px;overflow:scroll;height:calc(100vh - 38px)}