.u-base-scroller{position:relative}.u-base-scroller__scroll-button{background-color:transparent;border:none;color:var(--color-black);cursor:pointer;margin:0;padding:var(--space-2) var(--space-1);position:absolute;top:-1px}.u-base-scroller__scroll-button:before{content:"";display:block;height:2.25rem;position:absolute;top:0;width:1.5rem;z-index:1}.u-base-scroller__scroll-button:hover{color:var(--npg-theme-primary-color)}.u-base-scroller__scroll-button--left{left:0}.u-base-scroller__scroll-button--left svg{transform:translate(calc(var(--space-1)*-1))}.u-base-scroller__scroll-button--left:before{background:linear-gradient(270deg,transparent,var(--color-neutral-00) 50%,var(--color-neutral-00));left:0}.u-base-scroller__scroll-button--right{right:0}.u-base-scroller__scroll-button--right svg{transform:translate(var(--space-1))}.u-base-scroller__scroll-button--right:before{background:linear-gradient(90deg,transparent,var(--color-neutral-00) 50%,var(--color-neutral-00));right:0}.u-base-scroller__scroll-icon{height:1rem;position:relative;width:1rem;fill:var(--color-neutral-50);z-index:2}.u-base-scroller__nav{display:flex;justify-content:flex-start;outline-offset:-.125rem;overflow-x:scroll;scroll-behavior:smooth;scrollbar-color:transparent transparent;scrollbar-width:none;-ms-overflow-style:none}.u-base-scroller__nav::-webkit-scrollbar{background:transparent;display:none;height:0;width:0}.u-base-scroller__nav::-webkit-scrollbar-button{display:none}