.filter-pop-up{position:absolute;top:2rem;right:0;background-color:var(--menu-bg);z-index:999;border-radius:.5rem;max-width:100%}.filter-pop-up ul{padding:0}.filter-pop-up li{list-style:none;color:#fff;padding:.3rem 0}.filter-pop-up a,.filter-pop-up p{color:#fff;font-weight:600}.filter-pop-up a:hover{color:var(--color-4)}.display-filter-pop-up{cursor:pointer}.filter-toggle{font-size:0;border:0 none;padding:0;color:#000;width:2rem;margin:0 .5rem;transform:scale(.75);cursor:pointer;position:relative}.filter-toggle .line-one,.filter-toggle .line-two,.filter-toggle .line-three{background-color:var(--color-1);width:100%;height:3px;margin:5px auto;backface-visibility:hidden;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.filter-toggle.on .line-three{-moz-transform:rotate(45deg) translate(-6px,-6px);-o-transform:rotate(45deg) translate(-6px,-6px);-webkit-transform:rotate(45deg) translate(-6px,-6px);transform:rotate(45deg) translate(-6px,-6px)}.filter-toggle.on .line-two{opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}.filter-toggle.on .line-one{-moz-transform:rotate(-45deg) translate(-5px,5px);-o-transform:rotate(-45deg) translate(-5px,5px);-webkit-transform:rotate(-45deg) translate(-5px,5px);transform:rotate(-45deg) translate(-5px,5px)}