.ab-nav{width:100%;-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:scroll}.ab-nav::-webkit-scrollbar{display:none}.ab-nav__item{background:transparent;border:0;white-space:nowrap;text-align:center;outline:0;cursor:pointer;text-decoration:none;font-size:var(--ab-heading-300);color:var(--ab-color-ui-600)}.ab-nav--center{justify-content:center}.ab-nav--right{justify-content:flex-end}.ab-nav--full .ab-nav__item{width:100%}.ab-nav__item{padding:var(--ab-spacing-200) 0;margin-right:var(--ab-spacing-400)}.ab-nav--tab .ab-nav__item{background:none;transition:all .2s ease;border-bottom:4px solid transparent}.ab-nav--tab .ab-nav__item:hover{border-bottom:4px solid var(--ab-color-ui-300)}.ab-nav--tab .ab-nav__item--active,.ab-nav--tab .ab-nav__item:active,.ab-nav--tab .ab-nav__item:focus{border-bottom:4px solid var(--ab-color-active-500)}.ab-nav--tab .ab-nav__item--active{color:var(--ab-color-ui-800)}.ab-nav--button .ab-nav__item{background:none;transition:all .2s ease;font-family:var(--ab-font-primary);padding:var(--ab-spacing-200);border-radius:var(--ab-border-radius-100)}.ab-nav--button .ab-nav__item:not(.ab-nav__item--active):active,.ab-nav--button .ab-nav__item:not(.ab-nav__item--active):hover{color:var(--ab-color-ui-800)}.ab-nav--button .ab-nav__item:not(.ab-nav__item--active):focus{color:var(--ab-color-ui-900)}.ab-nav--button .ab-nav__item--active{color:var(--ab-color-white);background:var(--ab-color-active-500)}