.pill_nav{--component--pill-nav--height:calc(1.25rem * var(--component--pill-nav--scale,1));--component--pill-nav--gap:calc(var(--size--2) * var(--component--pill-nav--scale,1));--component--pill-nav--padding:calc(var(--size--0) * var(--component--pill-nav--scale,1));--component--pill-nav--radius:calc(var(--radius--1) * var(--component--pill-nav--scale,1));align-items:center;column-gap:var(--component--pill-nav--gap);font-family:var(--font--family--0);font-size:calc(var(--font--size--0) * var(--component--pill-nav--scale,1));line-height:calc(var(--font--height--0) * var(--component--pill-nav--scale,1));font-weight:var(--font--weight--0);letter-spacing:0;color:var(--theme--ink--primary);white-space:nowrap;grid-template-rows:auto;grid-template-columns:auto;grid-auto-flow:column;display:grid;position:relative}.pill_nav_indicator{width:var(--component--pill-nav--indicator-width,100%);height:var(--component--pill-nav--height);translate:var(--component--pill-nav--indicator-x,0) 0;border-radius:var(--component--pill-nav--radius);background-color:var(--theme--surface--tertiary);pointer-events:none;transition:translate var(--transition--base), width var(--transition--base);grid-area:1/1/2/2;position:absolute;top:0;left:0}.pill_nav_item{z-index:1;height:var(--component--pill-nav--height);padding-inline:var(--component--pill-nav--padding);border-radius:var(--component--pill-nav--radius);color:inherit;cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.pill_nav_item:first-of-type{grid-area:1/1}.pill_nav_item:focus-visible{outline:var(--border--2) solid var(--theme--ink--primary);outline-offset:var(--size--0)}.pill_nav_item[data-focus-restored]:focus-visible{outline:none}.pill_nav_divider{z-index:1;color:var(--theme--ink--primary);position:relative}