.pbds-navigation,.pbds-navigation *{--nav--gap:5px;--nav-item--height:40px;--nav-item--padding:16px;--nav-item--bg:var(--clr-gray-100);--nav-item--bg-hover:var(--clr-gray-300);--nav-item--bg-selected:var(--clr-gray-300);--nav-item--font-size:14px;--nav-item--font-weight:400;--nav-item--font-color:var(--clr-gray-300);--nav-item--font-color-hover:var(--clr-white);--nav-item--font-color-selected:var(--clr-white);--nav-item--spacer-color:var(--clr-gray-300);--nav-item--border-color:transparent;--nav-item--border-color-hover:transparent;--nav-item--border-color-selected:transparent;--nav-item--border-radius:10px}.pbds-navigation ul{align-items:center;display:flex;gap:var(--nav--gap);justify-content:flex-end;list-style:none;margin:3rem 0;padding:0}.pbds-navigation.center ul{justify-content:center}.pbds-navigation.right ul{justify-content:flex-end}.pbds-navigation ul li a{align-items:center;background:var(--nav-item--bg);border:1px solid var(--nav-item--border-color);border-radius:var(--nav-item--border-radius);color:var(--nav-item--font-color);display:flex;font-size:var(--nav-item--font-size);font-weight:var(--nav-item--font-weight);height:var(--nav-item--height);justify-content:center;min-width:var(--nav-item--height);padding:0 var(--nav-item--padding);-webkit-text-decoration:none;text-decoration:none}.pbds-navigation ul li.selected a{background:var(--nav-item--bg-selected);border:1px solid var(--nav-item--border-color-selected);color:var(--nav-item--font-color-selected)}.pbds-navigation ul li.selected a:hover{cursor:default}.pbds-navigation ul li a:hover{background:var(--nav-item--bg-hover);border:1px solid var(--nav-item--border-color-hover);color:var(--nav-item--font-color-hover)}.pbds-navigation ul li a>svg,.pbds-navigation ul li a>svg *{fill:var(--nav-item--font-color)}.pbds-navigation ul li a:hover>svg,.pbds-navigation ul li a:hover>svg *{fill:var(--nav-item--font-color-hover)}.pbds-navigation ul li.selected a>svg,.pbds-navigation ul li.selected a>svg *{fill:var(--nav-item--font-color-selected)}