@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotate{to{--angle: 360deg}}.shining-border{position:relative;border:2px solid transparent;background:transparent;background-clip:padding-box;border-radius:1rem}.shining-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:conic-gradient(from var(--angle),rgba(255,255,255,.5),rgba(255,255,255,.1),rgba(255,255,255,.5));animation:rotate 4s linear infinite}.active-nav-link{position:relative;color:var(--primary)}.active-nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--primary);animation:slide-in .3s ease-out forwards}@keyframes slide-in{0%{width:0}to{width:100%}}