#playground-root .static{position:static}#playground-root .fixed{position:fixed}#playground-root .absolute{position:absolute}#playground-root .relative{position:relative}#playground-root .inset-0{inset:0}#playground-root .bottom-0{bottom:0}#playground-root .left-0{left:0}#playground-root .right-0{right:0}#playground-root .right-2{right:.5rem}#playground-root .top-0{top:0}#playground-root .z-10{z-index:10}#playground-root .z-20{z-index:20}#playground-root .z-\[100\]{z-index:100}#playground-root .mx-1{margin-left:.25rem;margin-right:.25rem}#playground-root .mb-1{margin-bottom:.25rem}#playground-root .mb-2{margin-bottom:.5rem}#playground-root .mb-3{margin-bottom:.75rem}#playground-root .mb-4{margin-bottom:1rem}#playground-root .mb-\[-1rem\]{margin-bottom:-1rem}#playground-root .ml-2{margin-left:.5rem}#playground-root .mt-1{margin-top:.25rem}#playground-root .mt-2{margin-top:.5rem}#playground-root .mt-3{margin-top:.75rem}#playground-root .block{display:block}#playground-root .flex{display:flex}#playground-root .grid{display:grid}#playground-root .hidden{display:none}#playground-root .aspect-square{aspect-ratio:1}#playground-root .h-10{height:2.5rem}#playground-root .h-12{height:3rem}#playground-root .h-2{height:.5rem}#playground-root .h-4{height:1rem}#playground-root .h-5{height:1.25rem}#playground-root .h-6{height:1.5rem}#playground-root .h-8{height:2rem}#playground-root .h-\[50vh\]{height:50vh}#playground-root .h-\[60vh\]{height:60vh}#playground-root .h-full{height:100%}#playground-root .h-screen{height:100vh}#playground-root .min-h-\[44px\]{min-height:44px}#playground-root .w-1\.5{width:.375rem}#playground-root .w-10{width:2.5rem}#playground-root .w-12{width:3rem}#playground-root .w-2{width:.5rem}#playground-root .w-4{width:1rem}#playground-root .w-5{width:1.25rem}#playground-root .w-6{width:1.5rem}#playground-root .w-8{width:2rem}#playground-root .w-full{width:100%}#playground-root .w-px{width:1px}#playground-root .min-w-0{min-width:0}#playground-root .min-w-\[240px\]{min-width:240px}#playground-root .min-w-\[44px\]{min-width:44px}#playground-root .min-w-\[80px\]{min-width:80px}#playground-root .max-w-\[640px\]{max-width:640px}#playground-root .max-w-\[720px\]{max-width:720px}#playground-root .flex-1{flex:1}#playground-root .flex-shrink-0{flex-shrink:0}#playground-root .scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#playground-root .transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}#playground-root .animate-spin{animation:1s linear infinite spin}#playground-root .cursor-grab{cursor:grab}#playground-root .cursor-grabbing{cursor:grabbing}#playground-root .cursor-pointer{cursor:pointer}#playground-root .resize-y{resize:vertical}#playground-root .list-inside{list-style-position:inside}#playground-root .list-decimal{list-style-type:decimal}#playground-root .list-disc{list-style-type:disc}#playground-root .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}#playground-root .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#playground-root .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}#playground-root .grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}#playground-root .flex-col{flex-direction:column}#playground-root .flex-wrap{flex-wrap:wrap}#playground-root .items-start{align-items:flex-start}#playground-root .items-center{align-items:center}#playground-root .items-baseline{align-items:baseline}#playground-root .justify-end{justify-content:flex-end}#playground-root .justify-center{justify-content:center}#playground-root .justify-between{justify-content:space-between}#playground-root .gap-1{gap:.25rem}#playground-root .gap-1\.5{gap:.375rem}#playground-root .gap-2{gap:.5rem}#playground-root .gap-3{gap:.75rem}#playground-root .gap-4{gap:1rem}#playground-root .gap-6{gap:1.5rem}#playground-root .gap-8{gap:2rem}#playground-root .gap-\[1px\]{gap:1px}#playground-root :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}#playground-root :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}#playground-root :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}#playground-root :is(.space-y-5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}#playground-root :is(.space-y-6>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}#playground-root .self-center{align-self:center}#playground-root .overflow-auto{overflow:auto}#playground-root .overflow-hidden{overflow:hidden}#playground-root .overflow-y-auto{overflow-y:auto}#playground-root .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#playground-root .break-words{overflow-wrap:break-word}#playground-root .rounded-2xl{border-radius:1rem}#playground-root .rounded-full{border-radius:9999px}#playground-root .rounded-lg{border-radius:.5rem}#playground-root .rounded-md{border-radius:.375rem}#playground-root .rounded-sm{border-radius:.125rem}#playground-root .rounded-xl{border-radius:.75rem}#playground-root .border{border-width:1px}#playground-root .border-4{border-width:4px}#playground-root .border-b{border-bottom-width:1px}#playground-root .border-l-4{border-left-width:4px}#playground-root .border-dashed{border-style:dashed}#playground-root .border-\[rgba\(var\(--foreground-rgb\)\,0\.05\)\]{border-color:rgba(var(--foreground-rgb),.05)}#playground-root .border-\[rgba\(var\(--foreground-rgb\)\,0\.07\)\]{border-color:rgba(var(--foreground-rgb),.07)}#playground-root .border-\[rgba\(var\(--foreground-rgb\)\,0\.08\)\]{border-color:rgba(var(--foreground-rgb),.08)}#playground-root .border-\[rgba\(var\(--foreground-rgb\)\,0\.1\)\]{border-color:rgba(var(--foreground-rgb),.1)}#playground-root .border-\[rgba\(var\(--foreground-rgb\)\,0\.12\)\]{border-color:rgba(var(--foreground-rgb),.12)}#playground-root .border-\[rgba\(var\(--foreground-rgb\)\,0\.16\)\]{border-color:rgba(var(--foreground-rgb),.16)}#playground-root .border-\[rgba\(var\(--foreground-rgb\)\,0\.18\)\]{border-color:rgba(var(--foreground-rgb),.18)}#playground-root .border-\[rgba\(var\(--foreground-rgb\)\,0\.2\)\]{border-color:rgba(var(--foreground-rgb),.2)}#playground-root .border-\[rgba\(var\(--foreground-rgb\)\,0\.22\)\]{border-color:rgba(var(--foreground-rgb),.22)}#playground-root .border-\[rgba\(var\(--foreground-rgb\)\,0\.25\)\]{border-color:rgba(var(--foreground-rgb),.25)}#playground-root .border-\[rgba\(var\(--foreground-rgb\)\,0\.3\)\]{border-color:rgba(var(--foreground-rgb),.3)}#playground-root .border-\[rgba\(var\(--green\)\,0\.2\)\]{border-color:rgba(var(--green),.2)}#playground-root .border-\[rgba\(var\(--green\)\,0\.3\)\]{border-color:rgba(var(--green),.3)}#playground-root .border-\[rgba\(var\(--green\)\,0\.5\)\]{border-color:rgba(var(--green),.5)}#playground-root .border-red-400\/30{border-color:#f871714d}#playground-root .border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}#playground-root .border-red-500\/20{border-color:#ef444433}#playground-root .border-t-\[rgba\(var\(--green\)\,1\)\]{border-top-color:rgba(var(--green),1)}#playground-root .bg-\[rgb\(var\(--green\)\)\]{background-color:rgb(var(--green))}#playground-root .bg-\[rgba\(255\,80\,80\,0\.15\)\]{background-color:#ff505026}#playground-root .bg-\[rgba\(var\(--background-rgb\)\,0\.4\)\]{background-color:rgba(var(--background-rgb),.4)}#playground-root .bg-\[rgba\(var\(--background-rgb\)\,0\.45\)\]{background-color:rgba(var(--background-rgb),.45)}#playground-root .bg-\[rgba\(var\(--background-rgb\)\,0\.5\)\]{background-color:rgba(var(--background-rgb),.5)}#playground-root .bg-\[rgba\(var\(--background-rgb\)\,0\.6\)\]{background-color:rgba(var(--background-rgb),.6)}#playground-root .bg-\[rgba\(var\(--background-rgb\)\,0\.8\)\]{background-color:rgba(var(--background-rgb),.8)}#playground-root .bg-\[rgba\(var\(--background-rgb\)\,0\.82\)\]{background-color:rgba(var(--background-rgb),.82)}#playground-root .bg-\[rgba\(var\(--background-rgb\)\,0\.85\)\]{background-color:rgba(var(--background-rgb),.85)}#playground-root .bg-\[rgba\(var\(--background-rgb\)\,0\.95\)\]{background-color:rgba(var(--background-rgb),.95)}#playground-root .bg-\[rgba\(var\(--background-rgb\)\,0\.98\)\]{background-color:rgba(var(--background-rgb),.98)}#playground-root .bg-\[rgba\(var\(--foreground-rgb\)\,0\.02\)\]{background-color:rgba(var(--foreground-rgb),.02)}#playground-root .bg-\[rgba\(var\(--foreground-rgb\)\,0\.03\)\]{background-color:rgba(var(--foreground-rgb),.03)}#playground-root .bg-\[rgba\(var\(--foreground-rgb\)\,0\.04\)\]{background-color:rgba(var(--foreground-rgb),.04)}#playground-root .bg-\[rgba\(var\(--foreground-rgb\)\,0\.05\)\]{background-color:rgba(var(--foreground-rgb),.05)}#playground-root .bg-\[rgba\(var\(--foreground-rgb\)\,0\.08\)\]{background-color:rgba(var(--foreground-rgb),.08)}#playground-root .bg-\[rgba\(var\(--foreground-rgb\)\,0\.1\)\]{background-color:rgba(var(--foreground-rgb),.1)}#playground-root .bg-\[rgba\(var\(--foreground-rgb\)\,0\.12\)\]{background-color:rgba(var(--foreground-rgb),.12)}#playground-root .bg-\[rgba\(var\(--foreground-rgb\)\,0\.2\)\]{background-color:rgba(var(--foreground-rgb),.2)}#playground-root .bg-\[rgba\(var\(--green\)\,0\.05\)\]{background-color:rgba(var(--green),.05)}#playground-root .bg-\[rgba\(var\(--green\)\,0\.08\)\]{background-color:rgba(var(--green),.08)}#playground-root .bg-\[rgba\(var\(--green\)\,0\.1\)\]{background-color:rgba(var(--green),.1)}#playground-root .bg-\[var\(--knight-cell\)\]{background-color:var(--knight-cell)}#playground-root .bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}#playground-root .bg-red-500\/10{background-color:#ef44441a}#playground-root .bg-red-500\/5{background-color:#ef44440d}#playground-root .bg-yellow-500\/50{background-color:#eab30880}#playground-root .bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}#playground-root .from-\[rgba\(var\(--background-rgb\)\,0\.85\)\]{--tw-gradient-from:rgba(var(--background-rgb),.85) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--background-rgb), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}#playground-root .to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}#playground-root .p-0{padding:0}#playground-root .p-1{padding:.25rem}#playground-root .p-2{padding:.5rem}#playground-root .p-2\.5{padding:.625rem}#playground-root .p-3{padding:.75rem}#playground-root .p-4{padding:1rem}#playground-root .p-5{padding:1.25rem}#playground-root .p-6{padding:1.5rem}#playground-root .p-8{padding:2rem}#playground-root .px-1{padding-left:.25rem;padding-right:.25rem}#playground-root .px-2\.5{padding-left:.625rem;padding-right:.625rem}#playground-root .px-3{padding-left:.75rem;padding-right:.75rem}#playground-root .px-4{padding-left:1rem;padding-right:1rem}#playground-root .px-5{padding-left:1.25rem;padding-right:1.25rem}#playground-root .px-6{padding-left:1.5rem;padding-right:1.5rem}#playground-root .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}#playground-root .py-1{padding-top:.25rem;padding-bottom:.25rem}#playground-root .py-2{padding-top:.5rem;padding-bottom:.5rem}#playground-root .py-3{padding-top:.75rem;padding-bottom:.75rem}#playground-root .py-4{padding-top:1rem;padding-bottom:1rem}#playground-root .py-6{padding-top:1.5rem;padding-bottom:1.5rem}#playground-root .pb-4{padding-bottom:1rem}#playground-root .pl-1{padding-left:.25rem}#playground-root .pl-4{padding-left:1rem}#playground-root .pr-11{padding-right:2.75rem}#playground-root .pt-1{padding-top:.25rem}#playground-root .pt-3{padding-top:.75rem}#playground-root .text-center{text-align:center}#playground-root .text-right{text-align:right}#playground-root .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}#playground-root .text-2xl{font-size:1.5rem;line-height:2rem}#playground-root .text-4xl{font-size:2.25rem;line-height:2.5rem}#playground-root .text-\[0\.7rem\]{font-size:.7rem}#playground-root .text-\[1\.05rem\]{font-size:1.05rem}#playground-root .text-\[10px\]{font-size:10px}#playground-root .text-base{font-size:1rem;line-height:1.5rem}#playground-root .text-lg{font-size:1.125rem;line-height:1.75rem}#playground-root .text-sm{font-size:.875rem;line-height:1.25rem}#playground-root .text-xl{font-size:1.25rem;line-height:1.75rem}#playground-root .text-xs{font-size:.75rem;line-height:1rem}#playground-root .font-black{font-weight:900}#playground-root .font-bold{font-weight:700}#playground-root .font-medium{font-weight:500}#playground-root .font-semibold{font-weight:600}#playground-root .uppercase{text-transform:uppercase}#playground-root .capitalize{text-transform:capitalize}#playground-root .leading-relaxed{line-height:1.625}#playground-root .leading-snug{line-height:1.375}#playground-root .leading-tight{line-height:1.25}#playground-root .tracking-tight{letter-spacing:-.025em}#playground-root .tracking-wide{letter-spacing:.025em}#playground-root .tracking-wider{letter-spacing:.05em}#playground-root .tracking-widest{letter-spacing:.1em}#playground-root .text-\[color\:rgb\(var\(--background-rgb\)\)\]{color:rgb(var(--background-rgb))}#playground-root .text-\[color\:rgb\(var\(--foreground-rgb\)\)\]{color:rgb(var(--foreground-rgb))}#playground-root .text-\[color\:rgb\(var\(--green\)\)\]{color:rgb(var(--green))}#playground-root .text-\[color\:rgba\(var\(--foreground-rgb\)\,0\.9\)\]{color:rgba(var(--foreground-rgb),.9)}#playground-root .text-\[rgb\(var\(--foreground-rgb\)\)\]{color:rgb(var(--foreground-rgb))}#playground-root .text-\[rgb\(var\(--green\)\)\]{color:rgb(var(--green))}#playground-root .text-\[rgba\(var\(--foreground-rgb\)\,0\.5\)\]{color:rgba(var(--foreground-rgb),.5)}#playground-root .text-\[rgba\(var\(--foreground-rgb\)\,0\.6\)\]{color:rgba(var(--foreground-rgb),.6)}#playground-root .text-\[rgba\(var\(--foreground-rgb\)\,0\.8\)\]{color:rgba(var(--foreground-rgb),.8)}#playground-root .text-\[rgba\(var\(--foreground-rgb\)\,0\.9\)\]{color:rgba(var(--foreground-rgb),.9)}#playground-root .text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}#playground-root .text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}#playground-root .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}#playground-root .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}#playground-root .text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}#playground-root .opacity-0{opacity:0}#playground-root .opacity-100{opacity:1}#playground-root .opacity-30{opacity:.3}#playground-root .opacity-40{opacity:.4}#playground-root .opacity-50{opacity:.5}#playground-root .opacity-60{opacity:.6}#playground-root .opacity-65{opacity:.65}#playground-root .opacity-70{opacity:.7}#playground-root .opacity-80{opacity:.8}#playground-root .shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}#playground-root .shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}#playground-root .shadow-\[0_0_10px_rgba\(var\(--green\)\,0\.8\)\]{--tw-shadow:0 0 10px rgba(var(--green),.8);--tw-shadow-colored:0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}#playground-root .shadow-\[0_0_20px_rgba\(var\(--foreground-rgb\)\,0\.3\)\]{--tw-shadow:0 0 20px rgba(var(--foreground-rgb),.3);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}#playground-root .shadow-\[0_0_50px_-20px_rgba\(var\(--green\)\,0\.2\)\]{--tw-shadow:0 0 50px -20px rgba(var(--green),.2);--tw-shadow-colored:0 0 50px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}#playground-root .shadow-\[0_4px_20px_rgba\(var\(--green\)\,0\.3\)\]{--tw-shadow:0 4px 20px rgba(var(--green),.3);--tw-shadow-colored:0 4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}#playground-root .shadow-\[inset_0_0_15px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:inset 0 0 15px #00000026;--tw-shadow-colored:inset 0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}#playground-root .shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}#playground-root .shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}#playground-root .shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}#playground-root .outline-none{outline-offset:2px;outline:2px solid #0000}#playground-root .ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}#playground-root .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}#playground-root .ring-\[rgba\(var\(--green\)\,0\.9\)\]{--tw-ring-color:rgba(var(--green),.9)}#playground-root .blur{--tw-blur:blur(8px);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)}#playground-root .grayscale-\[0\.5\]{--tw-grayscale:grayscale(.5);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)}#playground-root .filter{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)}#playground-root .backdrop-blur-\[10px\]{--tw-backdrop-blur:blur(10px);-webkit-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);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)}#playground-root .backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-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);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)}#playground-root .backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-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);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)}#playground-root .backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-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);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)}#playground-root .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}#playground-root .transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}#playground-root .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}#playground-root .duration-300{transition-duration:.3s}#playground-root .placeholder\:text-\[rgba\(var\(--foreground-rgb\)\,0\.4\)\]::placeholder{color:rgba(var(--foreground-rgb),.4)}#playground-root .hover\:-translate-y-0\.5:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#playground-root .hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#playground-root .hover\:bg-\[rgba\(var\(--background-rgb\)\,0\.8\)\]:hover{background-color:rgba(var(--background-rgb),.8)}#playground-root .hover\:bg-\[rgba\(var\(--foreground-rgb\)\,0\.08\)\]:hover{background-color:rgba(var(--foreground-rgb),.08)}#playground-root .hover\:bg-\[rgba\(var\(--foreground-rgb\)\,0\.1\)\]:hover{background-color:rgba(var(--foreground-rgb),.1)}#playground-root .hover\:bg-\[rgba\(var\(--green\)\,0\.15\)\]:hover{background-color:rgba(var(--green),.15)}#playground-root .hover\:bg-\[rgba\(var\(--green\)\,0\.3\)\]:hover{background-color:rgba(var(--green),.3)}#playground-root .hover\:bg-red-500\/15:hover{background-color:#ef444426}#playground-root .hover\:text-\[rgb\(var\(--foreground-rgb\)\)\]:hover{color:rgb(var(--foreground-rgb))}#playground-root .hover\:text-\[rgb\(var\(--green\)\)\]:hover{color:rgb(var(--green))}#playground-root .hover\:opacity-90:hover{opacity:.9}#playground-root .hover\:shadow-\[inset_0_0_20px_rgba\(var\(--green\)\,0\.2\)\]:hover{--tw-shadow:inset 0 0 20px rgba(var(--green),.2);--tw-shadow-colored:inset 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}#playground-root .hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}#playground-root .focus\:border-\[rgb\(var\(--green\)\)\]:focus{border-color:rgb(var(--green))}#playground-root .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}#playground-root .focus\:ring-\[rgba\(var\(--green\)\,0\.2\)\]:focus{--tw-ring-color:rgba(var(--green),.2)}#playground-root .focus\:ring-\[rgba\(var\(--green\)\,0\.3\)\]:focus{--tw-ring-color:rgba(var(--green),.3)}#playground-root .focus\:ring-\[rgba\(var\(--green\)\,0\.5\)\]:focus{--tw-ring-color:rgba(var(--green),.5)}#playground-root .active\:scale-90:active{--tw-scale-x:.9;--tw-scale-y:.9;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#playground-root .active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#playground-root .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}#playground-root .disabled\:opacity-30:disabled{opacity:.3}@media (min-width:768px){#playground-root .md\:mt-2{margin-top:.5rem}#playground-root .md\:block{display:block}#playground-root .md\:hidden{display:none}#playground-root .md\:h-3{height:.75rem}#playground-root .md\:h-3\.5{height:.875rem}#playground-root .md\:h-5{height:1.25rem}#playground-root .md\:h-7{height:1.75rem}#playground-root .md\:h-9{height:2.25rem}#playground-root .md\:min-h-0{min-height:0}#playground-root .md\:w-3{width:.75rem}#playground-root .md\:w-3\.5{width:.875rem}#playground-root .md\:w-5{width:1.25rem}#playground-root .md\:w-7{width:1.75rem}#playground-root .md\:min-w-0{min-width:0}#playground-root .md\:flex-row{flex-direction:row}#playground-root .md\:gap-1{gap:.25rem}#playground-root .md\:gap-2{gap:.5rem}#playground-root .md\:p-1\.5{padding:.375rem}#playground-root .md\:p-2{padding:.5rem}#playground-root .md\:p-6{padding:1.5rem}#playground-root .md\:px-2{padding-left:.5rem;padding-right:.5rem}#playground-root .md\:px-3{padding-left:.75rem;padding-right:.75rem}#playground-root .md\:px-4{padding-left:1rem;padding-right:1rem}#playground-root .md\:py-1{padding-top:.25rem;padding-bottom:.25rem}#playground-root .md\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}#playground-root .md\:pl-3{padding-left:.75rem}#playground-root .md\:pr-10{padding-right:2.5rem}#playground-root .md\:pt-2{padding-top:.5rem}#playground-root .md\:text-\[10px\]{font-size:10px}#playground-root .md\:text-sm{font-size:.875rem;line-height:1.25rem}#playground-root .md\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width:1024px){#playground-root .lg\:h-3{height:.75rem}#playground-root .lg\:w-3{width:.75rem}#playground-root .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}#playground-root .lg\:p-8{padding:2rem}#playground-root .lg\:text-5xl{font-size:3rem;line-height:1}#playground-root .lg\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1280px){#playground-root .xl\:col-span-2{grid-column:span 2/span 2}#playground-root .xl\:col-span-3{grid-column:span 3/span 3}#playground-root .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}