.CityNavigation-module__0wBgvG__navigation{--nav-duration:.42s;--nav-ease:cubic-bezier(.22, 1, .36, 1);--nav-padding:10px;--nav-height:64px;--nav-circle:clamp(40px, 11vw, 46px);--nav-circle-center:6px;--nav-cutout:calc(var(--nav-circle) + 24px);isolation:isolate;padding:0 var(--nav-padding);color:var(--app-navigation-foreground);position:relative}.CityNavigation-module__0wBgvG__surface{z-index:-1;filter:drop-shadow(0 8px 9px color-mix(in srgb, var(--app-shadow) 14%, transparent));border-radius:34px;position:absolute;inset:0;overflow:hidden}.CityNavigation-module__0wBgvG__surface[data-active=false]{background:var(--app-navigation)}.CityNavigation-module__0wBgvG__surface[data-active=false] .CityNavigation-module__0wBgvG__surfaceTrack{opacity:0}.CityNavigation-module__0wBgvG__surfaceTrack{inset:0 var(--nav-padding);position:absolute}.CityNavigation-module__0wBgvG__cutoutRail{height:100%;width:calc(100% / var(--nav-count));transform:translateX(calc(var(--nav-index) * 100%));transition:transform var(--nav-duration) var(--nav-ease);position:absolute}.CityNavigation-module__0wBgvG__cutoutRail:before,.CityNavigation-module__0wBgvG__cutoutRail:after{content:"";background:var(--app-navigation);width:100vw;height:100%;position:absolute;top:0}.CityNavigation-module__0wBgvG__cutoutRail:before{right:calc(50% + var(--nav-cutout) / 2 - .5px)}.CityNavigation-module__0wBgvG__cutoutRail:after{left:calc(50% + var(--nav-cutout) / 2 - .5px)}.CityNavigation-module__0wBgvG__cutout{width:var(--nav-cutout);height:100%;fill:var(--app-navigation);position:absolute;left:50%;transform:translate(-50%)}.CityNavigation-module__0wBgvG__track{grid-template-columns:repeat(var(--nav-count), minmax(0, 1fr));display:grid;position:relative}.CityNavigation-module__0wBgvG__item{z-index:2;min-width:0;height:var(--nav-height);-webkit-tap-highlight-color:transparent;border-radius:24px;justify-content:center;align-items:flex-start;padding-top:14px;text-decoration:none;display:flex;position:relative}.CityNavigation-module__0wBgvG__item[data-selected=true]:before{content:"";border-radius:inherit;position:absolute;inset:-20px 0 0}.CityNavigation-module__0wBgvG__icon{width:22px;height:22px;transition:transform .22s var(--nav-ease), opacity .14s ease, color .14s ease}.CityNavigation-module__0wBgvG__item[data-selected=true] .CityNavigation-module__0wBgvG__icon{opacity:0;transform:translateY(-12px)scale(.6)}.CityNavigation-module__0wBgvG__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.CityNavigation-module__0wBgvG__item:focus-visible{outline:3px solid var(--app-focus);outline-offset:3px}@media (hover:hover){.CityNavigation-module__0wBgvG__item:not([data-selected=true]):hover .CityNavigation-module__0wBgvG__icon{color:var(--app-primary-content);transform:translateY(-2px)scale(1.08)}}.CityNavigation-module__0wBgvG__indicator{pointer-events:none;z-index:1;top:calc(var(--nav-circle-center) - var(--nav-circle) / 2);width:calc(100% / var(--nav-count));transform:translateX(calc(var(--nav-index) * 100%));transition:transform var(--nav-duration) var(--nav-ease), opacity .15s ease;justify-content:center;display:flex;position:absolute;left:0}.CityNavigation-module__0wBgvG__indicator[data-visible=false]{opacity:0}.CityNavigation-module__0wBgvG__bubble{width:var(--nav-circle);height:var(--nav-circle);background:var(--app-primary);color:var(--app-primary-foreground);box-shadow:0 7px 13px -4px color-mix(in srgb, var(--app-primary) 48%, transparent), inset 0 1px 1px color-mix(in srgb, var(--app-primary-foreground) 15%, transparent);border-radius:50%;place-items:center;display:grid}.CityNavigation-module__0wBgvG__bubbleIcon{width:23px;height:23px;animation:CityNavigation-module__0wBgvG__iconArrival .3s var(--nav-ease) both}@keyframes CityNavigation-module__0wBgvG__iconArrival{0%,22%{opacity:0;transform:translateY(5px)scale(.45)}to{opacity:1;transform:translateY(0)scale(1)}}.CityNavigation-module__0wBgvG__homeIndicator{pointer-events:none;background:var(--app-navigation-foreground);opacity:.18;border-radius:3px;width:78px;height:3px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.CityNavigation-module__0wBgvG__mobile{z-index:50;bottom:calc(12px + env(safe-area-inset-bottom,0px));max-width:460px;margin:0 auto;position:fixed;left:12px;right:12px}.CityNavigation-module__0wBgvG__desktop{display:none}@media (max-width:360px){.CityNavigation-module__0wBgvG__navigation{--nav-padding:8px}}@media (min-width:768px){.CityNavigation-module__0wBgvG__mobile{display:none}.CityNavigation-module__0wBgvG__desktop{--nav-height:44px;--nav-circle:36px;--nav-circle-center:9px;width:calc(var(--nav-count) * 48px + 20px);display:block}.CityNavigation-module__0wBgvG__desktop .CityNavigation-module__0wBgvG__item{padding-top:12px}.CityNavigation-module__0wBgvG__desktop .CityNavigation-module__0wBgvG__icon,.CityNavigation-module__0wBgvG__desktop .CityNavigation-module__0wBgvG__bubbleIcon{width:20px;height:20px}.CityNavigation-module__0wBgvG__desktop .CityNavigation-module__0wBgvG__cutout{height:64px}}@media (min-width:1280px){.CityNavigation-module__0wBgvG__desktop{width:calc(var(--nav-count) * 60px + 20px)}}@media (prefers-reduced-motion:reduce){.CityNavigation-module__0wBgvG__cutoutRail,.CityNavigation-module__0wBgvG__indicator,.CityNavigation-module__0wBgvG__icon{transition:none}.CityNavigation-module__0wBgvG__bubbleIcon{animation:none}}