.chip{transform-origin:50%;transition:var(--transition-duration)box-shadow cubic-bezier(.25,.61,.355,1),var(--transition-duration)background cubic-bezier(.25,.61,.355,1);cursor:pointer;height:24px;animation:var(--transition-duration)cubic-bezier(.25,.61,.355,1)scaleInTo-100 forwards;border-radius:4px;padding:0 8px;font:400 14px/24px Noto Sans,sans-serif;transform:scale(0)}.chip:focus-visible{outline:4px solid #00b9ff}.chip:focus:not(:focus-visible){outline:0}.chip .icon{transition:var(--transition-duration)color cubic-bezier(.25,.61,.355,1);shape-rendering:crispEdges;margin:0 0 0 6px}.chip:not(.chip--reset-all){color:#fff;background:#3c3c3c;box-shadow:inset 0 0 0 1px #7c7c7c}@media (hover:hover){.chip:not(.chip--reset-all):hover{box-shadow:inset 0 0 0 1px #00b9ff}.chip:not(.chip--reset-all):hover .icon{color:#00b9ff}}.chip--reset-all{color:#000;background:#eaeaea}@media (hover:hover){.chip--reset-all:hover{background:#00b9ff}}
.sorting--button{cursor:pointer;text-align:left;color:#fff;background:0 0;border:0;height:48px}.sorting--button.active,.sorting--button:hover{color:#00b9ff}