.J_PACKAGE_MAIL_TEMPLATE_CSS_INDICATOR{background-color:#fff}.shared-mail-wrap{height:100%;overflow:hidden}.shared-mail-header{display:flex;height:48px;padding:12px 16px;border-bottom:1px solid #dfe3e8;box-sizing:border-box}.shared-mail-header .shared-mail-subject{display:inline-block;flex:0 1 auto;height:20px;margin:0 16px 0 0;overflow:hidden;font-size:16px;font-weight:600;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.shared-mail-header .shared-mail-from-tag{display:inline-block;flex:0 0 auto;height:20px;padding:0 6px;font-size:12px;font-weight:400;line-height:20px;color:#fff;background:#925dff;border-radius:5px}.shared-mail-body{height:calc(100% - 48px);overflow:auto;padding:16px;box-sizing:border-box}.shared-mail-from-avatar-wrap{width:32px;height:32px;overflow:hidden;line-height:32px;color:#fff;text-align:center;background-color:#ffb6c1;border-radius:32px}.shared-mail-from-info{margin:0 0 10px;font-size:12px;line-height:16px;color:#131619}.shared-mail-recipes-wrap{display:flex;flex-wrap:nowrap;width:100%}.shared-mail-recipes-wrap .shared-mail-recipes-label{display:inline-block;flex:0 0 auto;margin:2px 10px 0 0;font-size:12px;font-weight:400;line-height:16px;color:#6e7680}.shared-mail-recipes-wrap .shared-mail-recipes{flex:0 1 100%}.shared-mail-recipes-wrap .shared-mail-recipe{display:inline-block;height:auto;padding:0 6px;margin:0 5px 5px 0;font-size:12px;font-weight:400;line-height:20px;color:#131619;background:#f1f4f6;border-radius:5px;white-space:normal;text-overflow:ellipsis}.shared-mail-content{display:inline-block;margin:20px 0 10px;overflow:auto}.shared-mail-attachments{border-top:1px solid #dfe3e8;padding:9.5px 0}.shared-mail-attachments .shared-mail-attachments-info{font-weight:400;font-size:12px;line-height:16px;color:#6e7680;margin:0 16px 0 0;padding:0 0 0 12px;position:relative}.shared-mail-attachments .shared-mail-attachments-info:before{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC43NSAxMy40OThBMi41ODEgMi41ODEgMCAwIDEgMi41IDEwLjg5VjQuNDg1YzAtMS4xNDMuNS0xLjgwOCAxLjItMS45NDJhMS41MDEgMS41MDEgMCAwIDEgMS44IDEuNDQzVjEwLjVhLjQ5OS40OTkgMCAwIDEtMSAwVjMuOTg3YS41LjUgMCAwIDAtMSAwdjYuOTU0YTEuNTM3IDEuNTM3IDAgMCAwIDEuMiAxLjUyOEExLjUwMSAxLjUwMSAwIDAgMCA2LjUgMTFWNC4wOTdBMi41NzUgMi41NzUgMCAwIDAgNC4yNSAxLjQ5IDIuNTAyIDIuNTAyIDAgMCAwIDEuNSAzLjk4N1YxMC41YS41LjUgMCAwIDEtMSAwVjQuMTA3QTMuNTc0IDMuNTc0IDAgMCAxIDMuNTQuNTJjMS0uMTMzIDIuMDA4LjE3MiAyLjc2Ny44MzZBMy40OTQgMy40OTQgMCAwIDEgNy41IDMuOTg3VjExYTIuNDk1IDIuNDk1IDAgMCAxLTIuNzUgMi40OThaIiBmaWxsPSIjNkU3NjgwIi8+PC9zdmc+);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;content:"";display:block;height:14px;width:7px;position:absolute;top:0;left:0}.shared-mail-attachments .shared-mail-attachments-tip{font-weight:400;font-size:12px;line-height:16px;color:#e8173d}.shared-mail-footer{padding:12px 16px;font-size:12px;font-weight:400;line-height:20px;color:#6e7680}.mail-preview-wrap{height:100%;width:100%;overflow:hidden}.mail-preview-wrap:after{content:"";display:block;clear:both}.mail-preview-wrap .mail-preview-left{float:left;height:100%;width:56px}.mail-preview-wrap .mail-preview-right{float:right;height:100%;width:calc(100% - 56px);overflow:auto}