.panel[data-v-cc2ae988]{background:var(--sidepanel-background);border:var(--sidepanel-border);border-radius:var(--sidepanel-border-radius);box-shadow:0 1.6px 3.6px #00000021,0 .3px .9px #0000001c;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100% - 10px);margin:5px;width:340px;z-index:1000}.panel.right[data-v-cc2ae988]{margin-left:0}.panel.left[data-v-cc2ae988]{margin-right:0}.panelright-enter-active[data-v-cc2ae988],.panelright-leave-active[data-v-cc2ae988]{transition:all .3s ease}.panelright-enter-from[data-v-cc2ae988],.panelright-leave-to[data-v-cc2ae988]{margin-left:-340px;transform:translate(340px)}.panelleft-enter-active[data-v-cc2ae988],.panelleft-leave-active[data-v-cc2ae988]{transition:all .3s ease}.panelleft-enter-from[data-v-cc2ae988],.panelleft-leave-to[data-v-cc2ae988]{margin-right:-340px;transform:translate(-340px)}.panel-head[data-v-cc2ae988]{align-items:center;display:flex;justify-content:space-between;margin:15px 0;padding:0 20px}.panel-head-heading[data-v-cc2ae988]{color:var(--sidepanel-title-color);font-size:20px;font-weight:600}.panel-head-close[data-v-cc2ae988]{border-radius:2px;cursor:pointer;height:20px;padding:6px;width:20px}.panel-body[data-v-cc2ae988]{height:100%;overflow-y:auto}.panel-head-close[data-v-cc2ae988]:hover{background-color:#0000000d}