:root{--el-border-radius-base:8px;--el-component-size-large:38px}body{background:#2677cf}:root{--sidebar-width-expended:250px;--sidebar-width-collapsed:76px;--sidebar-width:var(--sidebar-width-expended);--sidebar-bg-expended:#fff;--sidebar-bg-collapsed:#fff}.sidebar-expanded{background-color:var(--sidebar-bg-expended);width:var(--sidebar-width-expended)}.sidebar-collapsed{background-color:var(--sidebar-bg-collapsed);width:var(--sidebar-width-collapsed)}.main-expanded{margin-left:var(--sidebar-width-expended);--sidebar-width:var(--sidebar-width-expended)}.main-collapsed{margin-left:var(--sidebar-width-collapsed);--sidebar-width:var(--sidebar-width-collapsed)}.sub_main{align-self:flex-start;background-color:red;position:sticky;top:0}.vertical-bar{background:#607d8b;border-radius:9999px;height:19px;width:3px}