.card{isolation:isolate}.media-object{--border-width:1px;--radius:24px;position:relative;border-radius:var(--radius);border:var(--border-width) solid transparent}.media-object:before{content:" ";position:absolute;inset:calc(var(--border-width) * -1);z-index:-1;border:inherit;border-radius:inherit;background-image:conic-gradient(from var(--angle),#381d6a 80%,#e0d1ff 88%,#e0d1ff 92%,#381d6a 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 3s linear infinite}@supports not (background:paint(something)){.media-object:before{background-image:conic-gradient(#381d6a 80%,#e0d1ff 88%,#e0d1ff 92%,#381d6a 100%)}}.media-object:hover:before{animation-play-state:paused}@property --angle{syntax:"<angle>";inherits:true;initial-value:0turn}@keyframes spin{to{--angle:1turn}}