.u-base-scroller{position:relative}.u-base-scroller__scroll-button{position:absolute;top:-1px;cursor:pointer;border:none;background-color:transparent;margin:0;padding:var(--space-2) var(--space-1);color:var(--color-black)}.u-base-scroller__scroll-button:before{position:absolute;top:0;display:block;content:"";width:1.5rem;height:2.125rem;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{left:0;background:linear-gradient(270deg,transparent,var(--color-neutral-00) 50%,var(--color-neutral-00))}.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{right:0;background:linear-gradient(90deg,transparent,var(--color-neutral-00) 50%,var(--color-neutral-00))}.u-base-scroller__scroll-icon{position:relative;width:1rem;height:1rem;fill:var(--color-neutral-50);z-index:2}.u-base-scroller__nav{display:flex;justify-content:flex-start;overflow-x:scroll;outline-offset:-.125rem;scroll-behavior:smooth;scrollbar-color:transparent transparent;scrollbar-width:none;align-items:flex-end;-ms-overflow-style:none}.u-base-scroller__nav::-webkit-scrollbar{height:0;width:0;background:transparent;display:none}.u-base-scroller__nav::-webkit-scrollbar-button{display:none}