.vendor-filter-arrow{display:none}
@media(max-width:560px){
  .vendor-filter-hint{display:none!important}
  .vendor-filter-arrow{position:absolute;z-index:6;top:0;display:grid;place-items:center;width:48px;height:38px;padding:0;border:0;color:#183b32;font-size:17px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .vendor-filter-prev{left:0;background:linear-gradient(90deg,#f3ede2 58%,rgba(243,237,226,0));opacity:0;pointer-events:none;transform:translateX(-5px);transition:.2s}
  .vendor-filter-prev.visible{opacity:1;pointer-events:auto;transform:none}
  .vendor-filter-next{right:0;background:linear-gradient(90deg,rgba(243,237,226,0),#f3ede2 48%);animation:vendorArrow 1.2s ease-in-out infinite alternate}
  .vendor-filter-next.end{opacity:0;pointer-events:none}
  .vendor-filter-prev.visible~.vendor-filter{padding-left:48px}
}
@keyframes vendorArrow{to{transform:translateX(3px)}}