@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.card-case-study{--clr-card-case-study:#000;--clr-1:#be85ff;--clr-2:#30f8f8;--clr-3:#be85ff;height:20rem;isolation:isolate;position:relative;width:100%}@media (min-width:768px){.card-case-study{height:28rem}}.card-case-study:after,.card-case-study:before{animation:rotate var(--spin-speed,4.5s) linear infinite;background:conic-gradient(from var(--gradient-angle),var(--clr-card-case-study),var(--clr-1),var(--clr-2),var(--clr-3),var(--clr-2),var(--clr-1),var(--clr-card-case-study));border-radius:inherit;content:"";top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;position:absolute;will-change:transform;z-index:-1}.card-case-study:after{background:conic-gradient(from calc(var(--gradient-angle) + 45deg),var(--clr-card-case-study),var(--clr-1),var(--clr-2),var(--clr-3),var(--clr-2),var(--clr-1),var(--clr-card-case-study));filter:blur(3rem)}.is-paused .card-case-study:after,.is-paused .card-case-study:before{animation-play-state:paused!important}@keyframes rotate{to{--gradient-angle:1turn}}@media (prefers-reduced-motion:reduce){.card-case-study:after,.card-case-study:before{animation:none}}