@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.animated-border{--border-color:80,175,149;--animation-duration:5s;overflow:hidden;border-radius:20px}.animated-border,.animated-border-inner{position:relative;display:flex;align-items:center;justify-content:center}.animated-border-inner{z-index:1;width:100%;height:100%;margin:2px;padding:16px;border-radius:16px;flex-direction:column}.animated-border:before{content:"";display:block;background:linear-gradient(90deg,rgba(var(--border-color),0) 0,rgba(var(--border-color),.75) 50%,rgba(var(--border-color),0) 100%);height:300px;width:100px;transform:translate(0);position:absolute;animation:rotate var(--animation-duration) linear infinite;z-index:0;top:50%;transform-origin:top center}