/* Stage 3.111 — one horizontal tab navigation affordance for Home, champion
   category links, Items and Build Creator. The component only enhances
   existing navs; without JS, every original tab/link remains usable. */
.wrm2-tab-scroll-shell{position:relative;min-width:0;max-width:100%}
.wrm2-library-controls>.wrm2-tab-scroll-shell{flex:1 1 auto;min-width:0}
.wrm2-tab-scroll-shell>:is(.wrm2-tablist,.champ-profile-tabs){box-sizing:border-box;width:100%;max-width:100%;margin-bottom:0}
.wrm2-creator .wrm2-tab-scroll-shell--steps>.wr-bc-stepnav{box-sizing:border-box;width:100%;background:var(--wrbc-bg)}
.wrm2-tab-scroll-arrow{display:none;position:absolute;z-index:3;top:50%;transform:translateY(-50%);align-items:center;justify-content:center;width:24px;height:34px;padding:0;border:1px solid var(--wrm2-mint);border-radius:0;background:var(--wrm2-panel);color:var(--wrm2-mint);font:900 24px/1 var(--wrm2-font);cursor:pointer;box-shadow:0 0 12px rgb(0 0 0 / 45%)}
.wrm2-tab-scroll-arrow--prev{left:0}
.wrm2-tab-scroll-arrow--next{right:0}
.wrm2-tab-scroll-arrow:focus-visible{outline:2px solid var(--wrm2-mint);outline-offset:2px}
.wrm2-tab-scroll-arrow:disabled{opacity:.38;cursor:default}
.wrm2-tab-scroll-arrow[hidden]{display:none!important}
@media(max-width:900px){
  .wrm2-library-controls>.wrm2-tab-scroll-shell{flex:1 1 100%;width:100%}
  .wrm2-tab-scroll-shell[data-tab-overflow="true"]>.wrm2-tab-scroll-arrow{display:flex}
  .wrm2-tab-scroll-shell[data-tab-overflow="true"]>:is(.wrm2-tablist,.wr-bc-stepnav,.champ-profile-tabs){scroll-padding-inline:28px;padding-inline:28px}
}
@media(prefers-reduced-motion:reduce){.wrm2-tab-scroll-arrow{transition:none}}