.mobile-backdrop{position:fixed;top:var(--header-height, 64px);left:0;right:0;bottom:0;background-color:#00000080;z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-button{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--border-color);color:var(--dark-text);cursor:pointer;transition:all .2s ease}.dark .mobile-menu-button{border-color:var(--dark-border-color);color:var(--light-text)}.mobile-menu-button:hover{background-color:#0000000d}.dark .mobile-menu-button:hover{background-color:#ffffff1a}@media (max-width: 768px){.sidebar:not(.mobile-open){transform:translate(-100%);opacity:0}.sidebar.mobile-open{transform:translate(0);opacity:1}}@media (max-width: 768px){main{padding:1rem!important}}