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