.border-animation{position:relative;overflow:hidden}.border-animation:after{content:"";z-index:-2;background:var(--color-gray-900);width:calc(100% - 2px);height:calc(100% - 1px);position:absolute;top:.5px;left:1px}.border-animation:before{z-index:-2;content:"";aspect-ratio:1;transform-origin:50%;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;width:200%;height:auto;margin:0;animation:10s linear infinite rotate;position:absolute}.border-animation-big{position:relative;overflow:hidden}.border-animation-big:after{content:"";z-index:-1;background:var(--color-gray-900);width:calc(100% - 2px);height:calc(100% - .5px);position:absolute;top:0;left:1px}.border-animation-big:before{z-index:-1;content:"";aspect-ratio:1;transform-origin:50%;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;width:200%;height:auto;margin:0;animation:24s linear infinite spin,16s linear infinite alternate moveX;position:absolute}.mid-border{position:relative}.mid-border:before{content:"";z-index:1;background-color:var(--color-gray-700);width:calc(100% - 2px);height:1px;position:absolute;bottom:0;left:1px}@keyframes rotate{0%{left:calc(-20% - 1rem);transform:rotate(0)}25%{left:calc(-20% - 1rem);transform:rotate(180deg)}50%{left:calc(1rem - 80%);transform:rotate(180deg)}75%{left:calc(1rem - 80%);transform:rotate(1turn)}to{left:calc(-20% - 1rem);transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes moveX{0%{left:calc(-30% - 1rem)}to{left:calc(1rem - 70%)}}