.sp-motion-tabs{position:relative;isolation:isolate;--tab-enter-x:6px}.sp-tab-indicator{position:absolute;top:0;left:0;border-radius:999px;background:var(--sp-active);opacity:0;pointer-events:none;z-index:0}.sp-motion-tabs[data-motion-ready=true]>.sp-tab-indicator{transition:transform .22s cubic-bezier(.22,1,.36,1),width .22s cubic-bezier(.22,1,.36,1),height .22s cubic-bezier(.22,1,.36,1),opacity .18s ease}.sp-motion-tabs>:is(a,button){position:relative;z-index:1}.product-ui .sp-motion-tabs[data-motion-ready=true]>:is(a[aria-current=page],button[aria-pressed=true]){background:transparent;box-shadow:none}.sp-nav-bar .sp-motion-tabs a{gap:7px}.sp-mobile-nav .sp-tab-indicator,.sp-nav-bar .sp-tab-indicator{background:#121212}.sp-mobile-nav.sp-motion-tabs[data-motion-ready=true]>.sp-tab-indicator,.sp-nav-bar .sp-motion-tabs[data-motion-ready=true]>.sp-tab-indicator{transition:transform .36s cubic-bezier(.25,.8,.25,1),width .36s cubic-bezier(.25,.8,.25,1),height .36s cubic-bezier(.25,.8,.25,1),opacity .18s ease}.sp-mobile-nav.sp-motion-tabs>a,.sp-nav-bar .sp-motion-tabs>a{transition:color .18s ease}.sp-mobile-nav.sp-motion-tabs>a[aria-current=page],.sp-nav-bar .sp-motion-tabs>a[aria-current=page]{background:#121212;color:#fff}.sp-nav-solid{display:inline-block;width:var(--icon-size);height:var(--icon-size);background:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;flex:none;opacity:.6}.sp-motion-tabs>:is(a[aria-current=page],button[aria-pressed=true]) .sp-nav-solid{opacity:1;animation:sp-tab-icon-enter .22s cubic-bezier(.22,1,.36,1) both}@keyframes sp-tab-icon-enter{0%{opacity:.45;transform:translateX(var(--tab-enter-x)) scale(.88)}to{opacity:1;transform:translateX(0) scale(1)}}.sp-mobile-nav.sp-motion-tabs>a .sp-nav-solid,.sp-nav-bar .sp-motion-tabs>a .sp-nav-solid{animation:none;transition:opacity .18s ease}.sp-mobile-nav.sp-motion-tabs{position:fixed}.sp-mobile-nav .sp-nav-solid{opacity:.7;width:22px;height:22px}.sp-mobile-nav a>.sp-nav-solid{position:static;overflow:visible;clip-path:none}.sp-motion-tabs>:is(a,button)>.sp-tab-label{min-width:0}@media (max-width:1350px) and (min-width:701px){.sp-nav-bar .sp-motion-tabs a{padding-inline:12px;gap:6px}}@media (prefers-reduced-motion:reduce){.sp-motion-tabs .sp-nav-solid,.sp-motion-tabs>.sp-tab-indicator,.sp-motion-tabs>a{animation:none!important;transition:none!important}}