@media only screen and (max-width:767px){.category-page-container{position:relative;transition:all .25s ease}.category-page-container.filter-show .btn-close-outside{position:fixed;top:0;height:100px;left:0;right:0;z-index:101;display:block}.category-page-container.filter-show:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background-color:rgba(0,0,0,.6)}.category-page-container .category-sidebar{position:fixed;top:40px;left:-100%;width:100%;bottom:0;z-index:110;background-color:#fff;transition:all .25s ease;display:flex;flex-direction:column}.category-page-container.filter-show .category-sidebar{left:0;right:0;max-width:100%}.category-page-container .category-sidebar .filter-header{display:flex;height:3.5rem;align-items:center;border-bottom-width:1px;--tw-border-opacity:1;border-bottom-color:rgb(196 196 198/var(--tw-border-opacity,1));padding:1.25rem}.category-page-container .category-sidebar .filter-content{flex:1 1 0%;overflow-y:auto;padding:1.25rem}.category-page-container .category-sidebar .filter-footer{display:flex;height:5rem;align-items:center;border-top-width:1px;--tw-border-opacity:1;border-top-color:rgb(196 196 198/var(--tw-border-opacity,1));padding:1.25rem}}