/**
    File: TL-RTC-APP-SDK-V0.0.1
    Licensed: MIT
    Repository: https://github.com/tl-open-source/tl-rtc-app
    Author: iamtsm
    Build: 5/24/2026, 11:07:46 PM
*/
.t-r-a-sidebar-show{opacity:1}.t-r-a-sidebar-hidden{opacity:0}#tl-rtc-app .wb{width:var(--sidebar-width);background:var(--skin-sidebar-tool-background);transition:width .3s,opacity .5s}#tl-rtc-app .wb .wb-tool{height:calc(var(--body-height) - 65px)}#tl-rtc-app .wb .wb-item{width:100%;height:50px;margin-top:5px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s;position:relative;color:var(--skin-sidebar-tool-color);font-size:calc(var(--body-font-size-base) + 11px)}#tl-rtc-app .wb .wb-item:first-child{margin-top:1px}#tl-rtc-app .wb .wb-item svg{width:20px;height:20px;fill:var(--skin-sidebar-tool-fill-color);transition:all .3s}#tl-rtc-app .wb .wb-item-hover,#tl-rtc-app .wb .wb-item:hover{background-color:var(--skin-sidebar-tool-hover-background);color:var(--skin-sidebar-tool-hover-color)}#tl-rtc-app .wb .wb-item-hover svg,#tl-rtc-app .wb .wb-item:hover svg{scale:1.1;fill:var(--skin-sidebar-tool-hover-fill-color)}.wb-item-dog{position:absolute;margin-top:-25px;transition:right .3s;right:3px;line-height:14px;height:14px;border-radius:4px;font-size:calc(var(--body-font-size-base) + 11px);padding:0 4px;scale:.9;display:inline}#tl-rtc-app .wb .wb-bottom{position:absolute;bottom:10px;width:calc(var(--sidebar-width) - 1px);transition:width .3s}#tl-rtc-app .wb .wb-logo{color:var(--skin-sidebar-tool-color);font-weight:700;width:100%;height:50px;margin-top:5px;margin-bottom:3px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s;font-size:calc(var(--body-font-size-base) + 12px)}#tl-rtc-app .wb .wb-logo p{width:80%;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;text-align:center;font-size:calc(var(--body-font-size-base) + 10px)}#tl-rtc-app .wb .wb-logo-avatar-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px}#tl-rtc-app .wb .wb-logo-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--skin-sidebar-logo-avatar-border);box-sizing:border-box;transition:transform .2s}#tl-rtc-app .wb .wb-logo-avatar-text{display:flex;align-items:center;justify-content:center;color:var(--skin-sidebar-logo-avatar-color);font-size:calc(var(--body-font-size-base) + 4px);font-weight:700;text-transform:uppercase}#tl-rtc-app .wb .wb-logo:hover .wb-logo-avatar{transform:scale(1.05)}#tl-rtc-app .wb .wb-logo-status-dot{position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--skin-sidebar-logo-status-border);box-sizing:border-box}#tl-rtc-app .wb .wb-logo-status-dot-online{background:var(--skin-sidebar-logo-status-online)}#tl-rtc-app .wb .wb-logo-status-dot-offline{background:var(--skin-sidebar-logo-status-offline)}.t-r-a-hovertips{position:fixed;z-index:1000;background:var(--skin-body-background);border-radius:8px;box-shadow:0 2px 12px #00000026;transition:opacity .3s;animation:fadeIn .2s ease-in-out;padding:0;border:1px solid #0000001A;max-width:90vw}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.t-r-a-hovertips-content{padding:5px 0;min-width:150px;max-width:180px;overflow:hidden}.t-r-a-hovertips-title{font-size:calc(var(--body-font-size-base) + 14px);font-weight:700;margin-bottom:10px;color:var(--skin-body-color);text-align:center;padding-bottom:5px;border-bottom:1px solid #fffFFF1A}.t-r-a-hovertips-tools-vertical{display:flex;flex-direction:column;width:100%;scrollbar-width:thin;scrollbar-color:var(--skin-sidebar-scrollbar-color) transparent}.t-r-a-hovertips-tools-vertical::-webkit-scrollbar{width:4px}.t-r-a-hovertips-tools-vertical::-webkit-scrollbar-track{background:0 0}.t-r-a-hovertips-tools-vertical::-webkit-scrollbar-thumb{background-color:var(--skin-sidebar-scrollbar-color);border-radius:4px}.t-r-a-hovertips-tools-vertical::-webkit-scrollbar-thumb:hover{background-color:var(--skin-sidebar-scrollbar-hover-color)}.t-r-a-hovertips-tool-vertical{display:flex;align-items:center;padding:8px 15px;cursor:pointer;transition:background-color .2s;color:var(--skin-body-color);border-bottom:.5px solid var(--skin-sidebar-tool-more-border-color)}.t-r-a-hovertips-tool-vertical:last-child{border-bottom:none}.t-r-a-hovertips-tool-vertical:hover{background-color:var(--skin-sidebar-tool-hover-background)}.t-r-a-hovertips-tool-icon{position:relative;margin-right:10px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.t-r-a-hovertips-tool-vertical .t-r-a-hovertips-tool-icon svg{width:20px;height:20px;fill:var(--skin-sidebar-tool-fill-color);transition:transform .2s}.t-r-a-hovertips-tool-title{font-size:calc(var(--body-font-size-base) + 14px);white-space:nowrap;flex:1}.t-r-a-hovertips-badge{position:absolute;top:-5px;right:-5px;background-color:red;color:#fff;border-radius:50%;min-width:16px;height:16px;font-size:calc(var(--body-font-size-base) + 10px);display:flex;align-items:center;justify-content:center;padding:0 2px}.t-r-a-hovertips-arrow{position:absolute;width:0;height:0;border-style:solid;pointer-events:none;z-index:1001}.t-r-a-hovertips-arrow-left{left:-8px;border-width:8px 8px 8px 0;border-color:transparent var(--skin-body-background) transparent transparent;filter:drop-shadow(-2px 0 1px #0000000D);margin-top:-8px}.t-r-a-hovertips-arrow-right{right:-8px;border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--skin-body-background);filter:drop-shadow(2px 0 1px #0000000D);margin-top:-8px}.t-r-a-hovertips-arrow-top{top:-8px;border-width:0 8px 8px 8px;border-color:transparent transparent var(--skin-body-background) transparent;filter:drop-shadow(0 -2px 1px #0000000D)}.t-r-a-hovertips-arrow-bottom{bottom:-8px;border-width:8px 8px 0 8px;border-color:var(--skin-body-background) transparent transparent transparent;filter:drop-shadow(0 2px 1px #0000000D)}.t-r-a-hovertips-tool-icon svg{width:20px;height:20px;fill:var(--skin-sidebar-tool-fill-color);transition:transform .2s}.t-r-a-hovertips-tool-vertical:hover svg,.t-r-a-hovertips-tool:hover svg{transform:scale(1.1);fill:var(--skin-sidebar-tool-hover-fill-color)}
html{--skin-sidebar-tool-background:#f4f4f4;--skin-sidebar-tool-hover-background:#a7a4a435;--skin-sidebar-tool-fill-color:#000000;--skin-sidebar-tool-hover-fill-color:#000000;--skin-sidebar-tool-color:#7c7b7b;--skin-sidebar-tool-hover-color:#000000;--skin-sidebar-tool-more-border-color:#fbe6e6;--skin-sidebar-scrollbar-color:#ddd;--skin-sidebar-scrollbar-hover-color:#ccc;--skin-sidebar-mobile-background:#FFFFFFB8;--skin-sidebar-mobile-border:#FFFFFF80;--skin-sidebar-mobile-active-color:#1677ff;--skin-sidebar-logo-avatar-color:#ffffff;--skin-sidebar-logo-avatar-border:#ffffff;--skin-sidebar-logo-status-online:#08cc3f;--skin-sidebar-logo-status-offline:#b5b5b5;--skin-sidebar-logo-status-border:#ffffff}