.nav-wrapper{cursor:grab;flex-direction:column;flex:none;justify-content:center;align-items:stretch;gap:16px;width:720px;display:flex}.nav--full-width .nav-wrapper{width:100%}.nav-viewport{align-items:center;width:100%;display:flex;position:relative}.nav-scroller{scroll-snap-type:x mandatory;z-index:1;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;touch-action:pan-x;cursor:grab;overflow-anchor:none;width:100%;position:relative;overflow:auto hidden}.nav-wrapper[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}.nav-wrapper[data-dragging] *{cursor:grabbing}.nav-scroller::-webkit-scrollbar{display:none}.nav-content{flex-direction:row;align-items:center;gap:40px;width:max-content;display:flex}.nav-brand-item{scroll-snap-align:center;flex:none;align-items:center;gap:4px;display:flex}.nav--has-active-menu .nav-brand-item{gap:6px;position:relative}.nav--has-active-menu .nav-brand-item--active .nav-brand:after{z-index:2;content:"";position:absolute;inset:-8px -10px}.nav-brand-item--marked{position:relative}.nav-brand-item--marked .nav-brand:after{content:"";position:absolute;inset:0}.nav-item-marker{transform-origin:50%;color:#656565;text-align:center;background:#e6e6e6;border:.222px solid #ccc9c980;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:16px;height:16px;font-family:Inter;font-size:11px;font-style:normal;font-weight:600;line-height:normal;transition:transform .16s,background-color .16s,color .16s;display:flex;transform:scale(1)}.nav-brand-item--active .nav-item-marker{color:#000;background:#d4d4d4;transform:scale(1.25)}.nav-item-marker>svg{display:block}.nav-viewport[data-ready=false] .nav-content{padding-inline:50%}.ruler-lines{flex:0 0 24px;width:100%;min-width:0;height:24px;min-height:24px;display:block;position:relative;overflow:hidden}.ruler-lines:before{z-index:0;content:"";background-image:linear-gradient(90deg,#0000 0 6px,#9a9a9a 6px 7px,#0000 7px 13px);background-position:top;background-repeat:repeat-x;background-size:13px 8px;height:8px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(50% - 1px),#0000 calc(50% - 1px) calc(50% + 1px),#000 calc(50% + 1px) 100%);mask-image:linear-gradient(90deg,#000 0 calc(50% - 1px),#0000 calc(50% - 1px) calc(50% + 1px),#000 calc(50% + 1px) 100%)}.ruler-lines:after{z-index:1;content:"";background:#000;width:1px;height:24px;position:absolute;top:0;left:50%;transform:translate(-.5px)}.nav-brand{color:#767676;cursor:pointer;font-family:var(--font-ibm-plex-sans), sans-serif;white-space:nowrap;background:0 0;border:0;flex:none;justify-items:center;padding:0;font-size:14px;font-style:normal;font-weight:400;line-height:normal;transition:color .2s;display:grid}@media (hover:hover) and (pointer:fine){.nav-brand:hover{text-decoration:underline}}.nav-brand:focus-visible{outline-offset:4px;outline:2px solid #000}.nav-brand:before{content:attr(data-label);visibility:hidden;pointer-events:none;grid-area:1/1;height:0;font-size:16px;overflow:hidden}.nav-brand>span{grid-area:1/1}.nav-brand--active{color:#000;font-size:16px}.active-container{z-index:0;background:#e8e8e8;border-radius:200px;width:60px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav--has-active-menu .nav-viewport[data-menu-open=true] .nav-brand-item--active{opacity:0;pointer-events:none}.active-container--menu{z-index:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#a5a5a533;align-items:center;height:32px;display:flex;overflow:visible}.active-container--menu-open{z-index:2}.active-menu-trigger,.active-menu-option{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0}.active-menu-trigger{white-space:nowrap;align-items:center;gap:8px;width:100%;height:32px;padding:6px 10px;display:flex}.active-menu-trigger .nav-item-marker{color:#000;background:#d4d4d4;flex:0 0 16px;transform:scale(1.25)}.active-menu-label{color:#000;min-width:0;font-family:var(--font-ibm-plex-sans), sans-serif;text-align:left;text-overflow:ellipsis;flex:1;font-size:16px;line-height:normal;overflow:hidden}.active-menu-chevron,.nav-item-active-chevron{flex:0 0 14px;width:14px;height:14px;display:block}.nav-item-active-chevron{visibility:hidden;pointer-events:none}.nav-brand-item--active .nav-item-active-chevron{visibility:visible}.active-menu-chevron>svg,.nav-item-active-chevron>svg{opacity:0;filter:blur(5px);width:14px;height:14px;transition:transform .15s,opacity 75ms,filter 75ms;display:block;transform:rotate(180deg)}.active-menu-chevron[data-settled=true]>svg,.nav-item-active-chevron[data-settled=true]>svg{opacity:1;filter:blur()}.active-container--menu-open .active-menu-chevron>svg{transform:rotate(0)}.active-menu-trigger:focus-visible,.active-menu-option:focus-visible{outline-offset:2px;outline:2px solid #000}.active-menu-options{flex-direction:column;align-items:flex-start;gap:12px;width:100%;display:flex}.active-menu-option{color:#656565;width:100%;min-height:20px;font-family:var(--font-ibm-plex-sans), sans-serif;text-align:left;align-items:center;gap:10px;padding:0;font-size:14px;line-height:20px;display:flex}.active-menu-option[aria-checked=true]{color:#000}@media (hover:hover) and (pointer:fine){.active-menu-option:hover{color:#000}}.active-menu-option-icon{justify-content:center;align-items:center;display:flex}.active-menu-option-icon>svg{max-width:100%;max-height:100%;display:block}.nav-viewport[data-ready=true][data-ease=true] .active-container{transition:width .42s cubic-bezier(.22,.61,.36,1)}@media (prefers-reduced-motion:reduce){.nav-viewport[data-ready=true][data-ease=true] .active-container,.nav-item-marker,.active-menu-chevron>svg,.nav-item-active-chevron>svg{transition-duration:.01ms}}