@keyframes neoPillCommit{0%{transform:scale(var(--press-scale))}to{transform:scale(1)}}.neo-pill-select{--neo-control-height:40px;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.neo-pill-select.size-xs{--neo-control-height:32px}.neo-pill-select.size-sm{--neo-control-height:40px}.neo-pill-select.size-md{--neo-control-height:44px}.neo-pill-select.size-lg{--neo-control-height:52px}.neo-pill-select__pill{min-height:var(--neo-control-height,40px);background:var(--fill-weak);box-shadow:var(--shadow-control);color:var(--text-weak);font-size:14px;font-weight:var(--font-weight-strong);white-space:nowrap;cursor:pointer;transition-property:color,background-color,box-shadow,transform;transition-duration:var(--dur-hover);transition-timing-function:var(--ease-micro);border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;line-height:1;display:inline-flex}@media (hover:hover) and (pointer:fine){.neo-pill-select__pill:hover{color:var(--text-strong);box-shadow:var(--shadow-control-hover),inset 0 0 0 9999px var(--fill-hover)}}.neo-pill-select__pill:active{transform:scale(var(--press-scale))}.neo-pill-select__pill:active:not(.is-selected){box-shadow:var(--shadow-control-hover),inset 0 0 0 9999px var(--fill-press)}@media (hover:none){.neo-pill-select__pill{position:relative}.neo-pill-select__pill:after{content:"";block-size:max(100%,40px);inline-size:max(100%,0px);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}}.neo-pill-select__pill--icon-only{min-width:var(--neo-control-height,40px);padding:8px}@media (hover:none){.neo-pill-select__pill--icon-only{position:relative}.neo-pill-select__pill--icon-only:after{content:"";block-size:max(100%,40px);inline-size:max(100%,40px);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}}.neo-pill-select__pill.is-selected{color:var(--text-strong);background:var(--brand-1000);box-shadow:var(--specular);animation:neoPillCommit var(--dur-base) var(--ease-spring)}@media (hover:hover) and (pointer:fine){.neo-pill-select__pill.is-selected:hover{box-shadow:var(--specular)}}.neo-pill-select__pill.is-selected:active{box-shadow:inset 0 0 0 9999px #00000029}.neo-pill-select__icon{--neo-icon-box:16px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.neo-pill-select__icon svg{width:100%;height:100%;display:block}.neo-pill-select__label{display:inline-block}
.gear-page{-webkit-font-smoothing:antialiased;flex-direction:column;width:100%;display:flex}.gear-page__header{margin-bottom:24px}.gear-page__overline{font-size:var(--type-uppercase-size);line-height:var(--type-uppercase-line-height);font-weight:var(--type-uppercase-weight);letter-spacing:var(--type-uppercase-letter-spacing);text-transform:uppercase;color:var(--text-weak);margin:0 0 8px}.gear-page__title{font-size:var(--type-h2-size);line-height:var(--type-h2-line-height);font-weight:var(--type-h2-weight);letter-spacing:var(--type-h2-letter-spacing);color:var(--text-strong);text-wrap:balance;margin:0 0 8px}.gear-page__count{font-size:var(--type-body-large-size);color:var(--text-weak);margin:0 0 8px}.gear-page__count-num{font-variant-numeric:tabular-nums;color:var(--text-strong);font-weight:var(--font-weight-strong)}.gear-page__caption{font-size:var(--type-small-size);line-height:var(--type-small-line-height);color:var(--text-weak);text-wrap:pretty;margin:0}.gear-page__controls{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.gear-page__controls-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.gear-page__categories{flex:auto;min-width:0}.gear-page__view-toggle{flex:none}.gear-page__search{align-items:center;width:100%;display:flex;position:relative}@media only screen and (min-width:900px){.gear-page__search{max-width:420px}}.gear-page__search-icon{pointer-events:none;color:#fff9;opacity:.7;position:absolute;left:14px}.gear-page__search-input{background:var(--surface-input);width:100%;height:44px;box-shadow:var(--shadow-input);color:var(--text-strong);transition-property:box-shadow;transition-duration:.15s;transition-timing-function:var(--ease-out-quad);border:none;border-radius:12px;padding:8px 44px 8px 42px;font-size:16px;line-height:1.4}.gear-page__search-input::placeholder{color:var(--input-placeholder-color)}@media (hover:hover){.gear-page__search-input:hover:not(:focus){box-shadow:var(--shadow-input-hover)}}.gear-page__search-clear{width:32px;height:32px;color:var(--text-weak);cursor:pointer;transition-property:color,background-color,transform;transition-duration:.12s;transition-timing-function:var(--ease-out-quad);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:8px;display:inline-flex;position:absolute;right:6px}.gear-page__search-clear:after{content:"";width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover){.gear-page__search-clear:hover{color:var(--text-strong);background:var(--fill-weak)}}.gear-page__search-clear:focus-visible{color:var(--text-strong)}.gear-page__search-clear:active{transform:scale(var(--press-scale))}.gear-page__results{overflow-clip-margin:12px;overflow-x:clip}.gear-page__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px;display:grid}@media only screen and (min-width:900px){.gear-page__grid{gap:16px}}@media only screen and (min-width:1200px){.gear-page__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,264px),1fr));gap:20px}}.gear-page__card{background:var(--background-base);min-height:44px;color:inherit;box-shadow:var(--shadow-surface);transition-property:transform,box-shadow,background-color;transition-duration:.15s;transition-timing-function:var(--ease-out-quad);border-radius:16px;flex-direction:column;padding:8px;text-decoration:none;display:flex}@media (hover:hover){.gear-page__card:hover{box-shadow:var(--shadow-surface-hover);background-color:var(--background-raised);transform:translateY(-3px)}.gear-page__card:hover .gear-page__tile svg,.gear-page__card:hover .gear-page__tile .neo-icon,.gear-page__card:hover .gear-page__tile-img{transform:scale(var(--hover-scale-icon-subtle))}.gear-page__card:hover .gear-page__card-cta{color:var(--text-brand)}}.gear-page__card:active{transform:scale(var(--press-scale))}.gear-page__card--rank-1{--gear-medal:var(--gold-1000)}.gear-page__card--rank-2{--gear-medal:var(--silver-1000)}.gear-page__card--rank-3{--gear-medal:var(--bronze-1000)}.gear-page__tile{aspect-ratio:16/10;background:var(--background-sunken);width:100%;color:var(--text-weak);border-radius:8px;justify-content:center;align-items:center;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.gear-page__tile svg,.gear-page__tile .neo-icon{transition:transform var(--dur-base) var(--ease-out-quad)}.gear-page__tile-img{object-fit:contain;background:var(--fill-white-solid);--ring-content:var(--stroke-on-light);border-radius:inherit;outline:1px solid var(--ring-content);outline-offset:-1px;width:100%;height:100%;transition:transform var(--dur-base) var(--ease-out-quad)}.gear-page__card--rank-1 .gear-page__tile,.gear-page__card--rank-2 .gear-page__tile,.gear-page__card--rank-3 .gear-page__tile{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gear-medal) 32%, transparent)}.gear-page__medal{z-index:1;font-variant-numeric:tabular-nums;min-width:22px;height:22px;color:var(--gear-medal);background:color-mix(in srgb, var(--gear-medal) 16%, var(--background-base));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gear-medal) 45%, transparent),var(--elevation-badge);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:8px;left:8px}.gear-page__card-body{flex-direction:column;gap:6px;padding:0 8px 8px;display:flex}.gear-page__card-name{font-size:var(--type-h4-size);line-height:var(--type-h4-line-height);font-weight:var(--type-h4-weight);color:var(--text-strong);text-wrap:balance;margin:0}.gear-page__card-count{color:var(--text-weak);font-size:var(--type-body-size);align-items:center;gap:6px;display:inline-flex}.gear-page__card-count-icon{flex-shrink:0}.gear-page__card-count-num{font-variant-numeric:tabular-nums}.gear-page__share{background:var(--fill-weak);border-radius:999px;height:4px;margin-top:2px;overflow:hidden}.gear-page__share-fill{border-radius:inherit;transform-origin:0;height:100%;transform:scaleX(var(--gear-share,0));background:var(--gear-medal,var(--stroke-mid));transition:transform .45s var(--ease-out-quart);display:block}.gear-page__card-cta{font-size:var(--type-small-size);font-weight:var(--font-weight-strong);color:var(--text-weak);transition:color var(--dur-hover) var(--ease-out-quad);white-space:nowrap;margin-top:4px}.gear-page__list{flex-direction:column;gap:8px;display:flex}.gear-page__row{background:var(--background-base);min-height:56px;color:inherit;box-shadow:var(--shadow-surface);transition-property:transform,box-shadow,background-color;transition-duration:.15s;transition-timing-function:var(--ease-out-quad);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}@media (hover:hover){.gear-page__row:hover{box-shadow:var(--shadow-surface-hover);background-color:var(--background-raised);transform:translateY(-2px)}.gear-page__row:hover .gear-page__row-thumb svg,.gear-page__row:hover .gear-page__row-thumb .neo-icon,.gear-page__row:hover .gear-page__row-thumb .gear-page__tile-img{transform:scale(var(--hover-scale-icon-subtle))}.gear-page__row:hover .gear-page__card-cta{color:var(--text-brand)}}.gear-page__row:active{transform:scale(var(--press-scale))}.gear-page__row--rank-1{--gear-medal:var(--gold-1000)}.gear-page__row--rank-2{--gear-medal:var(--silver-1000)}.gear-page__row--rank-3{--gear-medal:var(--bronze-1000)}.gear-page__row-rank{text-align:center;font-variant-numeric:tabular-nums;width:22px;color:var(--gear-medal,var(--text-weak));flex:none;font-size:13px;font-weight:700}.gear-page__row-thumb{background:var(--background-sunken);width:40px;height:40px;color:var(--text-weak);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.gear-page__row-thumb svg,.gear-page__row-thumb .neo-icon{transition:transform var(--dur-base) var(--ease-out-quad)}.gear-page__row--rank-1 .gear-page__row-thumb,.gear-page__row--rank-2 .gear-page__row-thumb,.gear-page__row--rank-3 .gear-page__row-thumb{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gear-medal) 32%, transparent)}.gear-page__row-body{flex-direction:column;flex:200px;gap:6px;min-width:0;display:flex}.gear-page__row-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--type-body-large-size);font-weight:var(--font-weight-strong);color:var(--text-strong);display:block;overflow:hidden}.gear-page__row-meta{flex:none;align-items:center;gap:12px;margin-left:auto;display:flex}.gear-page__grid.is-intro .gear-page__card,.gear-page__list.is-intro .gear-page__row{animation:gear-card-in .46s var(--ease-out-cubic) backwards;animation-delay:calc(var(--gear-i,0)*42ms)}.gear-page__grid.is-swap .gear-page__card,.gear-page__list.is-swap .gear-page__row{animation:gear-swap-in .14s var(--ease-out-quad) backwards;animation-delay:calc(var(--gear-i,0)*12ms)}.gear-page__grid.is-slide-right,.gear-page__list.is-slide-right{animation:gear-slide-in-right .2s var(--ease-out-quad) backwards}.gear-page__grid.is-slide-left,.gear-page__list.is-slide-left{animation:gear-slide-in-left .2s var(--ease-out-quad) backwards}.gear-page__grid.is-intro .gear-page__share-fill,.gear-page__list.is-intro .gear-page__share-fill{animation:gear-share-in .64s var(--ease-out-quart) backwards;animation-delay:calc(var(--gear-i,0)*42ms + 90ms)}.gear-page__grid.is-swap .gear-page__share-fill,.gear-page__list.is-swap .gear-page__share-fill{animation:gear-share-in .24s var(--ease-out-quart) backwards;animation-delay:calc(var(--gear-i,0)*12ms + 40ms)}.gear-page__empty{box-shadow:var(--shadow-surface);background:var(--background-base);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:56px 24px;display:flex}.gear-page__empty-icon{color:var(--text-weak);opacity:.7}@media (prefers-reduced-motion:no-preference){.gear-page__empty-icon{animation:gear-empty-float 3.2s var(--ease-out-quad) infinite}}.gear-page__empty-text{color:var(--text-weak);font-size:var(--type-body-large-size);margin:0}@keyframes gear-card-in{0%{opacity:0;transform:translateY(12px)}}@keyframes gear-swap-in{0%{opacity:0;transform:translateY(4px)}}@keyframes gear-slide-in-right{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes gear-slide-in-left{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}@keyframes gear-share-in{0%{transform:scaleX(0)}}@keyframes gear-empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.gear-page__card:hover,.gear-page__card:active,.gear-page__row:hover,.gear-page__row:active,.gear-page__card:hover .gear-page__tile svg,.gear-page__card:hover .gear-page__tile .neo-icon,.gear-page__card:hover .gear-page__tile-img,.gear-page__row:hover .gear-page__row-thumb svg,.gear-page__row:hover .gear-page__row-thumb .neo-icon,.gear-page__row:hover .gear-page__row-thumb .gear-page__tile-img,.gear-page__search-clear:active{transform:none}}