@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root{--color-primary-50:239 246 255;--color-primary-100:219 234 254;--color-primary-200:191 219 254;--color-primary-300:147 197 253;--color-primary-400:96 165 250;--color-primary-500:59 130 246;--color-primary-600:37 99 235;--color-primary-700:29 78 216;--color-primary-800:30 64 175;--color-primary-900:30 58 138;--color-primary-950:23 37 84;--color-secondary-50:248 250 252;--color-secondary-100:241 245 249;--color-secondary-200:226 232 240;--color-secondary-300:203 213 225;--color-secondary-400:148 163 184;--color-secondary-500:100 116 139;--color-secondary-600:71 85 105;--color-secondary-700:51 65 85;--color-secondary-800:30 41 59;--color-secondary-900:15 23 42;--color-secondary-950:2 6 23;--color-background:255 255 255;--color-surface:248 250 252;--color-text-primary:15 23 42;--color-text-secondary:51 65 85;--color-text-muted:100 116 139;--color-border:226 232 240;--color-border-light:241 245 249;--color-success:34 197 94;--color-success-100:220 252 231;--color-success-500:34 197 94;--color-success-600:22 163 74;--color-warning:245 158 11;--color-warning-100:254 243 199;--color-warning-500:245 158 11;--color-warning-600:217 119 6;--color-error:239 68 68;--color-error-100:254 226 226;--color-error-500:239 68 68;--color-error-600:220 38 38;--color-info:59 130 246;--color-info-100:219 234 254;--color-info-500:59 130 246;--color-info-600:37 99 235;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-xs:1rem;--leading-sm:1.25rem;--leading-base:1.5rem;--leading-lg:1.75rem;--leading-xl:1.75rem;--leading-2xl:2rem;--leading-3xl:2.25rem}[data-theme=dark]{--color-secondary-50:2 6 23;--color-secondary-100:15 23 42;--color-secondary-200:30 41 59;--color-secondary-300:51 65 85;--color-secondary-400:71 85 105;--color-secondary-500:100 116 139;--color-secondary-600:148 163 184;--color-secondary-700:203 213 225;--color-secondary-800:226 232 240;--color-secondary-900:241 245 249;--color-secondary-950:248 250 252;--color-background:15 23 42;--color-surface:30 41 59;--color-text-primary:248 250 252;--color-text-secondary:226 232 240;--color-text-muted:148 163 184;--color-border:51 65 85;--color-border-light:71 85 105;--color-success:74 222 128;--color-success-100:5 46 22;--color-success-500:74 222 128;--color-success-600:34 197 94;--color-warning:251 191 36;--color-warning-100:78 70 46;--color-warning-500:251 191 36;--color-warning-600:245 158 11;--color-error:248 113 113;--color-error-100:127 29 29;--color-error-500:248 113 113;--color-error-600:239 68 68;--color-info:96 165 250;--color-info-100:30 58 138;--color-info-500:96 165 250;--color-info-600:59 130 246}[data-theme=green]{--color-primary-50:240 253 244;--color-primary-100:220 252 231;--color-primary-200:187 247 208;--color-primary-300:134 239 172;--color-primary-400:74 222 128;--color-primary-500:34 197 94;--color-primary-600:22 163 74;--color-primary-700:21 128 61;--color-primary-800:22 101 52;--color-primary-900:20 83 45;--color-primary-950:5 46 22}[data-theme=purple]{--color-primary-50:250 245 255;--color-primary-100:243 232 255;--color-primary-200:233 213 255;--color-primary-300:216 180 254;--color-primary-400:196 181 253;--color-primary-500:168 85 247;--color-primary-600:147 51 234;--color-primary-700:126 34 206;--color-primary-800:107 33 168;--color-primary-900:88 28 135;--color-primary-950:59 7 100}.theme-transition{transition:background-color .3s,color .3s,border-color .3s}*{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.z-10{z-index:10}.z-\[9999\]{z-index:9999}.container{width:100%}.mx-auto{margin-inline:auto}.mb-\[4rem\]{margin-bottom:4rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-\[10rem\]{height:10rem}.min-h-screen{min-height:100vh}.w-auto{width:auto}.max-w-\[28rem\]{max-width:28rem}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-3{opacity:.03}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition{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,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{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,ease);transition-duration:var(--tw-duration,0s)}@media(hover:hover){.hover\:opacity-90:hover{opacity:.9}}@layer base{html{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}body{background-color:rgb(var(--color-background));color:rgb(var(--color-text-primary));width:100vw;min-height:100vh;margin:0;padding:0;font-weight:400;line-height:1.5;overflow:hidden}#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}}@layer utilities{@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-shimmer{animation:1.5s infinite shimmer}.loading-spinner:before{content:"";border:4px solid #0000;border-top-color:rgb(var(--color-primary-500,59 130 246));border-right-color:rgba(var(--color-primary-500,59 130 246),.7);border-bottom-color:rgba(var(--color-primary-500,59 130 246),.4);border-left-color:rgba(var(--color-primary-500,59 130 246),.1);width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(var(--color-primary-500,59 130 246),.6));border-radius:50%;animation:.5s linear infinite spin;position:absolute;top:0;left:0}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}}@layer components{.theme-card{background-color:rgb(var(--color-surface));border:1px solid rgb(var(--color-border));border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.theme-text-primary{color:rgb(var(--color-text-primary))}.theme-text-secondary{color:rgb(var(--color-text-secondary))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.react-colorful{border-radius:8px;box-shadow:0 4px 12px #0000001a;border:1px solid rgb(var(--color-border))}.react-colorful__saturation{border-radius:6px 6px 0 0}.react-colorful__hue{height:24px;border-radius:0 0 6px 6px}.react-colorful__pointer{width:18px;height:18px;border:2px solid white;box-shadow:0 2px 8px #0003}.react-colorful__saturation-pointer{width:16px;height:16px;border:2px solid white;box-shadow:0 2px 8px #0000004d}.react-colorful__hue-pointer{width:18px;height:18px;border:2px solid white;box-shadow:0 2px 8px #0003}