.sidebar[data-v-8d433272]{background:#1b1c22;border-right:1px solid #323339;flex-direction:column;align-items:center;gap:4px;width:57px;height:100dvh;padding:8px 0;display:flex}.sidebar-item[data-v-8d433272]{cursor:pointer;color:#cbd5e1;justify-content:center;align-items:center;width:100%;height:50px;padding:8px;transition:all .2s;display:flex;position:relative}.sidebar-item[data-v-8d433272]:hover{background:#ffffff26}.sidebar-item.active-bg[data-v-8d433272]{background:var(--bg) center / 33px 33px no-repeat;justify-content:center;align-items:center;width:100%;height:50px;padding:8px;display:flex}.icon-img[data-v-8d433272]{object-fit:contain;transform-origin:50%;filter:brightness(0)saturate()invert(60%)sepia(5%)saturate(598%)hue-rotate(190deg)brightness(90%)contrast(87%);flex-shrink:0;width:auto;height:auto;transform:scale(.57)}.icon-img.menu-icon[data-v-8d433272]{width:12px;height:19px;transform:none}.icon-img.active[data-v-8d433272],.icon-img.menu-icon[data-v-8d433272]{filter:brightness(0)saturate()invert()sepia(0%)saturate(7446%)hue-rotate(254deg)brightness(105%)contrast(101%)}.icon[data-v-8d433272]{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;display:flex}.icon.active[data-v-8d433272]{color:#3b82f6}.panel-overlay[data-v-8d433272]{z-index:1001;pointer-events:none;background:0 0;width:100vw;height:100dvh;position:fixed;top:0;left:0}.expanded-panel[data-v-8d433272]{pointer-events:auto;background:#1b1c22;flex-direction:column;width:200px;height:100dvh;display:flex;position:absolute;top:0;left:0;box-shadow:4px 0 12px #0000004d}.panel-header[data-v-8d433272]{justify-content:flex-end;align-items:center;padding:20px 16px 12px;display:flex;position:relative}.panel-logo[data-v-8d433272]{object-fit:contain;width:83px;height:52px;margin:2px 12px 12px 2px;position:absolute;top:0;left:15px}.panel-close-btn[data-v-8d433272]{cursor:pointer;object-fit:contain;opacity:.7;width:22px;height:22px;transition:opacity .2s}.panel-close-btn[data-v-8d433272]:hover{opacity:1}.panel-body[data-v-8d433272]{flex-direction:column;flex:1;gap:4px;margin-top:-4px;padding:8px 0;display:flex;overflow-y:auto}.panel-item[data-v-8d433272]{cursor:pointer;color:#cbd5e1;align-items:center;gap:10px;height:50px;padding:8px;transition:all .2s;display:flex}.panel-item[data-v-8d433272]:hover{background:#ffffff14}.panel-icon-wrap[data-v-8d433272]{flex-shrink:0;justify-content:center;align-items:center;width:58px;display:flex;position:relative}.panel-selected-bg[data-v-8d433272]{background:var(--bg) center / 100% 100% no-repeat;z-index:0;width:33px;height:33px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-item-img[data-v-8d433272]{z-index:1;object-fit:contain;transform-origin:50%;filter:brightness(0)saturate()invert(60%)sepia(5%)saturate(598%)hue-rotate(190deg)brightness(90%)contrast(87%);flex-shrink:0;width:auto;height:auto;position:relative;transform:scale(.57)}.panel-item-img.img-active[data-v-8d433272]{filter:brightness(0)saturate()invert()sepia(0%)saturate(7446%)hue-rotate(254deg)brightness(105%)contrast(101%)}.panel-item-label[data-v-8d433272]{white-space:nowrap;color:#878994;font-size:14px;font-weight:400}.panel-slide-enter-active[data-v-8d433272],.panel-slide-leave-active[data-v-8d433272]{transition:all .25s}.panel-slide-enter-from[data-v-8d433272],.panel-slide-leave-to[data-v-8d433272]{opacity:0}.panel-slide-enter-active .expanded-panel[data-v-8d433272],.panel-slide-leave-active .expanded-panel[data-v-8d433272]{transition:transform .25s}.panel-slide-enter-from .expanded-panel[data-v-8d433272],.panel-slide-leave-to .expanded-panel[data-v-8d433272]{transform:translate(-100%)}@media (orientation:portrait){.sidebar[data-v-8d433272]{display:none}}