._root_4koau_1{isolation:isolate;border-radius:var(--radius-navigation);background:var(--color-background-inverse);justify-content:space-between;align-items:center;block-size:4rem;inline-size:min(21.875rem,100%);padding:.5rem;display:flex;position:relative;overflow:hidden;container-type:inline-size}._indicator_4koau_16{z-index:-1;border-radius:var(--radius-full);background:var(--color-accent-solid);pointer-events:none;block-size:3rem;inline-size:3rem;transition:transform .22s var(--ease-out);will-change:transform;position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translate(0,0)}._root_4koau_1[data-active-index="1"] ._indicator_4koau_16{transform:translate(calc(25cqi - .75rem))}._root_4koau_1[data-active-index="2"] ._indicator_4koau_16{transform:translate(calc(50cqi - 1.5rem))}._root_4koau_1[data-active-index="3"] ._indicator_4koau_16{transform:translate(calc(75cqi - 2.25rem))}._root_4koau_1[data-active-index="4"] ._indicator_4koau_16{transform:translate(calc(100cqi - 3rem))}._item_4koau_47{border-radius:var(--radius-full);block-size:3rem;inline-size:3rem;color:var(--color-navigation-icon);cursor:pointer;background:0 0;border:0;outline:none;flex:0 0 3rem;place-items:center;padding:0;transition:color .16s ease-out;display:grid}._item_4koau_47:focus-visible{box-shadow:inset 0 0 0 .125rem var(--color-text-inverse)}._activeItem_4koau_67{color:var(--color-text-inverse)}._icon_4koau_71{block-size:1.5rem;inline-size:1.5rem;-webkit-mask-image:var(--navigation-icon);mask-image:var(--navigation-icon);background:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:auto;mask-size:auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._settingsIcon_4koau_82{block-size:1.5rem;inline-size:1.5rem}@media (prefers-reduced-motion:reduce){._indicator_4koau_16,._item_4koau_47{transition:none}}._host_4lsco_1{min-block-size:0;min-inline-size:0;display:grid;overflow:hidden}._scrollContainer_4lsco_8{overscroll-behavior-y:contain;scroll-behavior:smooth;outline:none;min-block-size:0;min-inline-size:0;overflow:hidden auto}._scrollContainer_4lsco_8:focus-visible{box-shadow:inset 0 0 0 .125rem color-mix(in srgb, var(--color-accent) 70%, transparent)}@media (prefers-reduced-motion:reduce){._scrollContainer_4lsco_8{scroll-behavior:auto}}