@mhamz.01/easyflow-whiteboard 2.110.0 → 2.112.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/styles.css +1341 -1
  2. package/package.json +2 -2
package/dist/styles.css CHANGED
@@ -1,2 +1,1342 @@
1
1
  /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- @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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@media preflight(none){@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-500:oklch(70.5% .213 47.604);--color-emerald-500:oklch(69.6% .17 162.48);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.-inset-px{inset:-1px}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-11{top:calc(var(--spacing) * -11)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-6{top:calc(var(--spacing) * 6)}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-full{bottom:100%}.-left-\[1px\]{left:-1px}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.-z-10{z-index:calc(10 * -1)}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-\[5px\]{margin-inline:5px}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.h-0{height:calc(var(--spacing) * 0)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-\[1px\]{height:1px}.h-\[2px\]{height:2px}.h-\[14px\]{height:14px}.h-\[22px\]{height:22px}.h-\[48px\]{height:48px}.h-\[100px\]{height:100px}.h-\[300px\]{height:300px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85vh\]{max-height:85vh}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-64{width:calc(var(--spacing) * 64)}.w-\[3px\]{width:3px}.w-\[14px\]{width:14px}.w-\[310px\]{width:310px}.w-\[320px\]{width:320px}.w-\[340px\]{width:340px}.w-\[380px\]{width:380px}.w-\[400px\]{width:400px}.w-\[calc\(100\%-80px\)\]{width:calc(100% - 80px)}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-\[120px\]{max-width:120px}.max-w-\[180px\]{max-width:180px}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[48px\]{min-width:48px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-12{--tw-translate-x:calc(var(--spacing) * -12);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);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)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[1\.03\]{scale:1.03}.scale-\[1\.04\]{scale:1.04}.rotate-0{rotate:none}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-\[3px\]{gap:3px}.gap-\[5px\]{gap:5px}.gap-\[6px\]{gap:6px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-1\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[3px\]{border-radius:3px}.rounded-\[18px\]{border-radius:18px}.rounded-\[24px\]{border-radius:24px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-2xl{border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-r-2xl{border-top-right-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl)}.rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#2C2C2E\]{border-color:#2c2c2e}.border-\[\#10B981\]{border-color:#10b981}.border-\[\#10B981\]\/20{border-color:oklab(69.5873% -.142158 .0448781/.2)}.border-\[\#029AFF\]{border-color:#029aff}.border-\[\#029AFF\]\/20{border-color:oklab(67.1382% -.0668607 -.16985/.2)}.border-\[\#333\]{border-color:#333}.border-\[\#28282b\]{border-color:#28282b}.border-\[\#121214\]{border-color:#121214}.border-\[\#232326\]{border-color:#232326}.border-\[\#252526\]{border-color:#252526}.border-\[\#A1A1A1\]{border-color:#a1a1a1}.border-\[rgba\(161\,161\,161\,0\.8\)\]{border-color:#a1a1a1cc}.border-gray-700{border-color:var(--color-gray-700)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-500{border-color:var(--color-neutral-500)}.border-neutral-700{border-color:var(--color-neutral-700)}.border-neutral-800{border-color:var(--color-neutral-800)}.border-transparent{border-color:#0000}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-\[\#0b0b0b\]{background-color:#0b0b0b}.bg-\[\#1A1A1E\]\/90{background-color:oklab(21.9517% .00210053 -.00745043/.9)}.bg-\[\#1A1A1E\]\/95{background-color:oklab(21.9517% .00210053 -.00745043/.95)}.bg-\[\#1C1C1E\]{background-color:#1c1c1e}.bg-\[\#2C2C2E\]{background-color:#2c2c2e}.bg-\[\#3A3A3C\]{background-color:#3a3a3c}.bg-\[\#10B981\]{background-color:#10b981}.bg-\[\#10B981\]\/10{background-color:oklab(69.5873% -.142158 .0448781/.1)}.bg-\[\#029AFF\]{background-color:#029aff}.bg-\[\#029AFF\]\/10{background-color:oklab(67.1382% -.0668607 -.16985/.1)}.bg-\[\#09090A\]{background-color:#09090a}.bg-\[\#121214\]{background-color:#121214}.bg-\[\#121214\]\/95{background-color:oklab(18.3088% .00111321 -.00388381/.95)}.bg-\[\#161617\]{background-color:#161617}.bg-\[\#A1A1A1\]{background-color:#a1a1a1}.bg-\[rgba\(5\,5\,5\,0\.97\)\]{background-color:#050505f7}.bg-black\/95{background-color:#000000f2}@supports (color:color-mix(in lab, red, red)){.bg-black\/95{background-color:color-mix(in oklab, var(--color-black) 95%, transparent)}}.bg-current{background-color:currentColor}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-neutral-500{background-color:var(--color-neutral-500)}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-neutral-800\/50{background-color:#26262680}@supports (color:color-mix(in lab, red, red)){.bg-neutral-800\/50{background-color:color-mix(in oklab, var(--color-neutral-800) 50%, transparent)}}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/8{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/12{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.bg-white\/12{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.bg-white\/30{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.bg-white\/55{background-color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.bg-white\/55{background-color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.bg-white\/\[0\.02\]{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.02\]{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#0b0b0b\]{--tw-gradient-from:#0b0b0b;--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))}.from-\[\#029AFF\]\/20{--tw-gradient-from:oklab(67.1382% -.0668607 -.16985/.2);--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))}.from-\[\#09090A\]{--tw-gradient-from:#09090a;--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))}.from-white\/10{--tw-gradient-from:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.from-white\/10{--tw-gradient-from:color-mix(in oklab, var(--color-white) 10%, transparent)}}.from-white\/10{--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))}.to-\[\#7000FF\]\/20{--tw-gradient-to:oklab(51.3555% .0937862 -.277611/.2);--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))}.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))}.to-white\/5{--tw-gradient-to:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.to-white\/5{--tw-gradient-to:color-mix(in oklab, var(--color-white) 5%, transparent)}}.to-white\/5{--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-current{fill:currentColor}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-\[10px\]{padding-inline:10px}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#10B981\]{color:#10b981}.text-\[\#029AFF\]{color:#029aff}.text-black{color:var(--color-black)}.text-current{color:currentColor}.text-gray-100{color:var(--color-gray-100)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-200{color:var(--color-neutral-200)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-red-500{color:var(--color-red-500)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.accent-neutral-200{accent-color:var(--color-neutral-200)}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--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)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);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_15px_\#029AFF\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#029aff);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_20px_50px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 20px 50px var(--tw-shadow-color,#00000080);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_32px_64px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:0 32px 64px var(--tw-shadow-color,#0009);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}.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)}.shadow-sm{--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)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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-1{--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)}.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-\[\#10B981\]\/20{--tw-shadow-color:#10b98133}@supports (color:color-mix(in lab, red, red)){.shadow-\[\#10B981\]\/20{--tw-shadow-color:color-mix(in oklab, oklab(69.5873% -.142158 .0448781/.2) var(--tw-shadow-alpha), transparent)}}.shadow-black\/20{--tw-shadow-color:#0003}@supports (color:color-mix(in lab, red, red)){.shadow-black\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-\[\#029AFF\]{--tw-ring-color:#029aff}.ring-\[\#161617\]{--tw-ring-color:#161617}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-neutral-400{outline-color:var(--color-neutral-400)}.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,)}.blur-md{--tw-blur:blur(var(--blur-md));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,)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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,)}.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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\]{--tw-ease:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:bg-\[\#029AFF\]:is(:where(.group):hover *){background-color:#029aff}.group-hover\:text-\[\#10B981\]:is(:where(.group):hover *){color:#10b981}.group-hover\:text-gray-400:is(:where(.group):hover *){color:var(--color-gray-400)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\/title\:text-\[\#029AFF\]:is(:where(.group\/title):hover *){color:#029aff}.group-hover\/tooltip\:opacity-100:is(:where(.group\/tooltip):hover *){opacity:1}}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\:bg-\[\#029AFF\]\/40 ::selection{background-color:oklab(67.1382% -.0668607 -.16985/.4)}.selection\:bg-\[\#029AFF\]\/40::selection{background-color:oklab(67.1382% -.0668607 -.16985/.4)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-0:after{content:var(--tw-content);top:calc(var(--spacing) * 0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:-translate-y-full:after{content:var(--tw-content);--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:border-4:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:4px}.after\:border-transparent:after{content:var(--tw-content);border-color:#0000}.after\:border-b-gray-900:after{content:var(--tw-content);border-bottom-color:var(--color-gray-900)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:border-\[\#3e3e42\]:hover{border-color:#3e3e42}.hover\:border-\[\#10B981\]:hover{border-color:#10b981}.hover\:border-neutral-500:hover{border-color:var(--color-neutral-500)}.hover\:border-white\/5:hover{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/5:hover{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:bg-\[\#10B981\]:hover{background-color:#10b981}.hover\:bg-\[\#029AFF\]:hover{background-color:#029aff}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-neutral-800:hover{background-color:var(--color-neutral-800)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:text-\[\#10B981\]\/50:hover{color:oklab(69.5873% -.142158 .0448781/.5)}.hover\:text-black:hover{color:var(--color-black)}.hover\:text-blue-400:hover{color:var(--color-blue-400)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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\:ring-2: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\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\:ring-offset-2:focus-visible{--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)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:bg-white\/20:active{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.active\:bg-white\/20:active{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.active\:bg-white\/30:active{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.active\:bg-white\/30:active{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing) * 8)}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}@media (min-width:48rem){.md\:bottom-6{bottom:calc(var(--spacing) * 6)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-auto{width:auto}.md\:snap-none{scroll-snap-type:none}.md\:overflow-x-visible{overflow-x:visible}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}}.easyflow-whiteboard{isolation:isolate;--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0);--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 8px);--radius-3xl:calc(var(--radius) + 12px);--radius-4xl:calc(var(--radius) + 16px);width:100%;height:100%;position:relative}.easyflow-whiteboard.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes pulse{50%{opacity:.5}}
2
+ @layer properties;
3
+ .pointer-events-auto {
4
+ pointer-events: auto;
5
+ }
6
+ .pointer-events-none {
7
+ pointer-events: none;
8
+ }
9
+ .invisible {
10
+ visibility: hidden;
11
+ }
12
+ .visible {
13
+ visibility: visible;
14
+ }
15
+ .absolute {
16
+ position: absolute;
17
+ }
18
+ .fixed {
19
+ position: fixed;
20
+ }
21
+ .relative {
22
+ position: relative;
23
+ }
24
+ .static {
25
+ position: static;
26
+ }
27
+ .-inset-px {
28
+ inset: -1px;
29
+ }
30
+ .top-1\/2 {
31
+ top: calc(1 / 2 * 100%);
32
+ }
33
+ .top-full {
34
+ top: 100%;
35
+ }
36
+ .bottom-full {
37
+ bottom: 100%;
38
+ }
39
+ .-left-\[1px\] {
40
+ left: calc(1px * -1);
41
+ }
42
+ .left-1\/2 {
43
+ left: calc(1 / 2 * 100%);
44
+ }
45
+ .-z-10 {
46
+ z-index: calc(10 * -1);
47
+ }
48
+ .z-10 {
49
+ z-index: 10;
50
+ }
51
+ .z-20 {
52
+ z-index: 20;
53
+ }
54
+ .z-40 {
55
+ z-index: 40;
56
+ }
57
+ .z-50 {
58
+ z-index: 50;
59
+ }
60
+ .z-\[60\] {
61
+ z-index: 60;
62
+ }
63
+ .z-\[100\] {
64
+ z-index: 100;
65
+ }
66
+ .mx-\[5px\] {
67
+ margin-inline: 5px;
68
+ }
69
+ .ml-auto {
70
+ margin-left: auto;
71
+ }
72
+ .line-clamp-2 {
73
+ overflow: hidden;
74
+ display: -webkit-box;
75
+ -webkit-box-orient: vertical;
76
+ -webkit-line-clamp: 2;
77
+ }
78
+ .block {
79
+ display: block;
80
+ }
81
+ .flex {
82
+ display: flex;
83
+ }
84
+ .grid {
85
+ display: grid;
86
+ }
87
+ .hidden {
88
+ display: none;
89
+ }
90
+ .h-\[1px\] {
91
+ height: 1px;
92
+ }
93
+ .h-\[2px\] {
94
+ height: 2px;
95
+ }
96
+ .h-\[14px\] {
97
+ height: 14px;
98
+ }
99
+ .h-\[22px\] {
100
+ height: 22px;
101
+ }
102
+ .h-\[48px\] {
103
+ height: 48px;
104
+ }
105
+ .h-\[100px\] {
106
+ height: 100px;
107
+ }
108
+ .h-\[300px\] {
109
+ height: 300px;
110
+ }
111
+ .h-auto {
112
+ height: auto;
113
+ }
114
+ .h-full {
115
+ height: 100%;
116
+ }
117
+ .h-px {
118
+ height: 1px;
119
+ }
120
+ .h-screen {
121
+ height: 100vh;
122
+ }
123
+ .max-h-\(--radix-dropdown-menu-content-available-height\) {
124
+ max-height: var(--radix-dropdown-menu-content-available-height);
125
+ }
126
+ .max-h-\[60vh\] {
127
+ max-height: 60vh;
128
+ }
129
+ .max-h-\[70vh\] {
130
+ max-height: 70vh;
131
+ }
132
+ .max-h-\[85vh\] {
133
+ max-height: 85vh;
134
+ }
135
+ .w-\[3px\] {
136
+ width: 3px;
137
+ }
138
+ .w-\[14px\] {
139
+ width: 14px;
140
+ }
141
+ .w-\[310px\] {
142
+ width: 310px;
143
+ }
144
+ .w-\[320px\] {
145
+ width: 320px;
146
+ }
147
+ .w-\[340px\] {
148
+ width: 340px;
149
+ }
150
+ .w-\[380px\] {
151
+ width: 380px;
152
+ }
153
+ .w-\[400px\] {
154
+ width: 400px;
155
+ }
156
+ .w-\[calc\(100\%-80px\)\] {
157
+ width: calc(100% - 80px);
158
+ }
159
+ .w-fit {
160
+ width: fit-content;
161
+ }
162
+ .w-full {
163
+ width: 100%;
164
+ }
165
+ .w-px {
166
+ width: 1px;
167
+ }
168
+ .w-screen {
169
+ width: 100vw;
170
+ }
171
+ .max-w-\[120px\] {
172
+ max-width: 120px;
173
+ }
174
+ .max-w-\[180px\] {
175
+ max-width: 180px;
176
+ }
177
+ .max-w-full {
178
+ max-width: 100%;
179
+ }
180
+ .min-w-\[8rem\] {
181
+ min-width: 8rem;
182
+ }
183
+ .min-w-\[48px\] {
184
+ min-width: 48px;
185
+ }
186
+ .flex-1 {
187
+ flex: 1;
188
+ }
189
+ .flex-shrink {
190
+ flex-shrink: 1;
191
+ }
192
+ .flex-shrink-0 {
193
+ flex-shrink: 0;
194
+ }
195
+ .shrink-0 {
196
+ flex-shrink: 0;
197
+ }
198
+ .grow {
199
+ flex-grow: 1;
200
+ }
201
+ .origin-\(--radix-dropdown-menu-content-transform-origin\) {
202
+ transform-origin: var(--radix-dropdown-menu-content-transform-origin);
203
+ }
204
+ .-translate-x-1\/2 {
205
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
206
+ translate: var(--tw-translate-x) var(--tw-translate-y);
207
+ }
208
+ .-translate-y-1\/2 {
209
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
210
+ translate: var(--tw-translate-x) var(--tw-translate-y);
211
+ }
212
+ .scale-95 {
213
+ --tw-scale-x: 95%;
214
+ --tw-scale-y: 95%;
215
+ --tw-scale-z: 95%;
216
+ scale: var(--tw-scale-x) var(--tw-scale-y);
217
+ }
218
+ .scale-100 {
219
+ --tw-scale-x: 100%;
220
+ --tw-scale-y: 100%;
221
+ --tw-scale-z: 100%;
222
+ scale: var(--tw-scale-x) var(--tw-scale-y);
223
+ }
224
+ .scale-\[1\.03\] {
225
+ scale: 1.03;
226
+ }
227
+ .scale-\[1\.04\] {
228
+ scale: 1.04;
229
+ }
230
+ .rotate-0 {
231
+ rotate: 0deg;
232
+ }
233
+ .rotate-180 {
234
+ rotate: 180deg;
235
+ }
236
+ .transform {
237
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
238
+ }
239
+ .cursor-default {
240
+ cursor: default;
241
+ }
242
+ .cursor-grab {
243
+ cursor: grab;
244
+ }
245
+ .cursor-grabbing {
246
+ cursor: grabbing;
247
+ }
248
+ .cursor-pointer {
249
+ cursor: pointer;
250
+ }
251
+ .touch-none {
252
+ touch-action: none;
253
+ }
254
+ .resize {
255
+ resize: both;
256
+ }
257
+ .snap-x {
258
+ scroll-snap-type: x var(--tw-scroll-snap-strictness);
259
+ }
260
+ .snap-mandatory {
261
+ --tw-scroll-snap-strictness: mandatory;
262
+ }
263
+ .snap-center {
264
+ scroll-snap-align: center;
265
+ }
266
+ .list-inside {
267
+ list-style-position: inside;
268
+ }
269
+ .list-disc {
270
+ list-style-type: disc;
271
+ }
272
+ .appearance-none {
273
+ appearance: none;
274
+ }
275
+ .grid-cols-2 {
276
+ grid-template-columns: repeat(2, minmax(0, 1fr));
277
+ }
278
+ .grid-cols-4 {
279
+ grid-template-columns: repeat(4, minmax(0, 1fr));
280
+ }
281
+ .grid-cols-6 {
282
+ grid-template-columns: repeat(6, minmax(0, 1fr));
283
+ }
284
+ .flex-col {
285
+ flex-direction: column;
286
+ }
287
+ .flex-wrap {
288
+ flex-wrap: wrap;
289
+ }
290
+ .items-center {
291
+ align-items: center;
292
+ }
293
+ .items-start {
294
+ align-items: flex-start;
295
+ }
296
+ .justify-between {
297
+ justify-content: space-between;
298
+ }
299
+ .justify-center {
300
+ justify-content: center;
301
+ }
302
+ .gap-\[3px\] {
303
+ gap: 3px;
304
+ }
305
+ .gap-\[5px\] {
306
+ gap: 5px;
307
+ }
308
+ .gap-\[6px\] {
309
+ gap: 6px;
310
+ }
311
+ .truncate {
312
+ overflow: hidden;
313
+ text-overflow: ellipsis;
314
+ white-space: nowrap;
315
+ }
316
+ .overflow-hidden {
317
+ overflow: hidden;
318
+ }
319
+ .overflow-visible {
320
+ overflow: visible;
321
+ }
322
+ .overflow-x-auto {
323
+ overflow-x: auto;
324
+ }
325
+ .overflow-x-hidden {
326
+ overflow-x: hidden;
327
+ }
328
+ .overflow-y-auto {
329
+ overflow-y: auto;
330
+ }
331
+ .scroll-smooth {
332
+ scroll-behavior: smooth;
333
+ }
334
+ .rounded-\[3px\] {
335
+ border-radius: 3px;
336
+ }
337
+ .rounded-\[18px\] {
338
+ border-radius: 18px;
339
+ }
340
+ .rounded-\[24px\] {
341
+ border-radius: 24px;
342
+ }
343
+ .rounded-full {
344
+ border-radius: calc(infinity * 1px);
345
+ }
346
+ .rounded-r-full {
347
+ border-top-right-radius: calc(infinity * 1px);
348
+ border-bottom-right-radius: calc(infinity * 1px);
349
+ }
350
+ .border {
351
+ border-style: var(--tw-border-style);
352
+ border-width: 1px;
353
+ }
354
+ .border-2 {
355
+ border-style: var(--tw-border-style);
356
+ border-width: 2px;
357
+ }
358
+ .border-t {
359
+ border-top-style: var(--tw-border-style);
360
+ border-top-width: 1px;
361
+ }
362
+ .border-b {
363
+ border-bottom-style: var(--tw-border-style);
364
+ border-bottom-width: 1px;
365
+ }
366
+ .border-\[\#2C2C2E\] {
367
+ border-color: #2C2C2E;
368
+ }
369
+ .border-\[\#10B981\] {
370
+ border-color: #10B981;
371
+ }
372
+ .border-\[\#10B981\]\/20 {
373
+ border-color: color-mix(in oklab, #10B981 20%, transparent);
374
+ }
375
+ .border-\[\#029AFF\] {
376
+ border-color: #029AFF;
377
+ }
378
+ .border-\[\#029AFF\]\/20 {
379
+ border-color: color-mix(in oklab, #029AFF 20%, transparent);
380
+ }
381
+ .border-\[\#333\] {
382
+ border-color: #333;
383
+ }
384
+ .border-\[\#28282b\] {
385
+ border-color: #28282b;
386
+ }
387
+ .border-\[\#121214\] {
388
+ border-color: #121214;
389
+ }
390
+ .border-\[\#232326\] {
391
+ border-color: #232326;
392
+ }
393
+ .border-\[\#252526\] {
394
+ border-color: #252526;
395
+ }
396
+ .border-\[\#A1A1A1\] {
397
+ border-color: #A1A1A1;
398
+ }
399
+ .border-\[rgba\(161\,161\,161\,0\.8\)\] {
400
+ border-color: rgba(161,161,161,0.8);
401
+ }
402
+ .border-transparent {
403
+ border-color: transparent;
404
+ }
405
+ .bg-\[\#0b0b0b\] {
406
+ background-color: #0b0b0b;
407
+ }
408
+ .bg-\[\#1A1A1E\]\/90 {
409
+ background-color: color-mix(in oklab, #1A1A1E 90%, transparent);
410
+ }
411
+ .bg-\[\#1A1A1E\]\/95 {
412
+ background-color: color-mix(in oklab, #1A1A1E 95%, transparent);
413
+ }
414
+ .bg-\[\#1C1C1E\] {
415
+ background-color: #1C1C1E;
416
+ }
417
+ .bg-\[\#2C2C2E\] {
418
+ background-color: #2C2C2E;
419
+ }
420
+ .bg-\[\#3A3A3C\] {
421
+ background-color: #3A3A3C;
422
+ }
423
+ .bg-\[\#10B981\] {
424
+ background-color: #10B981;
425
+ }
426
+ .bg-\[\#10B981\]\/10 {
427
+ background-color: color-mix(in oklab, #10B981 10%, transparent);
428
+ }
429
+ .bg-\[\#029AFF\] {
430
+ background-color: #029AFF;
431
+ }
432
+ .bg-\[\#029AFF\]\/10 {
433
+ background-color: color-mix(in oklab, #029AFF 10%, transparent);
434
+ }
435
+ .bg-\[\#09090A\] {
436
+ background-color: #09090A;
437
+ }
438
+ .bg-\[\#121214\] {
439
+ background-color: #121214;
440
+ }
441
+ .bg-\[\#121214\]\/95 {
442
+ background-color: color-mix(in oklab, #121214 95%, transparent);
443
+ }
444
+ .bg-\[\#161617\] {
445
+ background-color: #161617;
446
+ }
447
+ .bg-\[\#A1A1A1\] {
448
+ background-color: #A1A1A1;
449
+ }
450
+ .bg-\[rgba\(5\,5\,5\,0\.97\)\] {
451
+ background-color: rgba(5,5,5,0.97);
452
+ }
453
+ .bg-current {
454
+ background-color: currentcolor;
455
+ }
456
+ .bg-transparent {
457
+ background-color: transparent;
458
+ }
459
+ .bg-gradient-to-b {
460
+ --tw-gradient-position: to bottom in oklab;
461
+ background-image: linear-gradient(var(--tw-gradient-stops));
462
+ }
463
+ .bg-gradient-to-l {
464
+ --tw-gradient-position: to left in oklab;
465
+ background-image: linear-gradient(var(--tw-gradient-stops));
466
+ }
467
+ .bg-gradient-to-r {
468
+ --tw-gradient-position: to right in oklab;
469
+ background-image: linear-gradient(var(--tw-gradient-stops));
470
+ }
471
+ .bg-gradient-to-t {
472
+ --tw-gradient-position: to top in oklab;
473
+ background-image: linear-gradient(var(--tw-gradient-stops));
474
+ }
475
+ .from-\[\#0b0b0b\] {
476
+ --tw-gradient-from: #0b0b0b;
477
+ --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));
478
+ }
479
+ .from-\[\#029AFF\]\/20 {
480
+ --tw-gradient-from: color-mix(in oklab, #029AFF 20%, transparent);
481
+ --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));
482
+ }
483
+ .from-\[\#09090A\] {
484
+ --tw-gradient-from: #09090A;
485
+ --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));
486
+ }
487
+ .to-\[\#7000FF\]\/20 {
488
+ --tw-gradient-to: color-mix(in oklab, #7000FF 20%, transparent);
489
+ --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));
490
+ }
491
+ .to-transparent {
492
+ --tw-gradient-to: transparent;
493
+ --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));
494
+ }
495
+ .fill-current {
496
+ fill: currentcolor;
497
+ }
498
+ .px-\[10px\] {
499
+ padding-inline: 10px;
500
+ }
501
+ .text-center {
502
+ text-align: center;
503
+ }
504
+ .text-left {
505
+ text-align: left;
506
+ }
507
+ .text-\[8px\] {
508
+ font-size: 8px;
509
+ }
510
+ .text-\[9px\] {
511
+ font-size: 9px;
512
+ }
513
+ .text-\[10px\] {
514
+ font-size: 10px;
515
+ }
516
+ .text-\[11px\] {
517
+ font-size: 11px;
518
+ }
519
+ .text-\[13px\] {
520
+ font-size: 13px;
521
+ }
522
+ .text-\[15px\] {
523
+ font-size: 15px;
524
+ }
525
+ .text-\[16px\] {
526
+ font-size: 16px;
527
+ }
528
+ .leading-none {
529
+ --tw-leading: 1;
530
+ line-height: 1;
531
+ }
532
+ .tracking-\[0\.1em\] {
533
+ --tw-tracking: 0.1em;
534
+ letter-spacing: 0.1em;
535
+ }
536
+ .tracking-\[0\.2em\] {
537
+ --tw-tracking: 0.2em;
538
+ letter-spacing: 0.2em;
539
+ }
540
+ .whitespace-nowrap {
541
+ white-space: nowrap;
542
+ }
543
+ .text-\[\#10B981\] {
544
+ color: #10B981;
545
+ }
546
+ .text-\[\#029AFF\] {
547
+ color: #029AFF;
548
+ }
549
+ .text-current {
550
+ color: currentcolor;
551
+ }
552
+ .text-transparent {
553
+ color: transparent;
554
+ }
555
+ .capitalize {
556
+ text-transform: capitalize;
557
+ }
558
+ .uppercase {
559
+ text-transform: uppercase;
560
+ }
561
+ .italic {
562
+ font-style: italic;
563
+ }
564
+ .tabular-nums {
565
+ --tw-numeric-spacing: tabular-nums;
566
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
567
+ }
568
+ .line-through {
569
+ text-decoration-line: line-through;
570
+ }
571
+ .opacity-0 {
572
+ opacity: 0%;
573
+ }
574
+ .opacity-30 {
575
+ opacity: 30%;
576
+ }
577
+ .opacity-60 {
578
+ opacity: 60%;
579
+ }
580
+ .opacity-70 {
581
+ opacity: 70%;
582
+ }
583
+ .opacity-100 {
584
+ opacity: 100%;
585
+ }
586
+ .shadow-\[0_0_15px_\#029AFF\] {
587
+ --tw-shadow: 0 0 15px var(--tw-shadow-color, #029AFF);
588
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
589
+ }
590
+ .shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.5\)\] {
591
+ --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(0,0,0,0.5));
592
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
593
+ }
594
+ .shadow-\[0_32px_64px_rgba\(0\,0\,0\,0\.6\)\] {
595
+ --tw-shadow: 0 32px 64px var(--tw-shadow-color, rgba(0,0,0,0.6));
596
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
597
+ }
598
+ .ring-1 {
599
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
600
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
601
+ }
602
+ .ring-2 {
603
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
604
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
605
+ }
606
+ .shadow-\[\#10B981\]\/20 {
607
+ --tw-shadow-color: color-mix(in srgb, #10B981 20%, transparent);
608
+ @supports (color: color-mix(in lab, red, red)) {
609
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #10B981 20%, transparent) var(--tw-shadow-alpha), transparent);
610
+ }
611
+ }
612
+ .ring-\[\#029AFF\] {
613
+ --tw-ring-color: #029AFF;
614
+ }
615
+ .ring-\[\#161617\] {
616
+ --tw-ring-color: #161617;
617
+ }
618
+ .outline-hidden {
619
+ --tw-outline-style: none;
620
+ outline-style: none;
621
+ @media (forced-colors: active) {
622
+ outline: 2px solid transparent;
623
+ outline-offset: 2px;
624
+ }
625
+ }
626
+ .outline {
627
+ outline-style: var(--tw-outline-style);
628
+ outline-width: 1px;
629
+ }
630
+ .outline-2 {
631
+ outline-style: var(--tw-outline-style);
632
+ outline-width: 2px;
633
+ }
634
+ .transition {
635
+ 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;
636
+ transition-timing-function: var(--tw-ease, ease);
637
+ transition-duration: var(--tw-duration, 0s);
638
+ }
639
+ .transition-\[color\,box-shadow\] {
640
+ transition-property: color,box-shadow;
641
+ transition-timing-function: var(--tw-ease, ease);
642
+ transition-duration: var(--tw-duration, 0s);
643
+ }
644
+ .transition-all {
645
+ transition-property: all;
646
+ transition-timing-function: var(--tw-ease, ease);
647
+ transition-duration: var(--tw-duration, 0s);
648
+ }
649
+ .transition-colors {
650
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
651
+ transition-timing-function: var(--tw-ease, ease);
652
+ transition-duration: var(--tw-duration, 0s);
653
+ }
654
+ .transition-opacity {
655
+ transition-property: opacity;
656
+ transition-timing-function: var(--tw-ease, ease);
657
+ transition-duration: var(--tw-duration, 0s);
658
+ }
659
+ .transition-transform {
660
+ transition-property: transform, translate, scale, rotate;
661
+ transition-timing-function: var(--tw-ease, ease);
662
+ transition-duration: var(--tw-duration, 0s);
663
+ }
664
+ .duration-150 {
665
+ --tw-duration: 150ms;
666
+ transition-duration: 150ms;
667
+ }
668
+ .duration-200 {
669
+ --tw-duration: 200ms;
670
+ transition-duration: 200ms;
671
+ }
672
+ .duration-300 {
673
+ --tw-duration: 300ms;
674
+ transition-duration: 300ms;
675
+ }
676
+ .duration-500 {
677
+ --tw-duration: 500ms;
678
+ transition-duration: 500ms;
679
+ }
680
+ .ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\] {
681
+ --tw-ease: cubic-bezier(0.23,1,0.32,1);
682
+ transition-timing-function: cubic-bezier(0.23,1,0.32,1);
683
+ }
684
+ .select-none {
685
+ -webkit-user-select: none;
686
+ user-select: none;
687
+ }
688
+ .group-hover\:scale-110 {
689
+ &:is(:where(.group):hover *) {
690
+ @media (hover: hover) {
691
+ --tw-scale-x: 110%;
692
+ --tw-scale-y: 110%;
693
+ --tw-scale-z: 110%;
694
+ scale: var(--tw-scale-x) var(--tw-scale-y);
695
+ }
696
+ }
697
+ }
698
+ .group-hover\:bg-\[\#029AFF\] {
699
+ &:is(:where(.group):hover *) {
700
+ @media (hover: hover) {
701
+ background-color: #029AFF;
702
+ }
703
+ }
704
+ }
705
+ .group-hover\:text-\[\#10B981\] {
706
+ &:is(:where(.group):hover *) {
707
+ @media (hover: hover) {
708
+ color: #10B981;
709
+ }
710
+ }
711
+ }
712
+ .group-hover\:opacity-100 {
713
+ &:is(:where(.group):hover *) {
714
+ @media (hover: hover) {
715
+ opacity: 100%;
716
+ }
717
+ }
718
+ }
719
+ .group-hover\/title\:text-\[\#029AFF\] {
720
+ &:is(:where(.group\/title):hover *) {
721
+ @media (hover: hover) {
722
+ color: #029AFF;
723
+ }
724
+ }
725
+ }
726
+ .group-hover\/tooltip\:opacity-100 {
727
+ &:is(:where(.group\/tooltip):hover *) {
728
+ @media (hover: hover) {
729
+ opacity: 100%;
730
+ }
731
+ }
732
+ }
733
+ .group-data-\[disabled\=true\]\:pointer-events-none {
734
+ &:is(:where(.group)[data-disabled="true"] *) {
735
+ pointer-events: none;
736
+ }
737
+ }
738
+ .group-data-\[disabled\=true\]\:opacity-50 {
739
+ &:is(:where(.group)[data-disabled="true"] *) {
740
+ opacity: 50%;
741
+ }
742
+ }
743
+ .peer-disabled\:cursor-not-allowed {
744
+ &:is(:where(.peer):disabled ~ *) {
745
+ cursor: not-allowed;
746
+ }
747
+ }
748
+ .peer-disabled\:opacity-50 {
749
+ &:is(:where(.peer):disabled ~ *) {
750
+ opacity: 50%;
751
+ }
752
+ }
753
+ .selection\:bg-\[\#029AFF\]\/40 {
754
+ & *::selection {
755
+ background-color: color-mix(in oklab, #029AFF 40%, transparent);
756
+ }
757
+ &::selection {
758
+ background-color: color-mix(in oklab, #029AFF 40%, transparent);
759
+ }
760
+ }
761
+ .after\:absolute {
762
+ &::after {
763
+ content: var(--tw-content);
764
+ position: absolute;
765
+ }
766
+ }
767
+ .after\:left-1\/2 {
768
+ &::after {
769
+ content: var(--tw-content);
770
+ left: calc(1 / 2 * 100%);
771
+ }
772
+ }
773
+ .after\:-translate-x-1\/2 {
774
+ &::after {
775
+ content: var(--tw-content);
776
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
777
+ translate: var(--tw-translate-x) var(--tw-translate-y);
778
+ }
779
+ }
780
+ .after\:-translate-y-full {
781
+ &::after {
782
+ content: var(--tw-content);
783
+ --tw-translate-y: -100%;
784
+ translate: var(--tw-translate-x) var(--tw-translate-y);
785
+ }
786
+ }
787
+ .after\:border-4 {
788
+ &::after {
789
+ content: var(--tw-content);
790
+ border-style: var(--tw-border-style);
791
+ border-width: 4px;
792
+ }
793
+ }
794
+ .after\:border-transparent {
795
+ &::after {
796
+ content: var(--tw-content);
797
+ border-color: transparent;
798
+ }
799
+ }
800
+ .after\:content-\[\'\'\] {
801
+ &::after {
802
+ --tw-content: '';
803
+ content: var(--tw-content);
804
+ }
805
+ }
806
+ .hover\:border-\[\#3e3e42\] {
807
+ &:hover {
808
+ @media (hover: hover) {
809
+ border-color: #3e3e42;
810
+ }
811
+ }
812
+ }
813
+ .hover\:border-\[\#10B981\] {
814
+ &:hover {
815
+ @media (hover: hover) {
816
+ border-color: #10B981;
817
+ }
818
+ }
819
+ }
820
+ .hover\:bg-\[\#10B981\] {
821
+ &:hover {
822
+ @media (hover: hover) {
823
+ background-color: #10B981;
824
+ }
825
+ }
826
+ }
827
+ .hover\:bg-\[\#029AFF\] {
828
+ &:hover {
829
+ @media (hover: hover) {
830
+ background-color: #029AFF;
831
+ }
832
+ }
833
+ }
834
+ .hover\:text-\[\#10B981\]\/50 {
835
+ &:hover {
836
+ @media (hover: hover) {
837
+ color: color-mix(in oklab, #10B981 50%, transparent);
838
+ }
839
+ }
840
+ }
841
+ .hover\:underline {
842
+ &:hover {
843
+ @media (hover: hover) {
844
+ text-decoration-line: underline;
845
+ }
846
+ }
847
+ }
848
+ .hover\:ring-4 {
849
+ &:hover {
850
+ @media (hover: hover) {
851
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
852
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
853
+ }
854
+ }
855
+ }
856
+ .focus-visible\:ring-2 {
857
+ &:focus-visible {
858
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
859
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
860
+ }
861
+ }
862
+ .focus-visible\:ring-4 {
863
+ &:focus-visible {
864
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
865
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
866
+ }
867
+ }
868
+ .focus-visible\:ring-offset-2 {
869
+ &:focus-visible {
870
+ --tw-ring-offset-width: 2px;
871
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
872
+ }
873
+ }
874
+ .focus-visible\:outline-hidden {
875
+ &:focus-visible {
876
+ --tw-outline-style: none;
877
+ outline-style: none;
878
+ @media (forced-colors: active) {
879
+ outline: 2px solid transparent;
880
+ outline-offset: 2px;
881
+ }
882
+ }
883
+ }
884
+ .focus-visible\:outline-none {
885
+ &:focus-visible {
886
+ --tw-outline-style: none;
887
+ outline-style: none;
888
+ }
889
+ }
890
+ .active\:scale-95 {
891
+ &:active {
892
+ --tw-scale-x: 95%;
893
+ --tw-scale-y: 95%;
894
+ --tw-scale-z: 95%;
895
+ scale: var(--tw-scale-x) var(--tw-scale-y);
896
+ }
897
+ }
898
+ .disabled\:pointer-events-none {
899
+ &:disabled {
900
+ pointer-events: none;
901
+ }
902
+ }
903
+ .disabled\:cursor-not-allowed {
904
+ &:disabled {
905
+ cursor: not-allowed;
906
+ }
907
+ }
908
+ .disabled\:opacity-40 {
909
+ &:disabled {
910
+ opacity: 40%;
911
+ }
912
+ }
913
+ .disabled\:opacity-50 {
914
+ &:disabled {
915
+ opacity: 50%;
916
+ }
917
+ }
918
+ .data-\[disabled\]\:pointer-events-none {
919
+ &[data-disabled] {
920
+ pointer-events: none;
921
+ }
922
+ }
923
+ .data-\[disabled\]\:opacity-50 {
924
+ &[data-disabled] {
925
+ opacity: 50%;
926
+ }
927
+ }
928
+ .data-\[orientation\=horizontal\]\:h-full {
929
+ &[data-orientation="horizontal"] {
930
+ height: 100%;
931
+ }
932
+ }
933
+ .data-\[orientation\=horizontal\]\:w-full {
934
+ &[data-orientation="horizontal"] {
935
+ width: 100%;
936
+ }
937
+ }
938
+ .data-\[orientation\=vertical\]\:h-full {
939
+ &[data-orientation="vertical"] {
940
+ height: 100%;
941
+ }
942
+ }
943
+ .data-\[orientation\=vertical\]\:w-auto {
944
+ &[data-orientation="vertical"] {
945
+ width: auto;
946
+ }
947
+ }
948
+ .data-\[orientation\=vertical\]\:w-full {
949
+ &[data-orientation="vertical"] {
950
+ width: 100%;
951
+ }
952
+ }
953
+ .data-\[orientation\=vertical\]\:flex-col {
954
+ &[data-orientation="vertical"] {
955
+ flex-direction: column;
956
+ }
957
+ }
958
+ .\[\&_svg\]\:pointer-events-none {
959
+ & svg {
960
+ pointer-events: none;
961
+ }
962
+ }
963
+ .\[\&_svg\]\:shrink-0 {
964
+ & svg {
965
+ flex-shrink: 0;
966
+ }
967
+ }
968
+ .easyflow-whiteboard {
969
+ isolation: isolate;
970
+ position: relative;
971
+ width: 100%;
972
+ height: 100%;
973
+ --radius: 0.625rem;
974
+ --background: oklch(1 0 0);
975
+ --foreground: oklch(0.145 0 0);
976
+ --card: oklch(1 0 0);
977
+ --card-foreground: oklch(0.145 0 0);
978
+ --popover: oklch(1 0 0);
979
+ --popover-foreground: oklch(0.145 0 0);
980
+ --primary: oklch(0.205 0 0);
981
+ --primary-foreground: oklch(0.985 0 0);
982
+ --secondary: oklch(0.97 0 0);
983
+ --secondary-foreground: oklch(0.205 0 0);
984
+ --muted: oklch(0.97 0 0);
985
+ --muted-foreground: oklch(0.556 0 0);
986
+ --accent: oklch(0.97 0 0);
987
+ --accent-foreground: oklch(0.205 0 0);
988
+ --destructive: oklch(0.577 0.245 27.325);
989
+ --border: oklch(0.922 0 0);
990
+ --input: oklch(0.922 0 0);
991
+ --ring: oklch(0.708 0 0);
992
+ --chart-1: oklch(0.646 0.222 41.116);
993
+ --chart-2: oklch(0.6 0.118 184.704);
994
+ --chart-3: oklch(0.398 0.07 227.392);
995
+ --chart-4: oklch(0.828 0.189 84.429);
996
+ --chart-5: oklch(0.769 0.188 70.08);
997
+ --sidebar: oklch(0.985 0 0);
998
+ --sidebar-foreground: oklch(0.145 0 0);
999
+ --sidebar-primary: oklch(0.205 0 0);
1000
+ --sidebar-primary-foreground: oklch(0.985 0 0);
1001
+ --sidebar-accent: oklch(0.97 0 0);
1002
+ --sidebar-accent-foreground: oklch(0.205 0 0);
1003
+ --sidebar-border: oklch(0.922 0 0);
1004
+ --sidebar-ring: oklch(0.708 0 0);
1005
+ --color-background: var(--background);
1006
+ --color-foreground: var(--foreground);
1007
+ --color-card: var(--card);
1008
+ --color-card-foreground: var(--card-foreground);
1009
+ --color-popover: var(--popover);
1010
+ --color-popover-foreground: var(--popover-foreground);
1011
+ --color-primary: var(--primary);
1012
+ --color-primary-foreground: var(--primary-foreground);
1013
+ --color-secondary: var(--secondary);
1014
+ --color-secondary-foreground: var(--secondary-foreground);
1015
+ --color-muted: var(--muted);
1016
+ --color-muted-foreground: var(--muted-foreground);
1017
+ --color-accent: var(--accent);
1018
+ --color-accent-foreground: var(--accent-foreground);
1019
+ --color-destructive: var(--destructive);
1020
+ --color-border: var(--border);
1021
+ --color-input: var(--input);
1022
+ --color-ring: var(--ring);
1023
+ --color-chart-1: var(--chart-1);
1024
+ --color-chart-2: var(--chart-2);
1025
+ --color-chart-3: var(--chart-3);
1026
+ --color-chart-4: var(--chart-4);
1027
+ --color-chart-5: var(--chart-5);
1028
+ --color-sidebar: var(--sidebar);
1029
+ --color-sidebar-foreground: var(--sidebar-foreground);
1030
+ --color-sidebar-primary: var(--sidebar-primary);
1031
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
1032
+ --color-sidebar-accent: var(--sidebar-accent);
1033
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
1034
+ --color-sidebar-border: var(--sidebar-border);
1035
+ --color-sidebar-ring: var(--sidebar-ring);
1036
+ --radius-sm: calc(var(--radius) - 4px);
1037
+ --radius-md: calc(var(--radius) - 2px);
1038
+ --radius-lg: var(--radius);
1039
+ --radius-xl: calc(var(--radius) + 4px);
1040
+ --radius-2xl: calc(var(--radius) + 8px);
1041
+ --radius-3xl: calc(var(--radius) + 12px);
1042
+ --radius-4xl: calc(var(--radius) + 16px);
1043
+ }
1044
+ .easyflow-whiteboard.dark {
1045
+ --background: oklch(0.145 0 0);
1046
+ --foreground: oklch(0.985 0 0);
1047
+ --card: oklch(0.205 0 0);
1048
+ --card-foreground: oklch(0.985 0 0);
1049
+ --popover: oklch(0.205 0 0);
1050
+ --popover-foreground: oklch(0.985 0 0);
1051
+ --primary: oklch(0.922 0 0);
1052
+ --primary-foreground: oklch(0.205 0 0);
1053
+ --secondary: oklch(0.269 0 0);
1054
+ --secondary-foreground: oklch(0.985 0 0);
1055
+ --muted: oklch(0.269 0 0);
1056
+ --muted-foreground: oklch(0.708 0 0);
1057
+ --accent: oklch(0.269 0 0);
1058
+ --accent-foreground: oklch(0.985 0 0);
1059
+ --destructive: oklch(0.704 0.191 22.216);
1060
+ --border: oklch(1 0 0 / 10%);
1061
+ --input: oklch(1 0 0 / 15%);
1062
+ --ring: oklch(0.556 0 0);
1063
+ --chart-1: oklch(0.488 0.243 264.376);
1064
+ --chart-2: oklch(0.696 0.17 162.48);
1065
+ --chart-3: oklch(0.769 0.188 70.08);
1066
+ --chart-4: oklch(0.627 0.265 303.9);
1067
+ --chart-5: oklch(0.645 0.246 16.439);
1068
+ --sidebar: oklch(0.205 0 0);
1069
+ --sidebar-foreground: oklch(0.985 0 0);
1070
+ --sidebar-primary: oklch(0.488 0.243 264.376);
1071
+ --sidebar-primary-foreground: oklch(0.985 0 0);
1072
+ --sidebar-accent: oklch(0.269 0 0);
1073
+ --sidebar-accent-foreground: oklch(0.985 0 0);
1074
+ --sidebar-border: oklch(1 0 0 / 10%);
1075
+ --sidebar-ring: oklch(0.556 0 0);
1076
+ }
1077
+ @property --tw-translate-x {
1078
+ syntax: "*";
1079
+ inherits: false;
1080
+ initial-value: 0;
1081
+ }
1082
+ @property --tw-translate-y {
1083
+ syntax: "*";
1084
+ inherits: false;
1085
+ initial-value: 0;
1086
+ }
1087
+ @property --tw-translate-z {
1088
+ syntax: "*";
1089
+ inherits: false;
1090
+ initial-value: 0;
1091
+ }
1092
+ @property --tw-scale-x {
1093
+ syntax: "*";
1094
+ inherits: false;
1095
+ initial-value: 1;
1096
+ }
1097
+ @property --tw-scale-y {
1098
+ syntax: "*";
1099
+ inherits: false;
1100
+ initial-value: 1;
1101
+ }
1102
+ @property --tw-scale-z {
1103
+ syntax: "*";
1104
+ inherits: false;
1105
+ initial-value: 1;
1106
+ }
1107
+ @property --tw-rotate-x {
1108
+ syntax: "*";
1109
+ inherits: false;
1110
+ }
1111
+ @property --tw-rotate-y {
1112
+ syntax: "*";
1113
+ inherits: false;
1114
+ }
1115
+ @property --tw-rotate-z {
1116
+ syntax: "*";
1117
+ inherits: false;
1118
+ }
1119
+ @property --tw-skew-x {
1120
+ syntax: "*";
1121
+ inherits: false;
1122
+ }
1123
+ @property --tw-skew-y {
1124
+ syntax: "*";
1125
+ inherits: false;
1126
+ }
1127
+ @property --tw-scroll-snap-strictness {
1128
+ syntax: "*";
1129
+ inherits: false;
1130
+ initial-value: proximity;
1131
+ }
1132
+ @property --tw-border-style {
1133
+ syntax: "*";
1134
+ inherits: false;
1135
+ initial-value: solid;
1136
+ }
1137
+ @property --tw-gradient-position {
1138
+ syntax: "*";
1139
+ inherits: false;
1140
+ }
1141
+ @property --tw-gradient-from {
1142
+ syntax: "<color>";
1143
+ inherits: false;
1144
+ initial-value: #0000;
1145
+ }
1146
+ @property --tw-gradient-via {
1147
+ syntax: "<color>";
1148
+ inherits: false;
1149
+ initial-value: #0000;
1150
+ }
1151
+ @property --tw-gradient-to {
1152
+ syntax: "<color>";
1153
+ inherits: false;
1154
+ initial-value: #0000;
1155
+ }
1156
+ @property --tw-gradient-stops {
1157
+ syntax: "*";
1158
+ inherits: false;
1159
+ }
1160
+ @property --tw-gradient-via-stops {
1161
+ syntax: "*";
1162
+ inherits: false;
1163
+ }
1164
+ @property --tw-gradient-from-position {
1165
+ syntax: "<length-percentage>";
1166
+ inherits: false;
1167
+ initial-value: 0%;
1168
+ }
1169
+ @property --tw-gradient-via-position {
1170
+ syntax: "<length-percentage>";
1171
+ inherits: false;
1172
+ initial-value: 50%;
1173
+ }
1174
+ @property --tw-gradient-to-position {
1175
+ syntax: "<length-percentage>";
1176
+ inherits: false;
1177
+ initial-value: 100%;
1178
+ }
1179
+ @property --tw-leading {
1180
+ syntax: "*";
1181
+ inherits: false;
1182
+ }
1183
+ @property --tw-tracking {
1184
+ syntax: "*";
1185
+ inherits: false;
1186
+ }
1187
+ @property --tw-ordinal {
1188
+ syntax: "*";
1189
+ inherits: false;
1190
+ }
1191
+ @property --tw-slashed-zero {
1192
+ syntax: "*";
1193
+ inherits: false;
1194
+ }
1195
+ @property --tw-numeric-figure {
1196
+ syntax: "*";
1197
+ inherits: false;
1198
+ }
1199
+ @property --tw-numeric-spacing {
1200
+ syntax: "*";
1201
+ inherits: false;
1202
+ }
1203
+ @property --tw-numeric-fraction {
1204
+ syntax: "*";
1205
+ inherits: false;
1206
+ }
1207
+ @property --tw-shadow {
1208
+ syntax: "*";
1209
+ inherits: false;
1210
+ initial-value: 0 0 #0000;
1211
+ }
1212
+ @property --tw-shadow-color {
1213
+ syntax: "*";
1214
+ inherits: false;
1215
+ }
1216
+ @property --tw-shadow-alpha {
1217
+ syntax: "<percentage>";
1218
+ inherits: false;
1219
+ initial-value: 100%;
1220
+ }
1221
+ @property --tw-inset-shadow {
1222
+ syntax: "*";
1223
+ inherits: false;
1224
+ initial-value: 0 0 #0000;
1225
+ }
1226
+ @property --tw-inset-shadow-color {
1227
+ syntax: "*";
1228
+ inherits: false;
1229
+ }
1230
+ @property --tw-inset-shadow-alpha {
1231
+ syntax: "<percentage>";
1232
+ inherits: false;
1233
+ initial-value: 100%;
1234
+ }
1235
+ @property --tw-ring-color {
1236
+ syntax: "*";
1237
+ inherits: false;
1238
+ }
1239
+ @property --tw-ring-shadow {
1240
+ syntax: "*";
1241
+ inherits: false;
1242
+ initial-value: 0 0 #0000;
1243
+ }
1244
+ @property --tw-inset-ring-color {
1245
+ syntax: "*";
1246
+ inherits: false;
1247
+ }
1248
+ @property --tw-inset-ring-shadow {
1249
+ syntax: "*";
1250
+ inherits: false;
1251
+ initial-value: 0 0 #0000;
1252
+ }
1253
+ @property --tw-ring-inset {
1254
+ syntax: "*";
1255
+ inherits: false;
1256
+ }
1257
+ @property --tw-ring-offset-width {
1258
+ syntax: "<length>";
1259
+ inherits: false;
1260
+ initial-value: 0px;
1261
+ }
1262
+ @property --tw-ring-offset-color {
1263
+ syntax: "*";
1264
+ inherits: false;
1265
+ initial-value: #fff;
1266
+ }
1267
+ @property --tw-ring-offset-shadow {
1268
+ syntax: "*";
1269
+ inherits: false;
1270
+ initial-value: 0 0 #0000;
1271
+ }
1272
+ @property --tw-outline-style {
1273
+ syntax: "*";
1274
+ inherits: false;
1275
+ initial-value: solid;
1276
+ }
1277
+ @property --tw-duration {
1278
+ syntax: "*";
1279
+ inherits: false;
1280
+ }
1281
+ @property --tw-ease {
1282
+ syntax: "*";
1283
+ inherits: false;
1284
+ }
1285
+ @property --tw-content {
1286
+ syntax: "*";
1287
+ initial-value: "";
1288
+ inherits: false;
1289
+ }
1290
+ @layer properties {
1291
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1292
+ *, ::before, ::after, ::backdrop {
1293
+ --tw-translate-x: 0;
1294
+ --tw-translate-y: 0;
1295
+ --tw-translate-z: 0;
1296
+ --tw-scale-x: 1;
1297
+ --tw-scale-y: 1;
1298
+ --tw-scale-z: 1;
1299
+ --tw-rotate-x: initial;
1300
+ --tw-rotate-y: initial;
1301
+ --tw-rotate-z: initial;
1302
+ --tw-skew-x: initial;
1303
+ --tw-skew-y: initial;
1304
+ --tw-scroll-snap-strictness: proximity;
1305
+ --tw-border-style: solid;
1306
+ --tw-gradient-position: initial;
1307
+ --tw-gradient-from: #0000;
1308
+ --tw-gradient-via: #0000;
1309
+ --tw-gradient-to: #0000;
1310
+ --tw-gradient-stops: initial;
1311
+ --tw-gradient-via-stops: initial;
1312
+ --tw-gradient-from-position: 0%;
1313
+ --tw-gradient-via-position: 50%;
1314
+ --tw-gradient-to-position: 100%;
1315
+ --tw-leading: initial;
1316
+ --tw-tracking: initial;
1317
+ --tw-ordinal: initial;
1318
+ --tw-slashed-zero: initial;
1319
+ --tw-numeric-figure: initial;
1320
+ --tw-numeric-spacing: initial;
1321
+ --tw-numeric-fraction: initial;
1322
+ --tw-shadow: 0 0 #0000;
1323
+ --tw-shadow-color: initial;
1324
+ --tw-shadow-alpha: 100%;
1325
+ --tw-inset-shadow: 0 0 #0000;
1326
+ --tw-inset-shadow-color: initial;
1327
+ --tw-inset-shadow-alpha: 100%;
1328
+ --tw-ring-color: initial;
1329
+ --tw-ring-shadow: 0 0 #0000;
1330
+ --tw-inset-ring-color: initial;
1331
+ --tw-inset-ring-shadow: 0 0 #0000;
1332
+ --tw-ring-inset: initial;
1333
+ --tw-ring-offset-width: 0px;
1334
+ --tw-ring-offset-color: #fff;
1335
+ --tw-ring-offset-shadow: 0 0 #0000;
1336
+ --tw-outline-style: solid;
1337
+ --tw-duration: initial;
1338
+ --tw-ease: initial;
1339
+ --tw-content: "";
1340
+ }
1341
+ }
1342
+ }