@property --hr-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes hr-border-spin{to{--hr-border-angle:360deg}}@keyframes hr-card-enter{0%{opacity:0;filter:blur(6px);transform:translate(-32px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes hr-heading-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hr-neon-card{background:#ffffff08;border-radius:1rem;transition:transform .3s;position:relative}.hr-neon-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--hr-border-angle), transparent 0deg, transparent 240deg, #00aeef66 270deg, #22d3ee 315deg, #00aeef66 345deg, transparent 360deg);-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:3s linear infinite hr-border-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.hr-neon-card:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #00aeef1f;position:absolute;inset:0}.hr-card-enter{animation:.55s ease-out both hr-card-enter}.hr-heading-enter{animation:.6s ease-out both hr-heading-enter}.hr-neon-bar{background:linear-gradient(#0000 0%,#00aeefe6 30%,#22d3ee 50%,#00aeefe6 70%,#0000 100%);border-radius:0 2px 2px 0;width:3px;position:absolute;top:5%;bottom:5%;left:0}.hr-neon-card:hover{transform:translate(6px)}