/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;@layer utilities{.\@container\/home-demo{container:home-demo/inline-size}.\@container\/request-panel{container:request-panel/inline-size}.\@container\/settings{container:settings/inline-size}.pointer-events-auto{pointer-events:auto}.collapse{visibility:collapse}.sticky{position:sticky}.top-16{top:calc(var(--spacing,.25rem) * 16)}.top-full{top:100%}.bottom-12{bottom:calc(var(--spacing,.25rem) * 12)}.left-full{left:100%}.z-40{z-index:40}.z-\[70\]{z-index:70}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.row-start-4{grid-row-start:4}.row-start-5{grid-row-start:5}.row-start-6{grid-row-start:6}.-mx-4{margin-inline:calc(var(--spacing,.25rem) * -4)}.mx-3{margin-inline:calc(var(--spacing,.25rem) * 3)}.ms-2{margin-inline-start:calc(var(--spacing,.25rem) * 2)}.ms-auto{margin-inline-start:auto}.me-2{margin-inline-end:calc(var(--spacing,.25rem) * 2)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.size-3\.5{width:calc(var(--spacing,.25rem) * 3.5);height:calc(var(--spacing,.25rem) * 3.5)}.h-56{height:calc(var(--spacing,.25rem) * 56)}.max-h-full{max-height:100%}.min-h-10{min-height:calc(var(--spacing,.25rem) * 10)}.min-h-13{min-height:calc(var(--spacing,.25rem) * 13)}.min-h-14{min-height:calc(var(--spacing,.25rem) * 14)}.min-h-56{min-height:calc(var(--spacing,.25rem) * 56)}.min-h-64{min-height:calc(var(--spacing,.25rem) * 64)}.min-h-120{min-height:calc(var(--spacing,.25rem) * 120)}.w-12{width:calc(var(--spacing,.25rem) * 12)}.w-64{width:calc(var(--spacing,.25rem) * 64)}.rotate-180{rotate:180deg}.resize{resize:both}.auto-cols-\[9rem\]{grid-auto-columns:9rem}.grid-flow-col{grid-auto-flow:column}.grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.gap-0{gap:calc(var(--spacing,.25rem) * 0)}.space-y-4{:where(&>: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)))}}.gap-y-1{row-gap:calc(var(--spacing,.25rem) * 1)}.justify-self-end{justify-self:flex-end}.overflow-y-hidden{overflow-y:hidden}.border-red-300{border-color:var(--color-red-300,oklch(80.8% .114 19.571))}.border-red-500{border-color:var(--color-red-500,oklch(63.7% .237 25.331))}.border-white\/80{border-color:#fffc;@supports (color:color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-white,#fff) 80%, transparent)}}.border-t-transparent{border-top-color:#0000}.bg-\[\#11151b\]{background-color:#11151b}.bg-\[\#20252e\]{background-color:#20252e}.bg-\[\#e9ece8\]{background-color:#e9ece8}.bg-emerald-500{background-color:var(--color-emerald-500,oklch(69.6% .17 162.48))}.bg-gray-200\/80{background-color:#e5e7ebcc;@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-gray-200,oklch(92.8% .006 264.531)) 80%, transparent)}}.bg-gray-950\/55{background-color:#0307128c;@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-gray-950,oklch(13% .028 261.692)) 55%, transparent)}}.bg-red-600{background-color:var(--color-red-600,oklch(57.7% .245 27.325))}.bg-slate-700{background-color:var(--color-slate-700,oklch(37.2% .044 257.287))}.bg-transparent{background-color:#0000}.bg-white\/25{background-color:#ffffff40;@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white,#fff) 25%, transparent)}}.bg-white\/65{background-color:#ffffffa6;@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white,#fff) 65%, transparent)}}.bg-white\/70{background-color:#ffffffb3;@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white,#fff) 70%, transparent)}}.object-top{object-position:top}.p-1{padding:calc(var(--spacing,.25rem) * 1)}.pt-1{padding-top:calc(var(--spacing,.25rem) * 1)}.pt-8{padding-top:calc(var(--spacing,.25rem) * 8)}.text-green-200{color:var(--color-green-200,oklch(92.5% .084 155.995))}.text-green-600{color:var(--color-green-600,#009454)}.text-green-900{color:var(--color-green-900,#003000)}.text-green-950{color:var(--color-green-950,oklch(26.6% .065 152.934))}.text-red-600{color:var(--color-red-600,oklch(57.7% .245 27.325))}.decoration-green-400\/40{text-decoration-color:#05df7266;@supports (color:color-mix(in lab, red, red)){text-decoration-color:color-mix(in oklab, var(--color-green-400,oklch(79.2% .209 151.711)) 40%, transparent)}}.shadow-\[0_0_0_4px_rgba\(34\,197\,94\,\.12\)\]{--tw-shadow:0 0 0 4px var(--tw-shadow-color,#22c55e1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_4px_rgba\(239\,68\,68\,\.12\)\]{--tw-shadow:0 0 0 4px var(--tw-shadow-color,#ef44441f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_30px_rgba\(15\,23\,42\,\.12\)\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#0f172a1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_16px_45px_rgba\(15\,23\,42\,\.18\)\]{--tw-shadow:0 16px 45px var(--tw-shadow-color,#0f172a2e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-black\/40{--tw-shadow-color:#0006;@supports (color:color-mix(in lab, red, red)){--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black,#000) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-green-100{--tw-ring-color:var(--color-green-100,oklch(96.2% .044 156.743))}.ring-green-400\/40{--tw-ring-color:#05df7266;@supports (color:color-mix(in lab, red, red)){--tw-ring-color:color-mix(in oklab, var(--color-green-400,oklch(79.2% .209 151.711)) 40%, transparent)}}.backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.group-hover\:border-green-500{&:is(:where(.group):hover *){@media (hover:hover){border-color:var(--color-green-500,#02b875)}}}.group-hover\:text-green-700{&:is(:where(.group):hover *){@media (hover:hover){color:var(--color-green-700,#007035)}}}.group-hover\:opacity-95{&:is(:where(.group):hover *){@media (hover:hover){opacity:.95}}}.last\:border-b-0{&:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}.hover\:border-green-400{&:hover{@media (hover:hover){border-color:var(--color-green-400,oklch(79.2% .209 151.711))}}}.hover\:border-green-500{&:hover{@media (hover:hover){border-color:var(--color-green-500,#02b875)}}}.hover\:border-white\/20{&:hover{@media (hover:hover){border-color:#fff3;@supports (color:color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-white,#fff) 20%, transparent)}}}}.hover\:border-white\/25{&:hover{@media (hover:hover){border-color:#ffffff40;@supports (color:color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-white,#fff) 25%, transparent)}}}}.hover\:bg-red-100{&:hover{@media (hover:hover){background-color:var(--color-red-100,oklch(93.6% .032 17.717))}}}.hover\:bg-red-700{&:hover{@media (hover:hover){background-color:var(--color-red-700,oklch(50.5% .213 27.518))}}}.hover\:bg-slate-600{&:hover{@media (hover:hover){background-color:var(--color-slate-600,oklch(44.6% .043 257.281))}}}.hover\:text-green-300{&:hover{@media (hover:hover){color:var(--color-green-300,oklch(87.1% .15 154.449))}}}.hover\:text-green-950{&:hover{@media (hover:hover){color:var(--color-green-950,oklch(26.6% .065 152.934))}}}.hover\:text-red-800{&:hover{@media (hover:hover){color:var(--color-red-800,oklch(44.4% .177 26.899))}}}.hover\:shadow-sm{&:hover{@media (hover:hover){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}}.focus\:ring-1{&:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:ring-green-400{&:focus{--tw-ring-color:var(--color-green-400,oklch(79.2% .209 151.711))}}.focus\:ring-green-400\/70{&:focus{--tw-ring-color:#05df72b3;@supports (color:color-mix(in lab, red, red)){--tw-ring-color:color-mix(in oklab, var(--color-green-400,oklch(79.2% .209 151.711)) 70%, transparent)}}}.focus\:ring-green-500{&:focus{--tw-ring-color:var(--color-green-500,#02b875)}}.focus\:ring-offset-1{&:focus{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus\:ring-offset-gray-900{&:focus{--tw-ring-offset-color:var(--color-gray-900,oklch(21% .034 264.665))}}.focus\:ring-inset{&:focus{--tw-ring-inset:inset}}.aria-invalid\:border-red-400{&[aria-invalid=true]{border-color:var(--color-red-400,oklch(70.4% .191 22.216))}}.\@max-5xl\/home-demo\:grid{@container home-demo (width<64rem){display:grid}}.\@max-5xl\/home-demo\:grid-cols-\[minmax\(8rem\,0\.38fr\)_minmax\(0\,1fr\)\]{@container home-demo (width<64rem){grid-template-columns:minmax(8rem,.38fr) minmax(0,1fr)}}.\@max-5xl\/home-demo\:items-center{@container home-demo (width<64rem){align-items:center}}.\@max-5xl\/home-demo\:gap-x-4{@container home-demo (width<64rem){column-gap:calc(var(--spacing,.25rem) * 4)}}.\@max-md\/request-panel\:top-full{@container request-panel (width<28rem){top:100%}}.\@max-md\/request-panel\:left-4{@container request-panel (width<28rem){left:calc(var(--spacing,.25rem) * 4)}}.\@max-md\/request-panel\:ms-0{@container request-panel (width<28rem){margin-inline-start:calc(var(--spacing,.25rem) * 0)}}.\@max-md\/request-panel\:mt-1{@container request-panel (width<28rem){margin-top:calc(var(--spacing,.25rem) * 1)}}.\@md\/request-panel\:right-4{@container request-panel (width>=28rem){right:calc(var(--spacing,.25rem) * 4)}}.\@md\/request-panel\:ms-auto{@container request-panel (width>=28rem){margin-inline-start:auto}}.\@md\/request-panel\:w-60{@container request-panel (width>=28rem){width:calc(var(--spacing,.25rem) * 60)}}.\@md\/request-panel\:w-auto{@container request-panel (width>=28rem){width:auto}}.\@md\/request-panel\:min-w-52{@container request-panel (width>=28rem){min-width:calc(var(--spacing,.25rem) * 52)}}.\@md\/settings\:grid-cols-2{@container settings (width>=28rem){grid-template-columns:repeat(2,minmax(0,1fr))}}.\@md\/settings\:grid-cols-4{@container settings (width>=28rem){grid-template-columns:repeat(4,minmax(0,1fr))}}.\@md\/request-panel\:flex-row{@container request-panel (width>=28rem){flex-direction:row}}.\@md\/request-panel\:items-center{@container request-panel (width>=28rem){align-items:center}}.\@md\/request-panel\:p-7{@container request-panel (width>=28rem){padding:calc(var(--spacing,.25rem) * 7)}}.\@md\/request-panel\:py-2{@container request-panel (width>=28rem){padding-block:calc(var(--spacing,.25rem) * 2)}}.\@md\/request-panel\:pt-12{@container request-panel (width>=28rem){padding-top:calc(var(--spacing,.25rem) * 12)}}.\@md\/settings\:pt-7{@container settings (width>=28rem){padding-top:calc(var(--spacing,.25rem) * 7)}}.\@xl\/home-demo\:flex{@container home-demo (width>=36rem){display:flex}}.\@xl\/home-demo\:hidden{@container home-demo (width>=36rem){display:none}}.\@xl\/home-demo\:inline{@container home-demo (width>=36rem){display:inline}}.\@xl\/home-demo\:w-auto{@container home-demo (width>=36rem){width:auto}}.\@xl\/home-demo\:max-w-none{@container home-demo (width>=36rem){max-width:none}}.\@xl\/home-demo\:flex-none{@container home-demo (width>=36rem){flex:none}}.\@xl\/home-demo\:shrink-0{@container home-demo (width>=36rem){flex-shrink:0}}.\@xl\/home-demo\:flex-row{@container home-demo (width>=36rem){flex-direction:row}}.\@xl\/home-demo\:items-center{@container home-demo (width>=36rem){align-items:center}}.\@xl\/home-demo\:justify-start{@container home-demo (width>=36rem){justify-content:flex-start}}.\@xl\/home-demo\:gap-1{@container home-demo (width>=36rem){gap:calc(var(--spacing,.25rem) * 1)}}.\@xl\/home-demo\:gap-2{@container home-demo (width>=36rem){gap:calc(var(--spacing,.25rem) * 2)}}.\@xl\/home-demo\:gap-4{@container home-demo (width>=36rem){gap:calc(var(--spacing,.25rem) * 4)}}.\@xl\/home-demo\:overflow-x-auto{@container home-demo (width>=36rem){overflow-x:auto}}.\@xl\/home-demo\:px-3{@container home-demo (width>=36rem){padding-inline:calc(var(--spacing,.25rem) * 3)}}.\@xl\/home-demo\:px-4{@container home-demo (width>=36rem){padding-inline:calc(var(--spacing,.25rem) * 4)}}.\@xl\/home-demo\:ps-4{@container home-demo (width>=36rem){padding-inline-start:calc(var(--spacing,.25rem) * 4)}}.\@xl\/home-demo\:pt-6{@container home-demo (width>=36rem){padding-top:calc(var(--spacing,.25rem) * 6)}}.\@xl\/home-demo\:text-sm{@container home-demo (width>=36rem){font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}.\@5xl\/home-demo\:absolute{@container home-demo (width>=64rem){position:absolute}}.\@5xl\/home-demo\:top-0{@container home-demo (width>=64rem){top:calc(var(--spacing,.25rem) * 0)}}.\@5xl\/home-demo\:top-16{@container home-demo (width>=64rem){top:calc(var(--spacing,.25rem) * 16)}}.\@5xl\/home-demo\:bottom-0{@container home-demo (width>=64rem){bottom:calc(var(--spacing,.25rem) * 0)}}.\@5xl\/home-demo\:left-0{@container home-demo (width>=64rem){left:calc(var(--spacing,.25rem) * 0)}}.\@5xl\/home-demo\:col-auto{@container home-demo (width>=64rem){grid-column:auto}}.\@5xl\/home-demo\:col-start-1{@container home-demo (width>=64rem){grid-column-start:1}}.\@5xl\/home-demo\:col-start-2{@container home-demo (width>=64rem){grid-column-start:2}}.\@5xl\/home-demo\:col-start-3{@container home-demo (width>=64rem){grid-column-start:3}}.\@5xl\/home-demo\:row-auto{@container home-demo (width>=64rem){grid-row:auto}}.\@5xl\/home-demo\:row-start-2{@container home-demo (width>=64rem){grid-row-start:2}}.\@5xl\/home-demo\:row-start-3{@container home-demo (width>=64rem){grid-row-start:3}}.\@5xl\/home-demo\:mb-3{@container home-demo (width>=64rem){margin-bottom:calc(var(--spacing,.25rem) * 3)}}.\@5xl\/home-demo\:block{@container home-demo (width>=64rem){display:block}}.\@5xl\/home-demo\:hidden{@container home-demo (width>=64rem){display:none}}.\@5xl\/home-demo\:h-\[46rem\]{@container home-demo (width>=64rem){height:46rem}}.\@5xl\/home-demo\:h-auto{@container home-demo (width>=64rem){height:auto}}.\@5xl\/home-demo\:min-h-0{@container home-demo (width>=64rem){min-height:calc(var(--spacing,.25rem) * 0)}}.\@5xl\/home-demo\:w-\[13rem\]{@container home-demo (width>=64rem){width:13rem}}.\@5xl\/home-demo\:w-full{@container home-demo (width>=64rem){width:100%}}.\@5xl\/home-demo\:grid-cols-\[13rem_minmax\(0\,1fr\)_minmax\(0\,1\.12fr\)\]{@container home-demo (width>=64rem){grid-template-columns:13rem minmax(0,1fr) minmax(0,1.12fr)}}.\@5xl\/home-demo\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.12fr\)\]{@container home-demo (width>=64rem){grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}}.\@5xl\/home-demo\:grid-rows-\[auto_auto_minmax\(0\,1fr\)\]{@container home-demo (width>=64rem){grid-template-rows:auto auto minmax(0,1fr)}}.\@5xl\/home-demo\:items-center{@container home-demo (width>=64rem){align-items:center}}.\@5xl\/home-demo\:overflow-x-hidden{@container home-demo (width>=64rem){overflow-x:hidden}}.\@5xl\/home-demo\:overflow-y-auto{@container home-demo (width>=64rem){overflow-y:auto}}.\@5xl\/home-demo\:border-e{@container home-demo (width>=64rem){border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}}.\@5xl\/home-demo\:border-r{@container home-demo (width>=64rem){border-right-style:var(--tw-border-style);border-right-width:1px}}.\@5xl\/home-demo\:border-b-0{@container home-demo (width>=64rem){border-bottom-style:var(--tw-border-style);border-bottom-width:0}}.\@5xl\/home-demo\:object-center{@container home-demo (width>=64rem){object-position:center}}.\@5xl\/home-demo\:px-4{@container home-demo (width>=64rem){padding-inline:calc(var(--spacing,.25rem) * 4)}}.\@5xl\/home-demo\:pt-0{@container home-demo (width>=64rem){padding-top:calc(var(--spacing,.25rem) * 0)}}.\@7xl\/home-demo\:inline{@container home-demo (width>=80rem){display:inline}}.\@7xl\/home-demo\:h-\[48rem\]{@container home-demo (width>=80rem){height:48rem}}}.home-demo-mode-tab{min-width:calc(var(--spacing,.25rem) * 0);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);white-space:nowrap;color:var(--color-gray-300,oklch(87.2% .01 258.338));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-width:1px;border-color:#0000;justify-content:center;align-items:center;display:inline-flex;&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}&:focus-visible{--tw-ring-color:#05df72cc;@supports (color:color-mix(in lab, red, red)){--tw-ring-color:color-mix(in oklab, var(--color-green-400,oklch(79.2% .209 151.711)) 80%, transparent)}}&:focus-visible{--tw-outline-style:none;outline-style:none}}.home-demo-mode-tab:not(.active){&:hover{@media (hover:hover){border-color:#ffffff1a;@supports (color:color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}}&:hover{@media (hover:hover){background-color:#ffffff0d;@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white,#fff) 5%, transparent)}}}&:hover{@media (hover:hover){color:var(--color-white,#fff)}}}.home-demo-mode-tab.active{border-color:var(--color-white,#fff);background-color:var(--color-white,#fff);color:var(--color-gray-950,oklch(13% .028 261.692));--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.home-demo-panel-tab{align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);white-space:nowrap;color:var(--color-gray-400,oklch(70.7% .022 261.325));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-color:#0000;border-bottom-width:2px;display:inline-flex;position:relative;&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-green-400,oklch(79.2% .209 151.711));--tw-outline-style:none;--tw-ring-inset:inset;outline-style:none}}.home-demo-panel-tab:not(.active){&:hover{@media (hover:hover){color:var(--color-white,#fff)}}}.home-demo-panel-tab.active{border-color:var(--color-green-400,oklch(79.2% .209 151.711));color:var(--color-white,#fff)}.home-demo-result-tab{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);white-space:nowrap;color:var(--color-gray-400,oklch(70.7% .022 261.325));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-color:#0000;border-bottom-width:2px;flex:1;display:inline-flex;position:relative;&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-green-400,oklch(79.2% .209 151.711));--tw-outline-style:none;--tw-ring-inset:inset;outline-style:none}}.home-demo-result-tab:not(.active){&:hover{@media (hover:hover){color:var(--color-white,#fff)}}}.home-demo-result-tab.active{border-color:var(--color-green-400,oklch(79.2% .209 151.711));color:var(--color-white,#fff)}.home-demo-editor-panel{background:#11151b}.home-demo-editor-panel .editor{min-height:calc(var(--spacing,.25rem) * 0)}.home-demo-editor-panel .monaco-editor,.home-demo-editor-panel .monaco-editor .overflow-guard{border-radius:0!important}@container home-demo (width>=64rem){.home-demo-gallery{clip-path:inset(0 calc(100% - 13rem) 0 0);will-change:clip-path;transition:clip-path .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1)}.home-demo-gallery.home-demo-gallery-expanded{clip-path:inset(0)}}.home-demo-gallery-grid{grid-auto-flow:dense;align-items:flex-start;gap:calc(var(--spacing,.25rem) * 3);grid-template-columns:repeat(auto-fill,minmax(14rem,18rem));grid-auto-rows:8px;display:grid}@media (prefers-reduced-motion:reduce){.home-demo-gallery{transition:none}}