/*! 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%}.top-3{top:calc(var(--spacing,.25rem)*3)}.bottom-4{bottom:calc(var(--spacing,.25rem)*4)}.left-1\/2{left:50%}.z-1000{z-index:1000}.row-span-\(--span-rows\){grid-row:span var(--span-rows)/span var(--span-rows)}.my-6{margin-block:calc(var(--spacing,.25rem)*6)}.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-11{height:calc(var(--spacing,.25rem)*11)}.h-\[clamp\(340px\,62vh\,760px\)\]{height:clamp(340px,62vh,760px)}.max-h-80{max-height:calc(var(--spacing,.25rem)*80)}.min-h-24{min-height:calc(var(--spacing,.25rem)*24)}.min-h-80{min-height:calc(var(--spacing,.25rem)*80)}.w-0{width:calc(var(--spacing,.25rem)*0)}.w-2{width:calc(var(--spacing,.25rem)*2)}.w-16{width:calc(var(--spacing,.25rem)*16)}.min-w-36{min-width:calc(var(--spacing,.25rem)*36)}.min-w-40{min-width:calc(var(--spacing,.25rem)*40)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-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-emerald-700{background-color:var(--color-emerald-700,oklch(50.8% .118 165.612))}.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))}.px-0{padding-inline:calc(var(--spacing,.25rem)*0)}.py-8{padding-block:calc(var(--spacing,.25rem)*8)}.py-16{padding-block:calc(var(--spacing,.25rem)*16)}.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-5{padding-bottom:calc(var(--spacing,.25rem)*5)}.pb-6{padding-bottom:calc(var(--spacing,.25rem)*6)}.pb-8{padding-bottom:calc(var(--spacing,.25rem)*8)}.text-6xl{font-size:var(--text-6xl,3.75rem);line-height:var(--tw-leading,var(--text-6xl--line-height,1))}.text-emerald-600{color:var(--color-emerald-600,oklch(59.6% .145 163.225))}.text-gray-100{color:var(--color-gray-100,oklch(96.7% .003 264.542))}.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)}.ring-green-500{--tw-ring-color:var(--color-green-500,#02b875)}.backdrop-blur-sm{--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,)}.text-shadow-xs{text-shadow:0px 1px 1px var(--tw-text-shadow-color,#0003)}.\*\:mr-3{:is(&>*){margin-right:calc(var(--spacing,.25rem)*3)}}.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\:opacity-100{&:is(:where(.group):hover *){@media (hover:hover){opacity:1}}}.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\:border-green-200{&:hover{@media (hover:hover){border-color:var(--color-green-200,oklch(92.5% .084 155.995))}}}.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))}}.sm\:items-end{@media (width>=40rem){align-items:flex-end}}.sm\:justify-between{@media (width>=40rem){justify-content:space-between}}.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\:grid-cols-3{@media (width>=64rem){grid-template-columns:repeat(3,minmax(0,1fr))}}.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)}}}.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;&:is(:where(.group):hover *){@media (hover:hover){border-color:var(--color-gray-300,oklch(87.2% .01 258.338))}}& .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);--tw-gradient-position:to top;position:absolute;@supports (background-image:linear-gradient(in lab, red, red)){--tw-gradient-position:to top in oklab}background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:color-mix(in oklab,var(--color-gray-950,oklch(13% .028 261.692))90%,transparent);--tw-gradient-via:color-mix(in oklab,var(--color-gray-950,oklch(13% .028 261.692))60%,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,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:transparent;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;transition-duration:.2s&:is(:where(.group):hover *){@media (hover:hover){--tw-translate-y:calc(var(--spacing,.25rem)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}&:is(:where(.group):hover *){@media (hover:hover){--tw-gradient-from:#030712f2@supports (color:color-mix(in lab, red, red)){--tw-gradient-from:color-mix(in oklab,var(--color-gray-950,oklch(13% .028 261.692))95%,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))}}&:is(:where(.group):hover *){@media (hover:hover){--tw-gradient-via:#030712bf@supports (color:color-mix(in lab, red, red)){--tw-gradient-via:color-mix(in oklab,var(--color-gray-950,oklch(13% .028 261.692))75%,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)}}&:is(:where(.group):hover *){@media (hover:hover){padding-inline:calc(var(--spacing,.25rem)*4)}}&:is(:where(.group):hover *){@media (hover:hover){padding-top:calc(var(--spacing,.25rem)*10)}}&:is(:where(.group):hover *){@media (hover:hover){padding-bottom:calc(var(--spacing,.25rem)*3)}}}& .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)}&:is(:where(.group):hover *){@media (hover:hover){display:-webkit-box}}&:is(:where(.group):hover *){@media (hover:hover){white-space:normal}}&:is(:where(.group):hover *){@media (hover:hover){-webkit-box-orient:vertical}}&:is(:where(.group):hover *){@media (hover:hover){-webkit-line-clamp:3}}}}}.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)}}}