@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");.variable-proximity{font-family:Roboto Flex,sans-serif;font-size:26px;font-weight:700}.variable-proximity-logo{color:hsl(var(--primary));transition:all .3s ease-in-out}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.star-border-container{display:inline-block;position:relative;border-radius:9999px;overflow:hidden;padding:1px}.star-border-container:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:conic-gradient(from var(--angle),transparent 0,transparent 70%,white 95%,transparent 100%);transform-origin:center center;transform:translate(-50%,-50%);animation:rotate-electric-border 4s linear infinite;z-index:0}.inner-content{position:relative;background:hsl(var(--primary));border-radius:9999px;z-index:1;height:100%;width:100%}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-electric-border{0%{--angle:0deg}to{--angle:360deg}}.gooey-nav{position:relative;display:inline-flex;align-items:center;gap:1rem;padding:.5rem;border-radius:9999px;background-color:hsl(var(--muted)/.2);filter:url(#gooey)}.gooey-nav-link{position:relative;z-index:2;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:hsl(var(--muted-foreground));transition:color .3s ease;text-decoration:none;outline:none;cursor:none}.gooey-bubble{position:absolute;z-index:1;background-color:hsl(var(--primary));border-radius:9999px;opacity:0;transition:all .4s cubic-bezier(.25,1,.5,1);pointer-events:none}.gooey-nav:hover .gooey-nav-link{color:hsl(var(--foreground))}