.side-menu-wrapper{position:fixed;display:flex;width:100%;height:100%;top:0;left:0;transition:var(--transition-movement) var(--transition-speed) opacity}@keyframes side-menu-goodbye{from{z-index:9;visibility:visible}to{z-index:-1;visibility:hidden}}.side-menu-wrapper.collapsed{animation:var(--transition-movement) var(--transition-speed) side-menu-goodbye;z-index:-1}.side-menu-wrapper.expanded{opacity:1;z-index:9999;visibility:visible !important}.side-menu-wrapper.right{flex-direction:row-reverse}.side-menu-box{flex:30%;max-width:350px;height:100%;background-color:#fff;position:relative;transition:var(--transition-movement) var(--transition-speed) all;margin:0}.side-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xg)}.side-menu-content{overflow:auto;width:100%;height:calc(100vh - 116px);padding:var(--spacing-xg)}.side-menu-content::-webkit-scrollbar{width:6px;background:#f4f4f4}.side-menu-content::-webkit-scrollbar-track{border-radius:10px;background-color:#fff}.side-menu-content::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(222,222,222,.5803921569)}.side-menu-content::-webkit-scrollbar-thumb:hover{background:rgba(222,222,222,.5803921569)}.expanded.right .side-menu-box{margin-right:0}.right .side-menu-box{right:0;margin-right:-75%}.expanded.left .side-menu-box{margin-left:0}.left .side-menu-box{left:0;margin-left:-75%}.side-menu-close-button{display:flex}.side-menu-right{flex:70%;background-color:rgba(102,102,102,.2666666667)}@media screen and (max-width: 850px){.side-menu-box{flex:75%}.side-menu-right{flex:25%}.side-menu-header{padding:20px}.side-menu-content{padding:var(--spacing-lg)}}