.floating-nav{display:flex;max-width:max-content;position:fixed;top:1.5rem;left:50%;transform:translateX(-50%);border:1px solid rgba(255,255,255,.15);border-radius:9999px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 16px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.05);z-index:5000;padding:.75rem 2rem;align-items:center;justify-content:center;gap:2rem}.dark .floating-nav,.floating-nav{background-color:rgba(10,10,10,.9)}.dark .floating-nav{border-color:rgba(255,255,255,.15)}.floating-nav-link{position:relative;display:flex;align-items:center;gap:.25rem;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease}.dark .floating-nav-link,.floating-nav-link{color:rgba(255,255,255,.7)}.dark .floating-nav-link:hover,.floating-nav-link:hover{color:#ffffff}.floating-nav-link .icon{display:none}.floating-nav-link .text{display:block;font-size:.75rem;color:inherit}@media (min-width:640px){.floating-nav-link .text{font-size:.875rem}}@media (max-width:639px){.floating-nav{padding:.5rem 1rem;gap:1rem}}.floating-nav-button{border:1px solid rgba(255,255,255,.2);font-size:.875rem;font-weight:500;position:relative;color:white;padding:.5rem 1rem;border-radius:9999px;background-color:transparent;cursor:pointer;transition:all .2s}.dark .floating-nav-button{border-color:rgba(255,255,255,.2);color:white}.dark .floating-nav-button:hover,.floating-nav-button:hover{background-color:rgba(255,255,255,.1)}.floating-nav-button-gradient{position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:50%;height:1px;background:linear-gradient(90deg,transparent,rgb(59,130,246),transparent)}