@media (max-width:767px){body,html{margin:0;padding:0;width:100vw;overflow-x:hidden;box-sizing:border-box}*,:after,:before{box-sizing:inherit}.mobile-topbar{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;height:48px;background:#fff;border-bottom:1px solid #ddd;padding:0 1rem;z-index:1000}.mobile-sidebar{position:fixed;top:48px;bottom:0;background:white;overflow-y:auto;z-index:999;box-shadow:2px 0 8px rgba(0,0,0,.1)}.mobile-left-sidebar{left:0;width:80%;transform:translateX(-100%);transition:transform .3s ease}.mobile-left-sidebar.show{transform:translateX(0)}.mobile-right-sidebar{right:0;width:100%;max-width:600px;transform:translateX(100%);transition:transform .3s ease}.mobile-right-sidebar.show{transform:translateX(0)}.overlay{position:fixed;top:48px;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:998}.content-wrapper{margin-top:48px;height:calc(100vh - 48px);overflow:hidden;width:100vw;box-sizing:border-box}}@media (min-width:768px){.mobile-sidebar,.mobile-topbar,.overlay{display:none}.content-wrapper{margin-top:0;height:100vh;overflow:hidden}}