@layer properties;.right-3{right:calc(var(--spacing, .25rem) * 3)}.bottom-3{bottom:calc(var(--spacing, .25rem) * 3)}.-z-10{z-index:-10}.mx-2{margin-inline:calc(var(--spacing, .25rem) * 2)}.my-16{margin-block:calc(var(--spacing, .25rem) * 16)}.mt-1{margin-top:var(--spacing, .25rem)}.mt-6{margin-top:calc(var(--spacing, .25rem) * 6)}.mr-2{margin-right:calc(var(--spacing, .25rem) * 2)}.mb-2{margin-bottom:calc(var(--spacing, .25rem) * 2)}.mb-16{margin-bottom:calc(var(--spacing, .25rem) * 16)}.mb-20{margin-bottom:calc(var(--spacing, .25rem) * 20)}.ml-2{margin-left:calc(var(--spacing, .25rem) * 2)}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.aspect-video{aspect-ratio:var(--aspect-video, 16 / 9)}.h-2{height:calc(var(--spacing, .25rem) * 2)}.h-3{height:calc(var(--spacing, .25rem) * 3)}.h-6{height:calc(var(--spacing, .25rem) * 6)}.max-h-\[400px\]{max-height:400px}.w-2{width:calc(var(--spacing, .25rem) * 2)}.w-3{width:calc(var(--spacing, .25rem) * 3)}.w-6{width:calc(var(--spacing, .25rem) * 6)}.w-8{width:calc(var(--spacing, .25rem) * 8)}.flex-shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.items-start{align-items:flex-start}.gap-12{gap:calc(var(--spacing, .25rem) * 12)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)))}.overflow-y-auto{overflow-y:auto}.border-dashed{--tw-border-style: dashed;border-style:dashed}.bg-black{background-color:var(--color-black, #000)}.bg-black\/70{background-color:color-mix(in srgb,#000 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black, #000) 70%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500, oklch(62.3% .214 259.815))}.bg-red-600{background-color:var(--color-red-600, oklch(57.7% .245 27.325))}.bg-slate-800{background-color:var(--color-slate-800, oklch(27.9% .041 260.031))}.bg-gradient-to-br{--tw-gradient-position: to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-primary{--tw-gradient-from: hsl(var(--primary));--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-50{--tw-gradient-from: var(--color-slate-50, oklch(98.4% .003 247.858));--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-800{--tw-gradient-from: var(--color-slate-800, oklch(27.9% .041 260.031));--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary\/60{--tw-gradient-to: hsl(var(--primary));--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.to-primary\/60{--tw-gradient-to: color-mix(in oklab, hsl(var(--primary)) 60%, transparent)}}.to-slate-100{--tw-gradient-to: var(--color-slate-100, oklch(96.8% .007 247.896));--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-900{--tw-gradient-to: var(--color-slate-900, oklch(20.8% .042 265.755));--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-yellow-500{fill:var(--color-yellow-500, oklch(79.5% .184 86.047))}.p-2{padding:calc(var(--spacing, .25rem) * 2)}.p-5{padding:calc(var(--spacing, .25rem) * 5)}.py-8{padding-block:calc(var(--spacing, .25rem) * 8)}.py-16{padding-block:calc(var(--spacing, .25rem) * 16)}.pr-2{padding-right:calc(var(--spacing, .25rem) * 2)}.font-mono{font-family:JetBrains Mono,monospace}.text-3xl{font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}.text-4xl{font-size:var(--text-4xl, 2.25rem);line-height:var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))}.font-normal{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400)}.whitespace-pre-wrap{white-space:pre-wrap}.text-primary\/60{color:hsl(var(--primary))}@supports (color: color-mix(in lab,red,red)){.text-primary\/60{color:color-mix(in oklab,hsl(var(--primary)) 60%,transparent)}}.text-white{color:var(--color-white, #fff)}.text-yellow-500{color:var(--color-yellow-500, oklch(79.5% .184 86.047))}.opacity-40{opacity:40%}.shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.drop-shadow-lg{--tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / .15)));--tw-drop-shadow: drop-shadow(var(--drop-shadow-lg, 0 4px 4px rgb(0 0 0 / .15)));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.duration-300{--tw-duration: .3s;transition-duration:.3s}@media(hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:bg-black\/20:is(:where(.group):hover *){background-color:color-mix(in srgb,#000 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.group-hover\:bg-black\/20:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-black, #000) 20%,transparent)}}.group-hover\:text-primary:is(:where(.group):hover *){color:hsl(var(--primary))}.hover\:border-primary\/30:hover{border-color:hsl(var(--primary))}@supports (color: color-mix(in lab,red,red)){.hover\:border-primary\/30:hover{border-color:color-mix(in oklab,hsl(var(--primary)) 30%,transparent)}}.hover\:border-primary\/50:hover{border-color:hsl(var(--primary))}@supports (color: color-mix(in lab,red,red)){.hover\:border-primary\/50:hover{border-color:color-mix(in oklab,hsl(var(--primary)) 50%,transparent)}}.hover\:bg-black\/90:hover{background-color:color-mix(in srgb,#000 90%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-black\/90:hover{background-color:color-mix(in oklab,var(--color-black, #000) 90%,transparent)}}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:py-24{padding-block:calc(var(--spacing, .25rem) * 24)}.md\:text-5xl{font-size:var(--text-5xl, 3rem);line-height:var(--tw-leading, var(--text-5xl--line-height, 1))}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.dark\:bg-white:is(.dark *){background-color:var(--color-white, #fff)}.dark\:from-slate-900:is(.dark *){--tw-gradient-from: var(--color-slate-900, oklch(20.8% .042 265.755));--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-slate-800:is(.dark *){--tw-gradient-to: var(--color-slate-800, oklch(27.9% .041 260.031));--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:text-black:is(.dark *){color:var(--color-black, #000)}@media(hover:hover){.dark\:hover\:bg-white\/90:is(.dark *):hover{background-color:color-mix(in srgb,#fff 90%,transparent)}@supports (color: color-mix(in lab,red,red)){.dark\:hover\:bg-white\/90:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-white, #fff) 90%,transparent)}}}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-gradient-position{syntax: "*"; inherits: false;}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false;}@property --tw-gradient-via-stops{syntax: "*"; inherits: false;}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse: 0;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-duration: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1}}}