@property --rotate{syntax: "<angle>"; initial-value: 145deg; inherits: false;}.category-card:where(.astro-WSZSRSR4){--rotate: 145deg}@-webkit-keyframes spin{0%{--rotate: 0deg}to{--rotate: 360deg}}@keyframes spin{0%{--rotate: 0deg}to{--rotate: 360deg}}.category-card:where(.astro-WSZSRSR4){--card-height: 200px;width:var(--card-height);aspect-ratio:1.618 / 1}.category-card:where(.astro-WSZSRSR4):before{z-index:-1;position:absolute;background-image:linear-gradient(var(--rotate),#3440e4,#6b7beb,#8ab6f0,#9df2f3);-webkit-animation:spin 2.5s linear infinite;animation:spin 2.5s linear infinite;transform:scale(1);opacity:0;transition:opacity .25s,transform .25s;content:"";border-radius:8px;width:100%;height:100%;top:0;left:0}.category-card:where(.astro-WSZSRSR4):hover{text-decoration:none;box-shadow:none}.category-card:where(.astro-WSZSRSR4):hover:before,.category-card:where(.astro-WSZSRSR4):hover:after{transform:scale(1.04);opacity:1}.title:where(.astro-WSZSRSR4){background:linear-gradient(var(--rotate),#3440e4,#6b7beb,#8ab6f0,#9df2f3);-webkit-animation:spin 2.5s linear infinite;animation:spin 2.5s linear infinite;-webkit-background-clip:text;background-clip:text;transition:all .25s}.category-card:where(.astro-WSZSRSR4):hover .title:where(.astro-WSZSRSR4){color:transparent;transform:scale(1.1)}