.wrapper[data-v-18dc7ff8]{width:60px;position:fixed;transition:.35s;height:100%;z-index:2020;top:0;margin-right:3px;display:flex;justify-content:center;flex-direction:column}.barItem[data-v-18dc7ff8]{text-align:center;padding:13px 0;background:#fff;cursor:pointer;color:#0f1011;margin-top:5px;box-shadow:0 0 6px rgba(0,0,0,.12);border-radius:5px}.barItem[data-v-18dc7ff8]:hover{background-color:#f32f2f;color:#fff}.barItem:hover .circle[data-v-18dc7ff8]{color:#f32f2f;background-color:#fff}.barTitle[data-v-18dc7ff8]{writing-mode:vertical-lr;letter-spacing:2px;padding:4px 0}.item-box[data-v-18dc7ff8]{font-size:12px;padding:1px}.item-box .badge[data-v-18dc7ff8]{--el-badge-size:14px}.item-box .icon[data-v-18dc7ff8]{margin-bottom:5px}.drawer[data-v-18dc7ff8]{width:300px}