.spinny-border{--border-width:2px;--radius:99px;position:relative;border-radius:var(--radius);border:var(--border-width) solid transparent}.spinny-border:before{content:" ";opacity:.7;position:absolute;inset:calc(var(--border-width) * -2);z-index:-1;border:inherit;border-radius:inherit;background-image:conic-gradient(from var(--angle),#381d6a55 80%,#e0d1ff 94%,#e0d1ff 98%,#381d6a55 100%);background-origin:border-box;-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 15s cubic-bezier(.28,.81,.74,.27) infinite}@property --angle{syntax:"<angle>";inherits:true;initial-value:0turn}@keyframes spin{0%{--angle:0turn}50%{--angle:0.5turn}to{--angle:1turn}}