.sidebar{background-color:#fff;width:50px;transition:width .3s;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 8px #0003}.sidebar .sidebar_menu{height:100%}.sidebar .sidebar_menu .sidebar_item_container{border-bottom:1px solid #f6e6e6;flex:1;height:100%;position:relative}.sidebar .sidebar_menu .sidebar_item_container .sidebar_item{flex-direction:row;align-items:center;height:100%;display:flex}.sidebar .sidebar_menu .sidebar_item_container .sidebar_item_icon{justify-content:center;align-items:center;height:100%;padding:8px 16px;display:flex}.sidebar .sidebar_menu .sidebar_item_container .sidebar_item_text{opacity:0;z-index:-1000;pointer-events:none;flex-wrap:nowrap;flex:1;justify-content:space-between;align-items:center;height:100%;padding-right:16px;transition:opacity .3s;display:flex}.sidebar .sidebar_menu .sidebar_item_container .sidebar_item_text p{white-space:nowrap}.sidebar .sidebar_menu .sidebar_item_container .sidebar_item_arrow{flex-shrink:0;transition:transform .3s}.sidebar .sidebar_menu .sidebar_item_container .sidebar_sub_list{opacity:0;z-index:-1000;pointer-events:none;background-color:#fff;width:290px;max-height:550px;transition:opacity .3s,right .3s;position:absolute;top:0;right:-285px;overflow-y:auto;box-shadow:4px 0 8px #0003}.sidebar .sidebar_menu .sidebar_item_container .sidebar_sub_list .sidebar_sub_item{border-bottom:1px solid #f6e6e6;align-items:center;height:45px;padding:8px 16px;display:flex}.sidebar .sidebar_menu .sidebar_item_container:hover .sidebar_item .sidebar_item_arrow{transform:rotate(90deg)}.sidebar .sidebar_menu .sidebar_item_container:hover .sidebar_sub_list{opacity:1;z-index:5;pointer-events:all}.sidebar:hover{width:280px}.sidebar:hover .sidebar_menu .sidebar_item_container .sidebar_item .sidebar_item_text{opacity:1;z-index:5;pointer-events:all}