/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;@layer utilities{.inset-x-3{inset-inline:calc(var(--spacing,.25rem) * 3)}.top-1\/2{top:50%}.bottom-4{bottom:calc(var(--spacing,.25rem) * 4)}.z-1000{z-index:1000}.col-span-full{grid-column:1/-1}.row-span-\(--span-rows\){grid-row:span var(--span-rows) / span var(--span-rows)}.my-6{margin-block:calc(var(--spacing,.25rem) * 6)}.mt-12{margin-top:calc(var(--spacing,.25rem) * 12)}.mb-1{margin-bottom:calc(var(--spacing,.25rem) * 1)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.aspect-video{aspect-ratio:var(--aspect-video,16 / 9)}.h-48{height:calc(var(--spacing,.25rem) * 48)}.h-\[clamp\(340px\,62vh\,760px\)\]{height:clamp(340px,62vh,760px)}.max-h-80{max-height:calc(var(--spacing,.25rem) * 80)}.w-0{width:calc(var(--spacing,.25rem) * 0)}.w-2{width:calc(var(--spacing,.25rem) * 2)}.w-12{width:calc(var(--spacing,.25rem) * 12)}.w-16{width:calc(var(--spacing,.25rem) * 16)}.w-72{width:calc(var(--spacing,.25rem) * 72)}.min-w-\[40\%\]{min-width:40%}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing,.25rem) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.zoom-30{zoom:30%}.content-center{align-content:center}.border-yellow-300{border-color:var(--color-yellow-300,oklch(90.5% .182 98.111))}.bg-current{background-color:currentColor}.bg-emerald-400{background-color:var(--color-emerald-400,oklch(76.5% .177 163.223))}.bg-white\/40{background-color:#fff6;@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white,#fff) 40%, transparent)}}.bg-white\/75{background-color:#ffffffbf;@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white,#fff) 75%, transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50,oklch(98.7% .026 102.212))}.bg-linear-to-t{--tw-gradient-position:to top;@supports (background-image:linear-gradient(in lab, red, red)){--tw-gradient-position:to top in oklab}background-image:linear-gradient(var(--tw-gradient-stops))}.from-gray-950\/90{--tw-gradient-from:#030712e6;@supports (color:color-mix(in lab, red, red)){--tw-gradient-from:color-mix(in oklab, var(--color-gray-950,oklch(13% .028 261.692)) 90%, transparent)}--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))}.via-gray-950\/55{--tw-gradient-via:#0307128c;@supports (color:color-mix(in lab, red, red)){--tw-gradient-via:color-mix(in oklab, var(--color-gray-950,oklch(13% .028 261.692)) 55%, transparent)}--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--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-gray-800{fill:var(--color-gray-800,oklch(27.8% .033 256.848))}.px-0{padding-inline:calc(var(--spacing,.25rem) * 0)}.px-7{padding-inline:calc(var(--spacing,.25rem) * 7)}.py-8{padding-block:calc(var(--spacing,.25rem) * 8)}.pt-0\.5{padding-top:calc(var(--spacing,.25rem) * .5)}.pt-8{padding-top:calc(var(--spacing,.25rem) * 8)}.pt-10{padding-top:calc(var(--spacing,.25rem) * 10)}.pt-16{padding-top:calc(var(--spacing,.25rem) * 16)}.pb-3{padding-bottom:calc(var(--spacing,.25rem) * 3)}.pb-5{padding-bottom:calc(var(--spacing,.25rem) * 5)}.pb-6{padding-bottom:calc(var(--spacing,.25rem) * 6)}.pb-12{padding-bottom:calc(var(--spacing,.25rem) * 12)}.text-black{color:var(--color-black,#000)}.text-blue-600{color:var(--color-blue-600,oklch(54.6% .245 262.881))}.text-emerald-600{color:var(--color-emerald-600,oklch(59.6% .145 163.225))}.text-green-500{color:var(--color-green-500,#02b875)}.text-slate-600{color:var(--color-slate-600,oklch(44.6% .043 257.281))}.text-white\/95{color:#fffffff2;@supports (color:color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-white,#fff) 95%, transparent)}}.text-yellow-800{color:var(--color-yellow-800,oklch(47.6% .114 61.907))}.opacity-65{opacity:.65}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);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-green-500{--tw-ring-color:var(--color-green-500,#02b875)}.text-shadow-xs{text-shadow:0px 1px 1px var(--tw-text-shadow-color,#0003)}.\*\:mr-3{:is(&>*){margin-right:calc(var(--spacing,.25rem) * 3)}}.\*\:flex-\[0_0_auto\]{:is(&>*){flex:none}}.group-hover\:translate-y-0{&:is(:where(.group):hover *){@media (hover:hover){--tw-translate-y:calc(var(--spacing,.25rem) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}}.group-hover\:underline{&:is(:where(.group):hover *){@media (hover:hover){text-decoration-line:underline}}}.group-hover\:decoration-green-500{&:is(:where(.group):hover *){@media (hover:hover){text-decoration-color:var(--color-green-500,#02b875)}}}.group-hover\:decoration-1{&:is(:where(.group):hover *){@media (hover:hover){text-decoration-thickness:1px}}}.group-hover\/html-toggle\:w-auto{&:is(:where(.group\/html-toggle):hover *){@media (hover:hover){width:auto}}}.group-hover\/html-toggle\:opacity-100{&:is(:where(.group\/html-toggle):hover *){@media (hover:hover){opacity:1}}}.hover\:w-36{&:hover{@media (hover:hover){width:calc(var(--spacing,.25rem) * 36)}}}.hover\:bg-emerald-800{&:hover{@media (hover:hover){background-color:var(--color-emerald-800,oklch(43.2% .095 166.913))}}}.hover\:bg-white\/85{&:hover{@media (hover:hover){background-color:#ffffffd9;@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white,#fff) 85%, transparent)}}}}.hover\:fill-emerald-600{&:hover{@media (hover:hover){fill:var(--color-emerald-600,oklch(59.6% .145 163.225))}}}.hover\:px-3{&:hover{@media (hover:hover){padding-inline:calc(var(--spacing,.25rem) * 3)}}}.hover\:text-gray-900{&:hover{@media (hover:hover){color:var(--color-gray-900,oklch(21% .034 264.665))}}}.focus\:ring-emerald-600\/75{&:focus{--tw-ring-color:#009767bf;@supports (color:color-mix(in lab, red, red)){--tw-ring-color:color-mix(in oklab, var(--color-emerald-600,oklch(59.6% .145 163.225)) 75%, transparent)}}}.focus\:ring-green-500{&:focus{--tw-ring-color:var(--color-green-500,#02b875)}}.sm\:min-w-72{@media (width>=40rem){min-width:calc(var(--spacing,.25rem) * 72)}}.sm\:grid-cols-3{@media (width>=40rem){grid-template-columns:repeat(3,minmax(0,1fr))}}.md\:w-1\/2{@media (width>=48rem){width:50%}}.md\:w-1\/3{@media (width>=48rem){width:33.3333%}}.md\:w-80{@media (width>=48rem){width:calc(var(--spacing,.25rem) * 80)}}.lg\:mx-2{@media (width>=64rem){margin-inline:calc(var(--spacing,.25rem) * 2)}}.lg\:max-h-35{@media (width>=64rem){max-height:calc(var(--spacing,.25rem) * 35)}}.lg\:w-1\/4{@media (width>=64rem){width:25%}}.lg\:w-52{@media (width>=64rem){width:calc(var(--spacing,.25rem) * 52)}}.lg\:w-auto{@media (width>=64rem){width:auto}}.lg\:max-w-7xl{@media (width>=64rem){max-width:var(--container-7xl,80rem)}}.lg\:flex-row{@media (width>=64rem){flex-direction:row}}.lg\:justify-between{@media (width>=64rem){justify-content:space-between}}.lg\:p-8{@media (width>=64rem){padding:calc(var(--spacing,.25rem) * 8)}}.lg\:py-2{@media (width>=64rem){padding-block:calc(var(--spacing,.25rem) * 2)}}.xl\:w-1\/4{@media (width>=80rem){width:25%}}.xl\:py-6{@media (width>=80rem){padding-block:calc(var(--spacing,.25rem) * 6)}}.\32 xl\:mx-4{@media (width>=96rem){margin-inline:calc(var(--spacing,.25rem) * 4)}}.dark\:text-white{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}}}.template-preset-card{break-inside:avoid;--span-rows:clamp(8,calc(((((100cqw - var(--template-preset-gap-total,0rem)) / var(--template-preset-cols,1)) - 2rem) / var(--template-preset-aspect,1.333) + 5.25rem) / 8px),90);& .inner-wrapper{height:100%;min-height:calc(var(--spacing,.25rem) * 0);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-white,#fff);--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);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;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));flex-direction:column;display:flex;overflow:hidden;& .loading-outer{height:100%;min-height:calc(var(--spacing,.25rem) * 0);animation:var(--animate-pulse,pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);padding:calc(var(--spacing,.25rem) * 4);flex-direction:column;display:flex;& .title{height:calc(var(--spacing,.25rem) * 5);background-color:var(--color-gray-200,oklch(92.8% .006 264.531));border-radius:.25rem;width:75%}& .body{margin-top:calc(var(--spacing,.25rem) * 4);min-height:calc(var(--spacing,.25rem) * 0);border-radius:var(--radius-sm,.25rem);background-color:var(--color-gray-100,oklch(96.7% .003 264.542));flex:1;width:100%}}& .title-a{min-width:calc(var(--spacing,.25rem) * 0);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-950,oklch(13% .028 261.692));display:block;&:hover{@media (hover:hover){color:var(--color-green-700,#007035)}}}& .img-div{border-radius:var(--radius-sm,.25rem);background-color:var(--color-gray-50,oklch(98.5% .002 247.839));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);width:100%;height:100%;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-gray-100,oklch(96.7% .003 264.542));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;& img{border-radius:var(--radius-sm,.25rem);object-fit:contain;backface-visibility:hidden;width:100%;height:100%}}& .img-a{border-radius:var(--radius-sm,.25rem);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);width:100%;height:100%;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);display:block;&:focus{--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-500,#02b875);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}}& .variant-btn-outer{top:calc(var(--spacing,.25rem) * 3);right:calc(var(--spacing,.25rem) * 7);gap:calc(var(--spacing,.25rem) * 1);background-color:#fffc;border-radius:3.40282e38px;display:flex;position:absolute;@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white,#fff) 80%, transparent)}padding-inline:calc(var(--spacing,.25rem) * 1.5);padding-block:calc(var(--spacing,.25rem) * 1);--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);--tw-backdrop-blur:blur(var(--blur-sm,8px));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,);& button{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffffb3;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;@supports (color:color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-white,#fff) 70%, transparent)}font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--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);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;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));&.active{background-color:var(--color-gray-900,oklch(21% .034 264.665));color:var(--color-white,#fff)}&.inactive{background-color:#ffffffe6;@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white,#fff) 90%, transparent)}color:var(--color-gray-600,oklch(44.6% .03 256.802));&:hover{@media (hover:hover){background-color:var(--color-white,#fff)}}&:hover{@media (hover:hover){color:var(--color-gray-900,oklch(21% .034 264.665))}}}}}& .description-outer{pointer-events:none;inset-inline:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);--tw-translate-y:calc(var(--spacing,.25rem) * 1);translate:var(--tw-translate-x) var(--tw-translate-y);padding-inline:calc(var(--spacing,.25rem) * 3);padding-top:calc(var(--spacing,.25rem) * 8);padding-bottom:calc(var(--spacing,.25rem) * 2);transition-property:all;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));--tw-duration:.2s;background:linear-gradient(#0000 0%,#03071299 45%,#030712e6 100%);transition-duration:.2s;position:absolute}& .description-inner{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:#fffffff2;overflow:hidden;@supports (color:color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-white,#fff) 95%, transparent)}}}@media (hover:hover){&:hover{& .inner-wrapper{border-color:var(--color-gray-300,oklch(87.2% .01 258.338))}& .description-outer{--tw-translate-y:calc(var(--spacing,.25rem) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);padding-inline:calc(var(--spacing,.25rem) * 4);padding-top:calc(var(--spacing,.25rem) * 10);padding-bottom:calc(var(--spacing,.25rem) * 3);background:linear-gradient(#0000 0%,#030712bf 40%,#030712f2 100%)}& .description-inner{white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}}}}.template-preset-grid{grid-auto-flow:dense;column-gap:calc(var(--spacing,.25rem) * 4);--template-preset-cols:1;--template-preset-gap-total:0rem;grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:8px;display:grid;container-type:inline-size;&:not(.compact){@container (width>=64rem){--template-preset-cols:2;--template-preset-gap-total:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}@container (width>=80rem){--template-preset-cols:3;--template-preset-gap-total:2rem;grid-template-columns:repeat(3,minmax(0,1fr))}@container (width>=115rem){--template-preset-cols:4;--template-preset-gap-total:3rem;grid-template-columns:repeat(4,minmax(0,1fr))}}&.compact{@container (width>=56rem){--template-preset-cols:2;--template-preset-gap-total:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}@container (width>=64rem){--template-preset-cols:3;--template-preset-gap-total:1.2rem;grid-template-columns:repeat(3,minmax(0,1fr))}@container (width>=80rem){--template-preset-cols:4;--template-preset-gap-total:1.6rem;grid-template-columns:repeat(4,minmax(0,1fr))}}}.playground-feature-grid{margin-top:calc(var(--spacing,.25rem) * 8);gap:calc(var(--spacing,.25rem) * 4);grid-template-columns:repeat(1,minmax(0,1fr));display:grid;@media (width>=48rem){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=80rem){grid-template-columns:repeat(3,minmax(0,1fr))}}.playground-feature-card{min-height:calc(var(--spacing,.25rem) * 36);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem) * 5);--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);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));display:block;&:hover{@media (hover:hover){border-color:var(--color-green-300,oklch(87.1% .15 154.449))}}&:hover{@media (hover:hover){--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)}}& .playground-title-outer{margin-bottom:calc(var(--spacing,.25rem) * 3);align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-direction:row;display:flex}& .playground-title-icon{fill:var(--color-dark,#212529)}& .playground-card-title{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-800,oklch(27.8% .033 256.848))}& p{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:calc(var(--spacing,.25rem) * 7);line-height:calc(var(--spacing,.25rem) * 7);color:var(--color-gray-500,oklch(55.1% .027 264.364))}&:hover{& .playground-icon{fill:var(--color-green,#02b875)}& .playground-card-title{color:var(--color-green,#02b875)}}}