.filter__title{display:flex;align-items:center;gap:12px;margin-right:12px}.filter__title .icon{width:24px;height:24px}.filter__reset{color:var(--color-grey-text)}.filter__reset .btn--line span{border-color:var(--color-grey-text)}@media(hover:hover){.filter__reset .btn--line:hover{cursor:pointer}.filter__reset .btn--line:hover span{border-color:var(--color-red)}}.filter-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mobile-filter{display:flex;flex-direction:column;height:100%}.mobile-filter__header{padding:12px 16px;background-color:var(--color-red);color:var(--color-white);display:flex;align-items:center;justify-content:space-between;font-weight:var(--fw-semibold)}.mobile-filter__header .icon{width:20px;height:20px}.mobile-filter__body{flex:1 1;overflow:auto}.mobile-filter__left{display:flex;align-items:center;gap:8px}.mobile-filter__item{padding:16px;border-bottom:1px solid var(--color-grey-stroke)}.mobile-filter__footer{padding:16px 16px 0;border-top:1px solid var(--color-grey-stroke);display:flex;align-items:center;gap:16px;position:relative}.filter-selected{display:flex;flex-wrap:wrap;gap:16px}@media(max-width:1199px){.filter-selected{flex-wrap:nowrap;overflow:auto;gap:8px;margin-right:calc(var(--container-padding)*-1)}}