.chips{overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;gap:8px;margin:0;padding:4px 0 6px;display:flex;overflow:auto hidden}.chips::-webkit-scrollbar{display:none}@property --chips-l{syntax:"<length>";inherits:false;initial-value:0}@property --chips-r{syntax:"<length>";inherits:false;initial-value:0}.chips{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--chips-l), #000 calc(100% - var(--chips-r)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--chips-l), #000 calc(100% - var(--chips-r)), transparent);transition:--chips-l .2s var(--ease), --chips-r .2s var(--ease)}.chips.fade-l{--chips-l:44px}.chips:not(.linked):has(>a.chip[aria-current]){scroll-snap-type:x mandatory;scroll-padding-inline-end:24px}.chips:not(.linked)>a.chip[aria-current]{scroll-snap-align:end}.chips.fade-r{--chips-r:44px}:is(.chips,.ctl-tools,.stabs)>.chip.glass{height:var(--chip-h,40px);color:var(--fg);font:600 15px/1 var(--font);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease), transform .24s var(--ease);border:0;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 15px 0 12px;text-decoration:none;display:inline-flex}:is(.chips,.ctl-tools,.stabs)>.chip.glass:active{transform:scale(.96)}:is(.chips,.ctl-tools,.stabs)>.chip.glass:after{transition:opacity .2s var(--ease)}@media (hover:hover){:is(.chips,.ctl-tools,.stabs)>.chip.glass:hover:not([aria-current],[aria-selected=true],[aria-pressed=true]){background:var(--glass-sheen), var(--glass-tint);box-shadow:var(--glass-quiet-edge), 0 6px 16px -10px #00000059}:is(.chips,.ctl-tools,.stabs)>.chip.glass:hover:not([aria-current],[aria-selected=true],[aria-pressed=true]):after{opacity:1}}:is(.chips,.ctl-tools,.stabs)>.chip.glass[aria-current],:is(.chips,.ctl-tools,.stabs)>.chip.glass[aria-selected=true],:is(.chips,.ctl-tools,.stabs)>.chip.glass[aria-pressed=true]{background:var(--fg);color:var(--bg);box-shadow:none}:is(.chips,.ctl-tools,.stabs)>.chip.glass:is([aria-current],[aria-selected=true],[aria-pressed=true]):after{opacity:0}:is(.chips,.ctl-tools,.stabs)>.chip>svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.chips>.chip.glass:has(>.pagemark){padding-left:8px}.chips>.chip>.pagemark{border-radius:8px;width:26px;height:26px}.chips>.chip[hidden]{display:none}@media (prefers-reduced-motion:reduce){.chips{scroll-behavior:auto}}