.sidebar{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;z-index:var(--zIndexSidebar);will-change:transform;pointer-events:none}.sidebar_opened{pointer-events:auto}.sidebar__body{width:90%;position:absolute;background:var(--backgroundColor);overflow:hidden;transition:transform .2s ease-out;-webkit-overflow-scrolling:touch}.sidebar__body_left{top:0;bottom:0;right:0;box-shadow:0 2px 48px #0000003d}.sidebar__body_right{top:0;bottom:0;left:0;box-shadow:5px 0 20px -5px #000}.toggle-sidebar-right-enter-from,.toggle-sidebar-right-leave-to{transform:translate(-100%)}.toggle-sidebar-left-enter-from,.toggle-sidebar-left-leave-to{transform:translate(100%)}@media screen and (min-width: 992px){.sidebar__body{width:300px}}.desktop .sidebar__body{width:300px}