.filters-wrap{position:relative}.filters-wrap:before{background:linear-gradient(270deg,transparent,#f9f9f9 55%);left:0;opacity:0}.filters-wrap:after,.filters-wrap:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:90px;z-index:1}.filters-wrap:after{background:linear-gradient(90deg,transparent,#f9f9f9 55%);right:0}.filters-wrap:has(.filters-arrow--left):before{opacity:1}.filters-wrap:not(:has(.filters-arrow--right)):after{opacity:0}.filters-arrow{align-items:center;background:#fff;border:.5px solid rgba(0,0,0,.12);border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#333;cursor:pointer;display:flex;height:34px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:box-shadow .2s;width:34px;z-index:2}.filters-arrow:hover{box-shadow:0 2px 14px #00000029}.filters-arrow--right{right:12px}.filters-arrow--left{left:12px}.filters{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-start;overflow-x:auto;padding:6px 16px 10px;-ms-overflow-style:none;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}@media(min-width:576px){.filters{padding:8px 40px 12px}}.filter__item{align-items:flex-end;background-color:#fff;border:.5px solid rgba(0,0,0,.1);border-radius:30px;color:#333;display:flex;font-size:12px;font-weight:700;margin-bottom:0;padding:12px 18px;white-space:nowrap}.filter__item:hover{border-color:#1abc9c}.filter__item.router-link-active{background-color:#1abc9c;border-color:#1abc9c;color:#fff;cursor:default;pointer-events:none}.filter__item.router-link-active img{filter:brightness(100)}.filter__icon{height:20px;margin-right:4px;width:20px}