#aura-product-navigation{display:inline-flex;align-items:center;font:600 13px/1.2 Lato,system-ui,sans-serif}
.aura-product-nav-error{max-width:260px;margin-left:8px;color:#ffd1c7;font-size:12px;line-height:1.25}
.aura-product-nav{--aura-nav-indicator-x:4px;--aura-nav-indicator-w:0px;position:relative;display:flex;gap:6px;padding:4px;border:1px solid rgba(255,255,255,.14);border-radius:var(--aura-radius-main-nav,5px);background:var(--shell-bottom);overflow:hidden}
.aura-product-nav-indicator{position:absolute;z-index:0;top:4px;bottom:4px;left:0;width:var(--aura-nav-indicator-w);border-radius:var(--aura-radius-main-nav,5px);background:var(--accent);opacity:0;transform:translateX(var(--aura-nav-indicator-x));transition:transform .26s cubic-bezier(.22,1,.36,1),width .26s cubic-bezier(.22,1,.36,1),background .18s ease,opacity .12s ease;pointer-events:none}
.aura-product-nav.is-measured .aura-product-nav-indicator{opacity:1}
.aura-product-nav:not(.is-measured) button[aria-current=page],.aura-product-nav:not(.is-measured) button.is-active{background:var(--accent);color:var(--accent-contrast,#f5f7fb)}
.aura-product-nav button{appearance:none;position:relative;z-index:1;border:0;border-radius:var(--aura-radius-main-nav,5px);padding:8px 10px;background:transparent;color:#cbd1d9;font:inherit;cursor:pointer;transition:color .16s ease}
.aura-product-nav button:hover{color:#f5f7fb}
.aura-product-nav button[aria-current=page]{color:var(--accent-contrast,#f5f7fb)}
.aura-product-nav button:disabled{cursor:default}
.aura-product-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.aura-product-nav-indicator{transition:none}}
@media (max-width:700px){.aura-product-nav button{padding:7px 8px;font-size:12px}}