[data-v-7de4aef6]:export{primary:#376eff;success:#44d7b6;info:#1e1e1e;warning:#f5a623;danger:#c45b57;icon:#9ec3ff;navWidth:12.5rem;headerHeight:46px}.side-bar[data-v-7de4aef6]{width:260px;border-right:1px solid #e5e5e5}.side-bar .side-bar-title[data-v-7de4aef6]{padding:10px;font-size:20px;font-weight:700;border-bottom:1px solid #e5e5e5}.side-bar .creat-session[data-v-7de4aef6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px;cursor:pointer;background:rgba(255,0,0,.1882352941);color:red;margin:20px;margin-left:0;border-radius:16px;font-weight:bolder;-webkit-transition:all .3s;transition:all .3s}.side-bar .creat-session span[data-v-7de4aef6]{margin-left:10px;font-size:16px}.side-bar .creat-session[data-v-7de4aef6]:hover{background:red;color:#fff}.side-bar .session-list[data-v-7de4aef6]{list-style:none;padding:0;margin:0}.side-bar .session-list .session-item[data-v-7de4aef6]{padding:10px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;margin-right:16px;border-radius:8px;color:#333;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.side-bar .session-list .session-item--active[data-v-7de4aef6]{background:rgba(255,0,0,.1882352941);color:red}.side-bar .session-list .session-item .session-delete[data-v-7de4aef6]{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;width:24px;height:24px;background:rgba(255,0,0,.1882352941);color:red;-webkit-transition:all .3s;transition:all .3s;opacity:0}.side-bar .session-list .session-item[data-v-7de4aef6]:hover{background:rgba(255,0,0,.1882352941);color:red}.side-bar .session-list .session-item:hover .session-delete[data-v-7de4aef6]{opacity:1}