.message-main-con{position:absolute;left:0;top:0;right:0;bottom:0}.message-mainlist-con{position:absolute;left:0;top:.625rem;width:18.75rem;bottom:0;padding:.625rem 0}.message-mainlist-con div{padding:.625rem;margin:0 1.25rem;border-bottom:.0625rem dashed #d2d3d2}.message-mainlist-con div:last-child{border:none}.message-mainlist-con div .mes-wrap{display:flex;align-items:center;justify-content:center}.message-mainlist-con div .message-count-badge-outer{margin-left:.3125rem}.message-mainlist-con div .message-count-badge{background:#d2d3d2}.message-mainlist-con div .message-count-badge-red{background:#ed3f14}.message-mainlist-con div .mes-type-btn-text{margin-left:.625rem}.message-content-con{position:absolute;top:.625rem;right:.625rem;bottom:.625rem;left:18.75rem;background:#fff;border-radius:.1875rem;box-shadow:.125rem .125rem .625rem .125rem rgba(0,0,0,.1);overflow:auto}.message-content-con .message-title-list-con{width:100%;height:100%}.message-content-con .message-content-top-bar{height:2.5rem;width:100%;background:#fff;position:absolute;left:0;top:0;border-bottom:.0625rem solid #dededb}.message-content-con .message-content-top-bar .mes-back-btn-con{position:absolute;width:4.375rem;height:1.875rem;left:0;top:.3125rem}.message-content-con .message-content-top-bar .mes-title{position:absolute;top:0;right:4.375rem;bottom:0;left:4.375rem;line-height:2.5rem;padding:0 1.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.message-content-con .mes-time-con{position:absolute;width:100%;top:2.5rem;left:0;padding:1.25rem 0;text-align:center;font-size:.875rem;color:#b7b7b5}.message-content-con .message-content-body{position:absolute;top:5.625rem;right:0;bottom:0;left:0;overflow:auto}.message-content-con .message-content-body .message-content{padding:.625rem 1.25rem}.page-fix{position:fixed;right:2vw;bottom:3vh}.back-message-list-enter,.back-message-list-leave-to{opacity:0}.back-message-list-enter-active,.back-message-list-leave-active{transition:all .5s}.back-message-list-enter-to,.back-message-list-leave{opacity:1}.view-message-enter,.view-message-leave-to{opacity:0}.view-message-enter-active,.view-message-leave-active{transition:all .5s}.view-message-enter-to,.view-message-leave{opacity:1}.mes-current-type-btn-enter,.mes-current-type-btn-leave-to{opacity:0;width:0}.mes-current-type-btn-enter-active,.mes-current-type-btn-leave-active{transition:all .3s}.mes-current-type-btn-enter-to,.mes-current-type-btn-leave{opacity:1;width:.75rem}