.filter-m{display:flex}.filter-box{display:none;position:fixed;height:100%;z-index:999;overflow:hidden}.filter-box,.filter-box .btn-back{top:0;left:0;width:100%;background-color:#fff}.filter-box .btn-back{display:flex;position:absolute;padding:15px 18px;border-radius:0;box-shadow:1px 1px 2px rgba(0,0,0,.2),-1px -1px 2px rgba(0,0,0,.04);z-index:8;align-items:center;justify-content:center}.filter-box .btn-back i{position:absolute;left:18px;font-size:26px}.filter-box .btn-see-result{display:block;position:absolute;left:18px;bottom:18px;width:calc(100% - 36px);height:48px;z-index:1;border-radius:25px;background-color:rgb(var(--header-bg-color));border:1px solid rgb(var(--header-bg-color));color:#fff;transition:all .3s ease}.filter-box .filter-scroll{position:relative;display:block;height:calc(100% - 78px);width:100%;overflow-y:auto;border-bottom:1px solid #ccc}.filter-box .filter-scroll li.filter-item{display:block;border-bottom:1px solid #ccc;padding:15px 0}.filter-box .filter-scroll li.filter-item .card-header h3{font-size:18px;margin:0;font-weight:600}.filter-box .filter-scroll li.filter-item:last-child{border:none}.filter-box .filter-scroll li.filter-item .card-content .card-header{margin-bottom:.8rem}.filter-box .filter-scroll li.filter-item.select-filter,.filter-box .filter-scroll li.filter-item.sort-filter{display:none}.filter-box .filter-scroll li.filter-item .filter-tab-ranger .m-tab{display:flex;justify-content:center;flex-direction:column}.filter-box .filter-scroll li.filter-item .filter-tab-ranger .m-tab .m-tab-nav{border:none;justify-content:center;background-color:hsla(0,0%,80%,.5);display:inline-flex;border-radius:25px;width:auto;margin:0 auto;padding:3px;gap:0;position:relative}.filter-box .filter-scroll li.filter-item .filter-tab-ranger .m-tab .m-tab-nav .m-indicator{position:absolute;top:3px;left:3px;border-radius:25px;content:"";height:42px;width:120px;z-index:0;box-shadow:1px 1px 2px rgba(0,0,0,.2),-1px -1px 2px rgba(0,0,0,.04),inset 1px 1px 2px rgba(0,0,0,.08),inset -1px -1px 2px rgba(0,0,0,.04);background-color:rgb(var(--header-bg-color));transition:transform .3s ease;transform:translateX(0)}.filter-box .filter-scroll li.filter-item .filter-tab-ranger .m-tab .m-tab-nav .m-tab-item{position:relative;z-index:1;border:none;height:42px;font-size:17px;border-radius:25px;padding:0 8px;width:120px;color:var(--text-color);background-color:transparent}.filter-box .filter-scroll li.filter-item .filter-tab-ranger .m-tab .m-tab-nav .m-tab-item.active{color:#fff}.filter-box .filter-scroll li.filter-item .filter-tab-ranger .m-tab .m-tab-nav .m-tab-item:first-child.active~.m-indicator{transform:translateX(0)}.filter-box .filter-scroll li.filter-item .filter-tab-ranger .m-tab .m-tab-nav .m-tab-item:nth-child(2).active~.m-indicator{transform:translateX(120px)}.filter-box .filter-scroll li.filter-item .filter-number .filter-number-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));align-items:end;gap:16px}.filter-box .filter-scroll li.filter-item .filter-number .filter-number-list li a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #ccc;border-radius:8px;padding:10px;color:var(--text-color);transition:all .3s ease}.filter-box .filter-scroll li.filter-item .filter-number .filter-number-list li a:hover{box-shadow:1px 1px 2px rgba(0,0,0,.08),-1px -1px 2px rgba(0,0,0,.04);border:1px solid rgb(var(--header-bg-color));color:rgb(var(--header-bg-color))}.filter-box .filter-scroll li.filter-item .filter-checkbox .checkbox-scroll{padding:10px;margin:-10px -10px 0}@media(min-width:992px){.filter-m{display:none}.filter-box{display:block;position:unset;padding:0;overflow:unset;background-color:unset}.filter-box .filter-scroll{overflow:unset;border:none}.filter-box .filter-scroll li.filter-item.select-filter,.filter-box .filter-scroll li.filter-item.sort-filter{display:block}.filter-box .btn-back,.filter-box .btn-see-result{display:none}}.filter-title{display:block;padding:15px;background-color:#f1f2f3;border-radius:15px;margin-top:25px}.filter-title h2{display:flex;align-items:center;gap:5px;font-size:22px;font-weight:600}.filter-title .filter-list{list-style:none;padding:0;margin:0;display:block}.filter-title .filter-list li{display:flex;justify-content:space-between;align-items:center;font-weight:400;padding:5px 0}.filter-title .filter-list li button{color:var(--text-color);padding:0 12px}.filter-title .btn-clear{border-radius:25px;text-align:center;background-color:#fff;width:100%;color:rgb(var(--header-bg-color));margin-top:10px;box-shadow:1px 1px 2px rgba(0,0,0,.002),-1px -1px 2px rgba(0,0,0,.001);font-weight:600}.filter-title .btn-clear:hover{background-color:rgb(var(--header-bg-color));color:#fff}.m-select-values{display:inline-flex!important}