.ws-top-navigation-wrapper{z-index:999;pointer-events:none;position:sticky;top:0}.ws-top-navigation-backdrop{width:100%;height:calc(60px + var(--nav-bar-height));-webkit-backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(to bottom,#000 var(--nav-bar-height),transparent);mask-image:linear-gradient(to bottom,#000 var(--nav-bar-height),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 var(--nav-bar-height),transparent);pointer-events:none;background:linear-gradient(#fff9,#0000);transition:opacity .25s ease-in;position:fixed;top:0;left:0}.ws-top-navigation-wrapper:has(.ws-top-navigation--full-bleed:not(.ws-top-navigation--back-navigation-only))>.ws-top-navigation-backdrop{opacity:0}.ws-top-navigation-wrapper--android>.ws-top-navigation-backdrop{-webkit-mask-image:linear-gradient(to bottom,#000 var(--nav-bar-height),transparent calc(8px + var(--nav-bar-height)));mask-image:linear-gradient(to bottom,#000 var(--nav-bar-height),transparent calc(8px + var(--nav-bar-height)));-webkit-mask-image:linear-gradient(to bottom,#000 var(--nav-bar-height),transparent calc(8px + var(--nav-bar-height)))}.ws-top-navigation{z-index:1;top:calc(4px + var(--nav-bar-height));pointer-events:auto;width:calc(100% - 16px);margin-left:auto;margin-right:auto;margin-bottom:calc(8px + var(--nav-bar-height));border-radius:28px;justify-content:space-between;align-items:center;gap:0;padding:4px;transition:border-radius .25s ease-in,width .25s ease-in,padding .25s ease-in,top .25s ease-in,background-color .25s ease-in,gap .25s ease-in,margin-bottom .25s ease-in;display:flex;position:relative}.ws-top-navigation .ws-btn--icon{background:0 0;flex-shrink:0;transition:background .25s ease-in}.ws-top-navigation .ws-btn--icon:focus,.ws-top-navigation .ws-btn--icon:hover{background-color:var(--background-2)}.ws-top-navigation .ws-btn--icon:active{background-color:var(--background-1)}.ws-top-navigation:not(.ws-top-navigation--back-navigation-only):not(.ws-top-navigation--full-bleed){background:color-mix(in srgb,var(--ws-background-light) 50%,transparent);-webkit-backdrop-filter:blur(8px)}.ws-top-navigation.ws-top-navigation--full-bleed{width:100%;padding:calc(8px + var(--nav-bar-height)) 12px 8px;background:var(--ws-color-primary);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;margin-bottom:0;top:0}.ws-top-navigation.ws-top-navigation--full-bleed>.ws-btn--icon{background:var(--ws-color-primary)}.ws-top-navigation--search-expanded,.ws-top-navigation__title{gap:8px}.ws-top-navigation--back-navigation-only .ws-btn--icon{background-color:color-mix(in srgb,var(--ws-background-light) 50%,transparent);-webkit-backdrop-filter:blur(8px)}.ws-top-navigation--back-navigation-only.ws-top-navigation--full-bleed{background:0 0}.ws-top-navigation--back-navigation-only.ws-top-navigation--full-bleed>.ws-btn--icon{background-color:color-mix(in srgb,var(--ws-background-light) 50%,transparent);-webkit-backdrop-filter:blur(8px)}.ws-top-navigation__back-btn{opacity:1;width:44px;min-width:44px;transition:width .25s ease-in,min-width .25s ease-in,opacity .24s,transform .25s ease-in,padding .25s ease-in,margin .25s ease-in;overflow:hidden;transform:translate(0)scale(1)}.ws-top-navigation__title--centered{text-align:center;grid-column:2}.ws-top-navigation--hide-search{grid-template-columns:1fr auto 1fr;min-height:52px;transition:border-radius .25s ease-in,width .25s ease-in,padding .25s ease-in,top .25s ease-in,background-color .25s ease-in,min-height .25s ease-in,margin-bottom .25s ease-in;display:grid}.ws-top-navigation--hide-search .ws-top-navigation__back-btn{justify-self:start}.ws-top-navigation--hide-search.ws-top-navigation--full-bleed{min-height:calc(60px + var(--nav-bar-height))}.ws-top-navigation-title__image{aspect-ratio:1;object-fit:cover;height:32px}.ws-top-navigation-notifications{pointer-events:auto;margin-top:8px;position:absolute;top:100%;left:12px;right:12px}