*,:before,:after{box-sizing:border-box}@keyframes rotate{to{transform:rotate(1turn)}}.animated-border-wrapper{z-index:0;border-radius:1rem;width:85px;height:60px;margin-bottom:-10px;padding-bottom:0;display:inline-block;position:relative;overflow:hidden}.animated-border-wrapper:before{content:"";z-index:-2;background:conic-gradient(#ef4444 0deg 30deg,#0000 30deg 60deg,#ef4444 60deg 90deg,#0000 90deg 120deg,#ef4444 120deg 150deg,#0000 150deg 180deg,#ef4444 180deg 210deg,#0000 210deg 240deg,#ef4444 240deg 270deg,#0000 270deg 300deg,#ef4444 300deg 330deg,#0000 330deg 360deg);width:200%;height:200%;animation:6s linear infinite rotate;position:absolute;top:-50%;left:-50%}.animated-border-wrapper:after{content:"";z-index:-1;background:#fff;border-radius:calc(1rem - 4px);width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px}.animated-border-input{z-index:1;background:0 0;border:none;border-radius:calc(1rem - 4px);outline:none;width:100%;height:100%;position:relative}.animated-border-input:focus{outline:none}