.card-nav-container{z-index:99;box-sizing:border-box;pointer-events:none;justify-content:flex-start;width:calc(100% - 3rem);max-width:800px;display:flex;position:fixed;top:1.5rem;left:1.5rem}.card-nav{will-change:height,width,border-radius;-webkit-backdrop-filter:blur(12px);pointer-events:auto;border:.5px solid #00000014;border-radius:30px;width:60px;height:60px;margin:0;padding:0;transition:background-color .3s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000014}.card-nav-top{z-index:2;justify-content:flex-start;align-items:center;height:60px;display:flex;position:absolute;top:0;left:0;right:0}.hamburger-menu{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:60px;height:100%;display:flex}.hamburger-menu:hover .hamburger-line{opacity:.75}.hamburger-line{transform-origin:50%;background-color:currentColor;border-radius:2px;width:22px;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.hamburger-menu.open .hamburger-line:first-child{transform:translateY(8px)rotate(45deg)}.hamburger-menu.open .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.open .hamburger-line:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.card-nav-content{visibility:hidden;pointer-events:none;z-index:1;align-items:flex-end;gap:12px;padding:.5rem;display:flex;position:absolute;inset:60px 0 0}.card-nav.open{box-shadow:0 8px 32px #0000001f;background-color:#fff!important}.card-nav.open .card-nav-content{visibility:visible;pointer-events:auto}.nav-card{-webkit-user-select:none;user-select:none;border-radius:1rem;flex-direction:column;flex:1 1 0;gap:8px;min-width:0;height:100%;padding:12px 16px;display:flex;position:relative}.nav-card-label{letter-spacing:-.5px;font-size:20px;font-weight:400}.nav-card-links{flex-direction:column;gap:2px;margin-top:auto;display:flex}.nav-card-link{cursor:pointer;color:inherit;align-items:center;gap:6px;font-size:15px;text-decoration:none;transition:opacity .3s;display:inline-flex}.nav-card-link:hover{opacity:.75}.nav-card-link-icon{width:14px;height:14px}@media (max-width:768px){.card-nav-container{width:calc(100% - 2rem);top:1rem;left:1rem}.card-nav-content{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:.5rem;bottom:0}.nav-card{flex:auto;height:auto;min-height:60px;max-height:none}.nav-card-label{font-size:18px}.nav-card-link{font-size:14px}}