.sidebar[data-v-0d59db94]{width:57px;height:100vh;height:100dvh;padding:calc(8px + env(safe-area-inset-top,0px)) 0 calc(8px + env(safe-area-inset-bottom,0px));padding-left:env(safe-area-inset-left,0px);background:#1b1c22;border-right:1px solid #323339;flex-direction:column;align-items:center;gap:4px;display:flex}.sidebar-item[data-v-0d59db94]{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-0d59db94]:hover{background:rgba(255,255,255,.15)}.sidebar-item.active-bg[data-v-0d59db94]{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-0d59db94]{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-0d59db94]{width:12px;height:19px;transform:none}.icon-img.active[data-v-0d59db94],.icon-img.menu-icon[data-v-0d59db94]{filter:brightness(0)saturate()invert()sepia(0%)saturate(7446%)hue-rotate(254deg)brightness(105%)contrast(101%)}.icon[data-v-0d59db94]{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;display:flex}.icon.active[data-v-0d59db94]{color:#3b82f6}.panel-overlay[data-v-0d59db94]{width:100vw;height:100vh;z-index:1001;pointer-events:none;background:0 0;height:100dvh;position:fixed;top:0;left:0}.expanded-panel[data-v-0d59db94]{width:200px;height:100vh;pointer-events:auto;background:#1b1c22;flex-direction:column;height:100dvh;display:flex;position:absolute;top:0;left:0;box-shadow:4px 0 12px rgba(0,0,0,.3)}.panel-header[data-v-0d59db94]{justify-content:flex-end;align-items:center;padding:20px 16px 12px;display:flex;position:relative}.panel-logo[data-v-0d59db94]{object-fit:contain;width:83px;height:52px;margin:2px 12px 12px 2px;position:absolute;top:0;left:15px}.panel-close-btn[data-v-0d59db94]{cursor:pointer;object-fit:contain;opacity:.7;width:22px;height:22px;transition:opacity .2s}.panel-close-btn[data-v-0d59db94]:hover{opacity:1}.panel-body[data-v-0d59db94]{flex-direction:column;flex:1;gap:4px;margin-top:-4px;padding:8px 0;display:flex;overflow-y:auto}.panel-item[data-v-0d59db94]{cursor:pointer;color:#cbd5e1;align-items:center;gap:10px;height:50px;padding:8px;transition:all .2s;display:flex}.panel-item[data-v-0d59db94]:hover{background:rgba(255,255,255,.08)}.panel-icon-wrap[data-v-0d59db94]{flex-shrink:0;justify-content:center;align-items:center;width:58px;display:flex;position:relative}.panel-selected-bg[data-v-0d59db94]{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-0d59db94]{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-0d59db94]{filter:brightness(0)saturate()invert()sepia(0%)saturate(7446%)hue-rotate(254deg)brightness(105%)contrast(101%)}.panel-item-label[data-v-0d59db94]{white-space:nowrap;color:#878994;font-size:14px;font-weight:400}.panel-slide-enter-active[data-v-0d59db94],.panel-slide-leave-active[data-v-0d59db94]{transition:all .25s}.panel-slide-enter-from[data-v-0d59db94],.panel-slide-leave-to[data-v-0d59db94]{opacity:0}.panel-slide-enter-active .expanded-panel[data-v-0d59db94],.panel-slide-leave-active .expanded-panel[data-v-0d59db94]{transition:transform .25s}.panel-slide-enter-from .expanded-panel[data-v-0d59db94],.panel-slide-leave-to .expanded-panel[data-v-0d59db94]{transform:translate(-100%)}@media (orientation:portrait){.sidebar[data-v-0d59db94]{display:none}}