.ResponsiveNav{z-index:10;display:flex;align-items:center;gap:.75rem;background-color:rgb(var(--c-surface)/.8);border-color:rgb(var(--c-border-default)/.7);backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5)}@supports not (backdrop-filter:blur(1px)){.ResponsiveNav{background-color:rgb(var(--c-surface))}}.ResponsiveNav{border-bottom-width:1px;height:var(--header-offset,4.25rem);padding-top:var(--safe-top,env(safe-area-inset-top,0));padding-left:calc(var(--container-px, 1rem) + var(--safe-left, env(safe-area-inset-left, 0px)));padding-right:calc(var(--container-px, 1rem) + var(--safe-right, env(safe-area-inset-right, 0px)))}@media (min-width:48rem){.ResponsiveNav{gap:1.5rem}}.ResponsiveNav-fixed{position:fixed;left:0;right:0;top:0}.ResponsiveNav-sticky{position:sticky;top:0}.ResponsiveNav-brand{display:flex;flex:none;align-items:center}:where(.ResponsiveNav-nav){display:flex}.ResponsiveNav-nav{min-width:0;flex:1 1 auto;align-items:center;justify-content:center}.ResponsiveNav-actions{margin-left:auto;display:flex;flex:none;align-items:center;gap:.5rem}@media (min-width:48rem){.ResponsiveNav-actions{gap:1.25rem}}:where(.ResponsiveNav-burger){display:flex}.ResponsiveNav-burger{flex:none;align-items:center;justify-content:center;border-radius:.875rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--c-border-default)/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--c-surface)/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--c-fg)/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;width:var(--tap-min,2.75rem);height:var(--tap-min,2.75rem)}.ResponsiveNav-burger:hover{--tw-bg-opacity:1;background-color:rgb(var(--c-accent-50)/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--c-accent-strong)/var(--tw-text-opacity))}.ResponsiveNav-panel-content{display:flex;flex-direction:column;gap:.75rem}.ResponsiveNav-bottom{position:fixed;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:stretch;justify-content:space-around;background-color:rgb(var(--c-surface)/.8);border-color:rgb(var(--c-border-default)/.7);backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5)}@supports not (backdrop-filter:blur(1px)){.ResponsiveNav-bottom{background-color:rgb(var(--c-surface))}}.ResponsiveNav-bottom{border-top-width:1px;height:calc(var(--bottom-nav-h) + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));padding-bottom:var(--safe-bottom,env(safe-area-inset-bottom,0));padding-left:var(--safe-left,env(safe-area-inset-left,0));padding-right:var(--safe-right,env(safe-area-inset-right,0))}.ResponsiveNav-tab{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;--tw-text-opacity:1;color:rgb(var(--c-fg-muted)/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;min-width:var(--tap-min,2.75rem)}.ResponsiveNav-tab.active,.ResponsiveNav-tab[aria-current=page]{--tw-text-opacity:1;color:rgb(var(--c-accent-fg)/var(--tw-text-opacity))}@media (min-width:40rem){.ResponsiveNav-bottom--below-sm{display:none}}@media not all and (min-width:40rem){:root:has(.ResponsiveNav-bottom--below-sm){--bottom-nav-offset:calc(var(--bottom-nav-h) + var(--safe-bottom))}}@media (min-width:48rem){.ResponsiveNav-bottom--below-md{display:none}}@media not all and (min-width:48rem){:root:has(.ResponsiveNav-bottom--below-md){--bottom-nav-offset:calc(var(--bottom-nav-h) + var(--safe-bottom))}}@media (min-width:64rem){.ResponsiveNav-bottom--below-lg{display:none}}@media not all and (min-width:64rem){:root:has(.ResponsiveNav-bottom--below-lg){--bottom-nav-offset:calc(var(--bottom-nav-h) + var(--safe-bottom))}}@media (min-width:80rem){.ResponsiveNav-bottom--below-xl{display:none}}@media not all and (min-width:80rem){:root:has(.ResponsiveNav-bottom--below-xl){--bottom-nav-offset:calc(var(--bottom-nav-h) + var(--safe-bottom))}}@media (min-width:90rem){.ResponsiveNav-bottom--below-2xl{display:none}}@media not all and (min-width:90rem){:root:has(.ResponsiveNav-bottom--below-2xl){--bottom-nav-offset:calc(var(--bottom-nav-h) + var(--safe-bottom))}}