.sidebar{width:85%;max-width:320px;height:100%;position:fixed;top:0;left:-100%;background-color:#fff;box-shadow:2px 0 10px rgba(0,0,0,.1);transition:left .3s ease-in-out;z-index:1000;overflow-y:auto;padding:20px}@media (max-width:768px){.sidebar.open{left:0}.sidebar.open:before{content:"";position:fixed;top:0;right:0;bottom:0;left:85%;z-index:-1}}@media (min-width:769px){.sidebar{display:none!important}}.sidewhite{color:#a7a7a7;padding-bottom:6px}.closeButtonPos{display:flex;justify-content:flex-end;margin-bottom:20px}.close-button{display:block;position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;color:#333;cursor:pointer;z-index:1001;padding:5px}.sidebar .ant-menu{border:none;background:transparent}.sidebar .ant-menu-item,.sidebar .ant-menu-submenu-title{padding-left:0!important;margin:4px 0!important;height:45px;line-height:45px;font-size:16px;border-radius:4px}.sidebar .ant-menu-item a{color:#333;text-decoration:none;display:block;width:100%}.sidebar .ant-menu-item:hover,.sidebar .ant-menu-submenu-title:hover{background-color:#f5f5f5}.sidebar .ant-menu-submenu .ant-menu-item{padding-left:24px!important}body.sidebar-open{overflow:hidden}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.sidebar.open{animation:slideIn .3s ease-out}