._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}._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}._0wBgvG_surface[data-active=false]{background:var(--app-navigation)}._0wBgvG_surface[data-active=false] ._0wBgvG_surfaceTrack{opacity:0}._0wBgvG_surfaceTrack{inset:0 var(--nav-padding);position:absolute}._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}._0wBgvG_cutoutRail:before,._0wBgvG_cutoutRail:after{content:"";background:var(--app-navigation);width:100vw;height:100%;position:absolute;top:0}._0wBgvG_cutoutRail:before{right:calc(50% + var(--nav-cutout) / 2 - .5px)}._0wBgvG_cutoutRail:after{left:calc(50% + var(--nav-cutout) / 2 - .5px)}._0wBgvG_cutout{width:var(--nav-cutout);height:100%;fill:var(--app-navigation);position:absolute;left:50%;transform:translate(-50%)}._0wBgvG_track{grid-template-columns:repeat(var(--nav-count), minmax(0, 1fr));display:grid;position:relative}._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}._0wBgvG_item[data-selected=true]:before{content:"";border-radius:inherit;position:absolute;inset:-20px 0 0}._0wBgvG_icon{width:22px;height:22px;transition:transform .22s var(--nav-ease), opacity .14s ease, color .14s ease}._0wBgvG_item[data-selected=true] ._0wBgvG_icon{opacity:0;transform:translateY(-12px)scale(.6)}._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}._0wBgvG_mobile ._0wBgvG_label{clip:auto;width:auto;height:auto;margin:0;font-size:12px;font-weight:600;line-height:1;position:absolute;bottom:6px;overflow:visible}._0wBgvG_mobile ._0wBgvG_item[data-selected=true] ._0wBgvG_label{color:var(--app-navigation-foreground);font-weight:700}._0wBgvG_item:focus-visible{outline:3px solid var(--app-focus);outline-offset:3px}@media (hover:hover){._0wBgvG_item:not([data-selected=true]):hover ._0wBgvG_icon{color:var(--app-primary-content);transform:translateY(-2px)scale(1.08)}}._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}._0wBgvG_indicator[data-visible=false]{opacity:0}._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}._0wBgvG_bubbleIcon{width:23px;height:23px;animation:_0wBgvG_iconArrival .3s var(--nav-ease) both}@keyframes _0wBgvG_iconArrival{0%,22%{opacity:0;transform:translateY(5px)scale(.45)}to{opacity:1;transform:translateY(0)scale(1)}}._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%)}._0wBgvG_mobile ._0wBgvG_homeIndicator{display:none}._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}._0wBgvG_desktop{display:none}._0wBgvG_mobileDialog{width:min(100%,460px);max-height:85dvh;padding:0 0 max(1rem, env(safe-area-inset-bottom));background:var(--app-background);color:var(--app-foreground);border:0;border-radius:24px 24px 0 0;margin:0 auto;position:fixed;inset:auto 0 0;overflow-y:auto}._0wBgvG_mobileDialog::backdrop{background:#00000073}@media (max-width:360px){._0wBgvG_navigation{--nav-padding:8px}._0wBgvG_mobile ._0wBgvG_label{font-size:11px}}@media (min-width:768px){._0wBgvG_mobile{display:none}._0wBgvG_desktop{--nav-height:44px;--nav-circle:36px;--nav-circle-center:9px;width:calc(var(--nav-count) * 48px + 20px);display:block}._0wBgvG_desktop ._0wBgvG_item{padding-top:12px}._0wBgvG_desktop ._0wBgvG_icon,._0wBgvG_desktop ._0wBgvG_bubbleIcon{width:20px;height:20px}._0wBgvG_desktop ._0wBgvG_cutout{height:64px}}@media (min-width:1280px){._0wBgvG_desktop{width:calc(var(--nav-count) * 60px + 20px)}}@media (min-width:1024px){._0wBgvG_desktop{width:max-content}._0wBgvG_desktop ._0wBgvG_surface{background:var(--app-navigation)}._0wBgvG_desktop ._0wBgvG_surfaceTrack,._0wBgvG_desktop ._0wBgvG_indicator{display:none}._0wBgvG_desktop ._0wBgvG_track{align-items:center;gap:2px;display:flex}._0wBgvG_desktop ._0wBgvG_item{height:44px;transition:transform .18s var(--nav-ease), background-color .18s ease, color .18s ease;border-radius:999px;flex-direction:row;flex:none;align-items:center;gap:6px;padding:0 10px;display:inline-flex}._0wBgvG_desktop ._0wBgvG_item[data-selected=true]{background:color-mix(in srgb, var(--app-primary) 10%, transparent);color:var(--app-primary)}._0wBgvG_desktop ._0wBgvG_item[data-selected=true] ._0wBgvG_icon{opacity:1;transform:none}._0wBgvG_desktop ._0wBgvG_label{clip:auto;width:auto;height:auto;margin:0;font-size:12px;font-weight:600;line-height:1;position:static;overflow:visible}@media (hover:hover){._0wBgvG_desktop ._0wBgvG_item:not([data-selected=true]):hover{background:color-mix(in srgb, var(--app-primary) 7%, transparent);transform:translateY(-1px)}}}@media (prefers-reduced-motion:reduce){._0wBgvG_cutoutRail,._0wBgvG_indicator,._0wBgvG_icon{transition:none}._0wBgvG_desktop ._0wBgvG_item:not([data-selected=true]):hover{transform:none}._0wBgvG_bubbleIcon{animation:none}}