@keyframes MotionBorder{50%{width:0;left:0;right:100%}25%,75%{width:250px}0%,to{width:0;left:100%;right:0}}@keyframes InverseMotionBorder{50%{width:0;left:100%;right:0}25%,75%{width:250px}0%,to{width:0;left:0;right:100%}}.border-motion,.border-motion-focus{position:relative;overflow:hidden}.border-motion:before{content:"";background:linear-gradient(90deg,#2b7fff 0%,#ad46ff 50%);width:50px;height:2px;animation:27s cubic-bezier(.77,.21,.73,.95) infinite InverseMotionBorder;display:inline-block;position:absolute;top:-1px;box-shadow:25px 0 53px 8px #ad46ff,-25px 0 53px 8px #2b7fff}.border-motion:after{content:"";background:linear-gradient(90deg,#2b7fff 0%,#ad46ff 50%);width:50px;height:2px;animation:27s cubic-bezier(.77,.21,.73,.95) infinite MotionBorder;display:inline-block;position:absolute;bottom:-1px;box-shadow:25px 0 53px 8px #ad46ff,-25px 0 53px 8px #2b7fff}.border-motion-focus:before{content:"";background:radial-gradient(circle,#2b7fff 0%,#ad46ff 50%,transparent 100%);width:0;height:2px;transition:width .4s ease-out;display:inline-block;position:absolute;bottom:-1px;left:50%;transform:translate(-50%);box-shadow:0 0 50px #ad46ff,0 0 50px #2b7fff}.border-motion-focus:focus-within:before{transition:width .6s ease-in;width:100%!important}