@media(max-width:1024px){.sidebar--left{position:fixed;top:0;left:0;bottom:0;width:85%;max-width:350px;background-color:var(--color-bg);transform:translateX(-100%);transition:transform .3s ease-in-out;overflow-y:auto;z-index:1050;padding:var(--spacing-lg);box-shadow:2px 0 8px rgba(0,0,0,0.1)}.sidebar--left.is-open{transform:translateX(0)}body.filter-open::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:1040;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}}