.htNavHeader{box-sizing:border-box;justify-content:center;align-items:center;width:100%;transition:background .3s,color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex}.htNavHeader-inner{width:100%;padding:0 var(--mantine-spacing-md);box-sizing:border-box;color:inherit;align-items:center;margin:0 auto;display:flex}.htNavHeader-left{min-width:0;color:inherit;flex:1;align-items:center;display:flex}.htNavHeader-center{align-items:center;gap:var(--mantine-spacing-md);color:inherit;flex:none;display:flex}.htNavHeader-right{justify-content:flex-end;align-items:center;gap:var(--mantine-spacing-sm);min-width:0;color:inherit;flex:1;display:flex}.htNavHeader-overlay{z-index:200;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;justify-content:center;align-items:center;transition:transform .4s;display:flex;position:fixed;inset:0;transform:translateY(-100%)}.htNavHeader-overlay[data-opened=true]{transform:translateY(0)}.htNavHeader-overlay-close{top:var(--mantine-spacing-md);right:var(--mantine-spacing-md);cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute}.htNavHeader-overlay-items,.htNavHeader-overlay-items>*{align-items:center;gap:var(--mantine-spacing-lg);flex-direction:column;display:flex}.htNavHeader-overlay-items a,.htNavHeader-overlay-items span,.htNavHeader-overlay-items div{color:inherit}.htNavHeader-overlay-action{margin-top:calc(var(--mantine-spacing-md) * 3);justify-content:center;display:flex}
