.floating-nav{z-index:100;justify-content:center;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.floating-nav-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:3rem;gap:.5rem;padding:.75rem;display:flex;box-shadow:0 4px 12px #00000026}.floating-nav-item{color:#ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s;display:flex;position:relative}.floating-nav-item:hover{color:#fff;background:#ffffff1a}.floating-nav-item.active{color:#fff;background:#3b82f6cc}.floating-nav-icon{justify-content:center;align-items:center;display:flex}.floating-nav-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#000c;border-radius:.5rem;padding:.25rem .75rem;font-size:.75rem;transition:all .2s;position:absolute;top:-2.5rem;left:50%;transform:translate(-50%)scale(.8)}.floating-nav-item:hover .floating-nav-tooltip{opacity:1;transform:translate(-50%)scale(1)}.scroll-top{background:#ffffff1a}@media (min-width:1024px){.floating-nav{bottom:3rem}.floating-nav-container{padding:.75rem 1rem}}@media (max-width:640px){.floating-nav{bottom:1.5rem}.floating-nav-container{padding:.5rem .75rem}.floating-nav-item{width:2.25rem;height:2.25rem}}