/*!
 * 
 *         ============= BUILD INFO =============
 *         MFE: Phoenix-experience
 *         chunkName: component-clientlibs/subNavigation/subNavigation.v1/subNavigation
 *         VERSION: release-phoenix-experience-1.1.48157.2093327536-fbdf32cb-7-g32ed5b316
 *         BRANCH: release/fix-experience-10-16
 *         COMMITHASH: 32ed5b316b9912fe01a360ee50fb481e99a99be7
 *         LASTCOMMITDATETIME: 2025-10-16T21:33:46-07:00
 *         ============= If you're reading this, why not come work with us? https://www.t-mobile.com/careers =============
 */.tdds-subnavigation{--tdds-color-text-onLight-subnavigation-pressed:var(--tdds-color-brand-grayscale-900);--tdds-color-text-onLight-subnavigation-hover:var(--tdds-color-brand-grayscale-600);--tdds-color-text-onLight-subnavigation-highcontrast:var(--tdds-color-brand-grayscale-black);--tdds-color-text-onLight-subnavigation-default:var(--tdds-color-brand-grayscale-700);--tdds-color-text-onLight-subnavigation-active:var(--tdds-color-brand-grayscale-200);--tdds-color-text-onDark-subnavigation-pressed:var(--tdds-color-brand-grayscale-300);--tdds-color-text-onDark-subnavigation-hover:var(--tdds-color-brand-grayscale-500);--tdds-color-text-onDark-subnavigation-highcontrast:var(--tdds-color-brand-grayscale-white);--tdds-color-text-onDark-subnavigation-default:var(--tdds-color-brand-grayscale-400);--tdds-color-text-onDark-subnavigation-active:var(--tdds-color-brand-grayscale-1000);--tdds-color-text-onLight-chips-selected:var(--tdds-color-brand-grayscale-200);--tdds-color-text-onLight-chips-hover:var(--tdds-color-brand-grayscale-200);--tdds-color-text-onLight-chips-default:var(--tdds-color-brand-grayscale-1000);--tdds-color-text-onDark-chips-selected:var(--tdds-color-brand-grayscale-1000);--tdds-color-text-onDark-chips-hover:var(--tdds-color-brand-grayscale-1000);--tdds-color-text-onDark-chips-default:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onLight-chips-selected:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onLight-chips-icon-selected:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onLight-chips-icon-hover:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onLight-chips-icon-default:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onLight-chips-hover:var(--tdds-color-brand-grayscale-600);--tdds-color-fill-onDark-chips-selected:var(--tdds-color-brand-grayscale-100);--tdds-color-fill-onDark-chips-icon-selected:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onDark-chips-icon-hover:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onDark-chips-icon-default:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onDark-chips-hover:var(--tdds-color-brand-grayscale-300);--tdds-color-border-onLight-chips-default:var(--tdds-color-brand-grayscale-1000);--tdds-color-border-onDark-chips-default:var(--tdds-color-brand-grayscale-200);--item--font:var(--tdds-typeset-body-lg-normal);--item--font-color:var(--tdds-color-text-onLight-subnavigation-default);--item--inline-padding:var(--tdds-spacing-size-16);--item--chip-color:var(--tdds-color-fill-onLight-chips-selected);--item--chip-height:36px;--item--selected-font:var(--tdds-typeset-body-lg-strong)}.tdds-subnavigation--high-contrast{--item--font-color:var(--tdds-color-text-onLight-subnavigation-highcontrast)}.tdds-subnavigation--sm{--item--font:var(--tdds-typeset-body-md-normal);--item--inline-padding:var(--tdds-spacing-size-12);--item--chip-height:28px;--item--selected-font:var(--tdds-typeset-body-md-strong)}.tdds-subnavigation--xs{--item--font:var(--tdds-typeset-body-xs-normal);--item--inline-padding:var(--tdds-spacing-size-12);--item--chip-height:24px;--item--selected-font:var(--tdds-typeset-body-xs-strong)}.tdds-subnavigation--centered{display:flex;justify-content:center}.tdds-subnavigation--list{text-wrap:nowrap;color:var(--item--font-color);display:flex;flex-direction:row;min-width:48px;overflow-x:auto}.tdds-subnavigation--list__item:focus-within,.tdds-subnavigation--list__item:has(>a.force-focus){outline:.5rem auto Highlight;outline:1px auto -webkit-focus-ring-color;outline-offset:4px;outline-offset:-4px}.tdds-subnavigation--list__item a{align-items:center;color:var(--item--font-color);display:inline-flex;font:var(--item--font);justify-content:center;margin:4px 8px;min-height:48px;padding-inline:var(--item--inline-padding);position:relative;text-decoration:none;z-index:0}.tdds-subnavigation--list__item a.force-focus,.tdds-subnavigation--list__item a:focus-visible{outline:none}.tdds-subnavigation--list__item a.force-hover,.tdds-subnavigation--list__item a:hover{--item--font-color:var(--tdds-color-text-onLight-subnavigation-hover)}.tdds-subnavigation--list__item a.force-pressed,.tdds-subnavigation--list__item a:active{--item--font-color:var(--tdds-color-text-onLight-subnavigation-pressed)}.tdds-subnavigation--list__item a[aria-current=page]{--item--font-color:var(--tdds-color-text-onLight-subnavigation-active);font:var(--item--selected-font)}.tdds-subnavigation--list__item a[aria-current=page]:after{background-color:var(--item--chip-color);border-radius:var(--tdds-border-radius-size-24);content:"";height:var(--item--chip-height);position:absolute;width:100%;z-index:-1}@media (forced-colors:active){.tdds-subnavigation--list__item a[aria-current=page]:after{border:var(--tdds-border-weight-size-2) solid buttonborder}}.tdds-subnavigation:not([data-inverse=false])[data-inverse],[data-inverse]:not([data-inverse=false]) .tdds-subnavigation:not([data-inverse=false]){--item--font-color:var(--tdds-color-text-onDark-subnavigation-default);--item--chip-color:var(--tdds-color-fill-onDark-chips-selected)}.tdds-subnavigation:not([data-inverse=false])[data-inverse] .tdds-subnavigation--high-contrast,[data-inverse]:not([data-inverse=false]) .tdds-subnavigation:not([data-inverse=false]) .tdds-subnavigation--high-contrast{--item--font-color:var(--tdds-color-text-onDark-subnavigation-highcontrast)}.tdds-subnavigation:not([data-inverse=false])[data-inverse] .tdds-subnavigation--list__item a.force-hover,.tdds-subnavigation:not([data-inverse=false])[data-inverse] .tdds-subnavigation--list__item a:hover,[data-inverse]:not([data-inverse=false]) .tdds-subnavigation:not([data-inverse=false]) .tdds-subnavigation--list__item a.force-hover,[data-inverse]:not([data-inverse=false]) .tdds-subnavigation:not([data-inverse=false]) .tdds-subnavigation--list__item a:hover{--item--font-color:var(--tdds-color-text-onDark-subnavigation-hover)}.tdds-subnavigation:not([data-inverse=false])[data-inverse] .tdds-subnavigation--list__item a.force-pressed,.tdds-subnavigation:not([data-inverse=false])[data-inverse] .tdds-subnavigation--list__item a:active,[data-inverse]:not([data-inverse=false]) .tdds-subnavigation:not([data-inverse=false]) .tdds-subnavigation--list__item a.force-pressed,[data-inverse]:not([data-inverse=false]) .tdds-subnavigation:not([data-inverse=false]) .tdds-subnavigation--list__item a:active{--item--font-color:var(--tdds-color-text-onDark-subnavigation-pressed)}.tdds-subnavigation:not([data-inverse=false])[data-inverse] .tdds-subnavigation--list__item a[aria-current=page],[data-inverse]:not([data-inverse=false]) .tdds-subnavigation:not([data-inverse=false]) .tdds-subnavigation--list__item a[aria-current=page]{--item--font-color:var(--tdds-color-text-onDark-subnavigation-active)}@keyframes skeletonLoaderShimmer{0%{background-position:-1200px 0}to{background-position:1200px 0}}