.neon-card{--border: 1px;--border-color: hsl(var(--hue2, 45) 14% 20%);--radius: 24px;--ease: cubic-bezier(.5, 1, .89, 1);position:relative;isolation:isolate;border-radius:var(--radius);border:var(--border) solid var(--border-color);background:linear-gradient(235deg,hsl(var(--hue1, 28) 60% 12% / .8),hsl(var(--hue1, 28) 50% 10% / 0) 33%),linear-gradient(45deg,hsl(var(--hue2, 45) 60% 12% / .8),hsl(var(--hue2, 45) 50% 10% / 0) 33%),linear-gradient(#0a0c10eb);backdrop-filter:blur(12px);box-shadow:hsl(var(--hue2, 45) 50% 2%) 0 10px 16px -8px,hsl(var(--hue2, 45) 50% 4%) 0 20px 36px -14px}@media (min-width: 1200px){.neon-card.neon-feature{transform:scale(1.1);transform-origin:center;z-index:10}}.neon-card .shine,.neon-card .glow{animation:neon-glow 1s var(--ease) both}.neon-card .shine{animation-delay:0s;animation-duration:2s}.neon-card .glow{animation-delay:.2s}.neon-card .glow-bright{animation-delay:.1s;animation-duration:1.5s}.neon-card .shine-bottom{animation-delay:.1s;animation-duration:1.8s}.neon-card .glow-bottom{animation-delay:.3s}.neon-card .glow-bright.glow-bottom{animation-delay:.3s;animation-duration:1.1s}.neon-card .shine,.neon-card .glow{--hue: var(--hue1, 28)}.neon-card .shine-bottom,.neon-card .glow-bottom{--hue: var(--hue2, 45);--conic: 135deg}.neon-card .shine,.neon-card .shine:before,.neon-card .shine:after{pointer-events:none;border-radius:0;border-top-right-radius:inherit;border-bottom-left-radius:inherit;border:1px solid transparent;width:75%;height:auto;min-height:0px;aspect-ratio:1;display:block;position:absolute;right:calc(var(--border) * -1);top:calc(var(--border) * -1);left:auto;z-index:1;--start: 12%;background:conic-gradient(from var(--conic, -45deg) at center in oklch,transparent var(--start, 0%),hsl(var(--hue),var(--sat, 80%),var(--lit, 60%)),transparent var(--end, 50%)) border-box;mask:linear-gradient(transparent),linear-gradient(black);mask-repeat:no-repeat;mask-clip:padding-box,border-box;mask-composite:subtract}.neon-card .shine:before,.neon-card .shine:after{content:"";width:auto;inset:-2px;mask:none}.neon-card .shine:after{z-index:2;--start: 17%;--end: 33%;background:conic-gradient(from var(--conic, -45deg) at center in oklch,transparent var(--start, 0%),hsl(var(--hue),var(--sat, 80%),var(--lit, 85%)),transparent var(--end, 50%))}.neon-card .shine-bottom{top:auto;bottom:calc(var(--border) * -1);left:calc(var(--border) * -1);right:auto}.neon-card .glow{pointer-events:none;border-top-right-radius:calc(var(--radius) * 2.5);border-bottom-left-radius:calc(var(--radius) * 2.5);border:calc(var(--radius) * 1.25) solid transparent;inset:calc(var(--radius) * -2);width:75%;height:auto;min-height:0px;aspect-ratio:1;display:block;position:absolute;left:auto;bottom:auto;mask:url(https://assets.codepen.io/13471/noise-base.png);mask-mode:luminance;mask-size:29%;opacity:1;filter:blur(12px) saturate(1.25) brightness(.5);mix-blend-mode:plus-lighter;z-index:3}.neon-card .glow.glow-bottom{inset:calc(var(--radius) * -2);top:auto;right:auto}.neon-card .glow:before,.neon-card .glow:after{content:"";position:absolute;inset:0;border:inherit;border-radius:inherit;background:conic-gradient(from var(--conic, -45deg) at center in oklch,transparent var(--start, 0%),hsl(var(--hue),var(--sat, 95%),var(--lit, 60%)),transparent var(--end, 50%)) border-box;mask:linear-gradient(transparent),linear-gradient(black);mask-repeat:no-repeat;mask-clip:padding-box,border-box;mask-composite:subtract;filter:saturate(2) brightness(1)}.neon-card .glow:after{--lit: 70%;--sat: 100%;--start: 15%;--end: 35%;border-width:calc(var(--radius) * 1.75);border-radius:calc(var(--radius) * 2.75);inset:calc(var(--radius) * -.25);z-index:4;opacity:.75}.neon-card .glow-bright{--lit: 80%;--sat: 100%;--start: 13%;--end: 37%;border-width:5px;border-radius:calc(var(--radius) + 2px);inset:-7px -7px -7px auto;filter:blur(2px) brightness(.66)}.neon-card .glow-bright:after{content:none}.neon-card .glow-bright.glow-bottom{inset:auto auto -7px -7px}@keyframes neon-glow{0%{opacity:0}3%{opacity:1}10%{opacity:0}12%{opacity:.7}16%{opacity:.3;animation-timing-function:var(--ease)}to{opacity:1;animation-timing-function:var(--ease)}}@media (prefers-reduced-motion: reduce){.neon-card .shine,.neon-card .glow{animation:none;opacity:1}}.slide-label{display:inline-flex;align-items:center;gap:.3em}.slide-clip{display:inline-block;height:1.25rem;overflow:hidden}.slide-clip-icon{margin-inline-start:.2em}.slide-track{display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.65,0,.35,1);will-change:transform}.slide-line{display:flex;align-items:center;height:1.25rem;line-height:1.25rem;white-space:nowrap}.slide-line svg{width:1rem;height:1rem}.group:focus-within .slide-track{transform:translateY(-50%)}@media (hover: hover){.group:hover .slide-track{transform:translateY(-50%)}}@media (prefers-reduced-motion: reduce){.slide-track{transition:none}.group:hover .slide-track,.group:focus-within .slide-track{transform:none}}