@keyframes delayShow{0%{opacity:0}70%{opacity:0}to{opacity:1}}@keyframes message-item-blink{0%,50%{background-color:rgba(252,249,220,.8)}to{background-color:rgba(252,249,220,0)}}.blockDemoWrap{width:100%;height:100%;background-color:var(--bg-body)}.blockDemoWrap .blockDemoHeader{width:100%;height:48px;border-bottom:1px solid var(--line-divider-default);background-color:var(--bg-body);display:flex;align-items:center;padding:0 24px;justify-content:space-between}.blockDemoWrap .blockDemoHeader .blockDemoHeaderLeft{display:flex;align-items:center;flex-shrink:0}.blockDemoWrap .blockDemoHeader .blockDemoHeaderMiddle{color:var(--text-title);font-size:14px;font-weight:500;justify-content:center;display:flex;align-items:center}.blockDemoWrap .blockDemoHeader .blockDemoHeaderRight{display:flex;align-items:center;flex-shrink:0;justify-content:flex-end}.blockDemoWrap .blockDemoContent{display:flex;width:100%;height:calc(100% - 48px)}.blockDemoWrap .blockDemoContent .workplaceBlockContainer{height:calc(100% - 48px)}.blockDemoWrap .blockDemoContent .blockDemoContentScroll{width:calc(100% + 11px);height:100%;overflow-x:hidden;overflow-y:scroll}.blockDemoWrap .blockDemoContent .blockDemoContentLeft,.blockDemoWrap .blockDemoContent .blockDemoContentRight{overflow:hidden}.blockDemoWrap .blockDemoContent .blockDemoContentLeft{flex:0 0 280px;border-right:1px solid var(--line-divider-default)}.blockDemoWrap .blockDemoContent .blockDemoContentRight{flex:1 1 auto}.blockDemoWrap .blockDemoContent .blockDemoContentBox,.blockDemoWrap .blockDemoContent .blockDemoContentBox-api,.blockDemoWrap .blockDemoContent .blockDemoContentBox-component{height:100%}.blockDemoWrap .blockDemoContent .blockDemoContentBox{position:relative}.blockDemoWrap .blockDemoContent .blockDemoContentBox-api,.blockDemoWrap .blockDemoContent .blockDemoContentBox-component{position:absolute;visibility:visible;top:0;left:0;width:100%}.blockDemoWrap .blockDemoContent .blockDemoContentBox-api.hidden,.blockDemoWrap .blockDemoContent .blockDemoContentBox-component.hidden{opacity:0;pointer-events:none}.blockDemoTabs{width:100%}.blockDemoTabs .tabList{display:flex;align-items:center;width:100%;height:45px;position:relative}.blockDemoTabs .tabList .tabs{display:flex;justify-content:flex-start}.blockDemoTabs .tabList .tabLine{position:absolute;bottom:-1px;height:3px;background-color:var(--function-info-fill-default);transition:width .3s,left .3s}.blockDemoTabs .tab{font-size:16px;line-height:20px;color:var(--text-title);margin-right:32px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;-webkit-box-direction:normal}.blockDemoTabs .tab:last-child{margin-right:0}.blockDemoTabs .tab.active,.blockDemoTabs .tab:hover{color:var(--text-link-hover)}.blockDemoTabs .tab.active{font-weight:500}