.translation-viewer{width:100%;height:100%;overflow-y:auto}.translation-viewer .title-box{height:116px;width:100%;display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ebebeb}.translation-viewer .title-box .title{font-weight:600;font-size:20px;color:#101010}.translation-viewer .subtitle{width:100%;margin-top:10px;font-size:14px;color:#8f8f8f;display:flex;justify-content:space-between}.translation-viewer .tag{padding:0 4px 0 2px;height:20px;background:#ffe6e6;border-radius:2px;font-weight:400;font-size:12px;color:#4f5056;display:flex;align-items:center}.translation-viewer .tag-pods{background:#e6f7ff}.translation-viewer .tag .icon{width:16px;height:16px;margin-right:1px}.translation-viewer .middle-box{height:44px;width:100%;border-bottom:1px solid #ebebeb;padding-left:12px;display:flex;align-items:center}.translation-viewer .language{display:flex;align-items:center;font-weight:400;font-size:15px;color:#101010}.translation-viewer .language .icon{width:24px;height:24px;margin-right:6px}.translation-viewer .line{width:1px;height:16px;background:#e0e0e0;margin:0 16px}.translation-viewer .list{padding:0 0 16px}.translation-viewer .item{display:flex;flex-direction:column}.translation-viewer .time{height:38px;width:100%;font-size:12px;color:#8f8f8f;text-align:center;line-height:38px}.translation-viewer .time_empty{height:10px;width:100%}.translation-viewer .text-box{width:calc(100% - 52px);background:#f4f4f4;border-radius:16px;padding:12px 16px}.translation-viewer .translatedText{font-weight:400;font-size:15px;color:#101010;line-height:24px;margin-bottom:4px}.translation-viewer .originalText{font-size:14px;color:#757575;line-height:22px}.translation-viewer .ear{align-items:flex-end}.translation-viewer .ear .text-box{background:#e2fdff}