.filtersection{background-position:center;background-size:cover;background-repeat:no-repeat;position:fixed;top:0;left:-100%;width:480px;bottom:0;box-shadow:0 16px -32px 0 rgba(0,0,0,0.8);background-color:#fbfbfb;z-index:999999;padding:50px;scrollbar-width:none;opacity:0;visibility:hidden;transition:.45s ease-in-out;overflow-y:scroll}.filtersection.opened{opacity:1;visibility:visible}.filtersection.opened{left:0;-webkit-transition:all .4s cubic-bezier(0.785,0.135,0.15,0.86);-moz-transition:all .4s cubic-bezier(0.785,0.135,0.15,0.86);transition:all .4s cubic-bezier(0.785,0.135,0.15,0.86);transition-duration:.6s}@media(max-width:767px){.filtersection{width:70%;padding:40px 35px}}.filtersection__close-btn button{position:absolute;right:30px;top:30px;transition:1s;-webkit-transition:all .4s cubic-bezier(0.785,0.135,0.15,0.86);-moz-transition:all .4s cubic-bezier(0.785,0.135,0.15,0.86);transition:all .4s cubic-bezier(0.785,0.135,0.15,0.86);transition-duration:.3s;height:40px;width:40px;line-height:45px;background-color:var(--tp-common-white);color:var(--tp-common-black)}.filtersection__close-btn button:hover i{transform:rotate(360deg)}.filtersection__close-btn button i{font-weight:300;font-size:20px;transition:.9s}