.skill-card{position:relative;overflow:hidden}.skill-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 0% 0%,rgba(129,140,248,.16),transparent 55%),radial-gradient(circle at 100% 100%,rgba(56,189,248,.18),transparent 55%);opacity:0;transform:scale(1.08);transition:opacity .35s ease,transform .35s ease;z-index:0}.skill-card:hover:after{opacity:1;transform:scale(1.02)}.dark .skill-card:after{opacity:0}.js-spotlight-card,.js-project-card{position:relative;z-index:1;border:1px solid rgba(0,0,0,.1);background-color:#fff;transition:transform .3s ease,border-color .3s ease}.dark .js-spotlight-card,.dark .js-project-card{border:1px solid rgba(255,255,255,.1);background-color:#111827}.js-spotlight-card:before,.js-project-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;z-index:2;background:radial-gradient(140px circle at var(--mouse-x) var(--mouse-y),rgba(129,140,248,.45) 0%,rgba(129,140,248,.15) 45%,transparent 100%);-webkit-mask:linear-gradient(#ffffffcd 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .3s ease}.dark .js-spotlight-card:before,.dark .js-project-card:before{background:radial-gradient(120px circle at var(--mouse-x) var(--mouse-y),rgb(112,126,251) 0%,rgba(115,128,252,.5) 50%,transparent 100%)}.js-spotlight-card:hover:before,.js-project-card:hover:before{opacity:1}.project-carousel-border{border-radius:inherit;padding:1px;background:radial-gradient(140px circle at var(--mouse-x) var(--mouse-y),rgba(129,140,248,.55) 0%,rgba(129,140,248,.2) 48%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.dark .project-carousel-border{background:radial-gradient(120px circle at var(--mouse-x) var(--mouse-y),rgba(112,126,251,.9) 0%,rgba(115,128,252,.45) 50%,transparent 100%)}.group\/demo:hover .demo-eye-blink{animation:demo-eye-blink .65s ease-in-out 1 forwards;transform-origin:center}@keyframes demo-eye-blink{0%{transform:scale(1)}35%{transform:scale(1.05) scaleY(.1)}60%{transform:scale(1.05) scaleY(1)}to{transform:scale(1.05)}}
