@property --star-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.star-cell:before{content:"";border-radius:inherit;background:conic-gradient(from var(--star-angle), transparent 0%, #859ec6 8%, #c4d2ea 12%, transparent 20%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:1;padding:1.5px;transition:opacity .55s;animation:3s linear infinite star-border-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.star-cell:hover:before{opacity:1}@keyframes star-border-spin{to{--star-angle:360deg}}@media (prefers-reduced-motion:reduce){.star-cell:before{animation:none}}