.sticky-navigation{position:sticky;top:30px}.chip{gap:10px;padding:10px 20px;border-radius:15px;cursor:pointer;transition:all .1s ease-out}.chip,.chip .count{display:flex;align-items:center}.chip .count{width:24px;height:24px;border-radius:50%;justify-content:center;font-size:14px;font-weight:600}.chip.base{border:1px solid #e2e6fa}.chip.base .count{background-color:#f4f6ff;color:#385ad4}.chip.base:hover{opacity:.7}.chip.base.active .label{color:#fff}.chip.base.active .count{color:#686868;background-color:#fff}.chip.secondary{background-color:#eee}.chip.secondary .count{background-color:#ddd;color:#263238}.chip.secondary:hover{opacity:.7}.chip.secondary.active .label{color:#fff}.chip.secondary.active .count{color:#686868;background-color:#fff}.chip.warning{background-color:#fff5e7}.chip.warning .count{background-color:#ffdba6;color:#263238}.chip.warning:hover{opacity:.7}.chip.warning.active .label{color:#fff}.chip.warning.active .count{color:#ffa51f;background-color:#fff}.chip.danger{background-color:#ffdfdf}.chip.danger .count{background-color:#ffb9b9;color:#263238}.chip.danger:hover{opacity:.7}.chip.danger.active .label{color:#fff}.chip.danger.active .count{color:#f14d4d;background-color:#fff}