@next-degree/pickle-shared-js 0.3.19 → 0.3.20

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 (84) hide show
  1. package/README.md +47 -1
  2. package/dist/app/layout.cjs +70 -1
  3. package/dist/app/layout.cjs.map +1 -1
  4. package/dist/app/layout.css +1263 -1
  5. package/dist/app/layout.css.map +1 -1
  6. package/dist/app/layout.js +35 -1
  7. package/dist/app/layout.js.map +1 -1
  8. package/dist/app/page.cjs +774 -1
  9. package/dist/app/page.cjs.map +1 -1
  10. package/dist/app/page.js +743 -1
  11. package/dist/app/page.js.map +1 -1
  12. package/dist/assets/fonts/AmbitBold.cjs +2 -1
  13. package/dist/assets/fonts/AmbitBold.js +5 -1
  14. package/dist/assets/fonts/AmbitBoldItalic.cjs +2 -1
  15. package/dist/assets/fonts/AmbitBoldItalic.js +5 -1
  16. package/dist/assets/fonts/AmbitRegular.cjs +2 -1
  17. package/dist/assets/fonts/AmbitRegular.js +5 -1
  18. package/dist/components/demos/ComboboxDemo.cjs +759 -1
  19. package/dist/components/demos/ComboboxDemo.cjs.map +1 -1
  20. package/dist/components/demos/ComboboxDemo.js +731 -1
  21. package/dist/components/demos/ComboboxDemo.js.map +1 -1
  22. package/dist/components/demos/index.cjs +767 -1
  23. package/dist/components/demos/index.cjs.map +1 -1
  24. package/dist/components/demos/index.js +736 -1
  25. package/dist/components/demos/index.js.map +1 -1
  26. package/dist/components/primitives/command.cjs +223 -1
  27. package/dist/components/primitives/command.cjs.map +1 -1
  28. package/dist/components/primitives/command.js +181 -1
  29. package/dist/components/primitives/command.js.map +1 -1
  30. package/dist/components/primitives/dialog.cjs +137 -1
  31. package/dist/components/primitives/dialog.cjs.map +1 -1
  32. package/dist/components/primitives/dialog.js +92 -1
  33. package/dist/components/primitives/dialog.js.map +1 -1
  34. package/dist/components/primitives/popover.cjs +72 -1
  35. package/dist/components/primitives/popover.cjs.map +1 -1
  36. package/dist/components/primitives/popover.js +36 -1
  37. package/dist/components/primitives/popover.js.map +1 -1
  38. package/dist/components/primitives/separator.cjs +67 -1
  39. package/dist/components/primitives/separator.cjs.map +1 -1
  40. package/dist/components/primitives/separator.js +33 -1
  41. package/dist/components/primitives/separator.js.map +1 -1
  42. package/dist/components/ui/Badge.cjs +57 -1
  43. package/dist/components/ui/Badge.cjs.map +1 -1
  44. package/dist/components/ui/Badge.js +31 -1
  45. package/dist/components/ui/Badge.js.map +1 -1
  46. package/dist/components/ui/Button.cjs +145 -1
  47. package/dist/components/ui/Button.cjs.map +1 -1
  48. package/dist/components/ui/Button.js +118 -1
  49. package/dist/components/ui/Button.js.map +1 -1
  50. package/dist/components/ui/Checkbox.cjs +99 -1
  51. package/dist/components/ui/Checkbox.cjs.map +1 -1
  52. package/dist/components/ui/Checkbox.js +71 -1
  53. package/dist/components/ui/Checkbox.js.map +1 -1
  54. package/dist/components/ui/Chip.cjs +49 -1
  55. package/dist/components/ui/Chip.cjs.map +1 -1
  56. package/dist/components/ui/Chip.js +28 -1
  57. package/dist/components/ui/Chip.js.map +1 -1
  58. package/dist/components/ui/Combobox.cjs +564 -1
  59. package/dist/components/ui/Combobox.cjs.map +1 -1
  60. package/dist/components/ui/Combobox.js +532 -1
  61. package/dist/components/ui/Combobox.js.map +1 -1
  62. package/dist/components/ui/Label.cjs +50 -1
  63. package/dist/components/ui/Label.cjs.map +1 -1
  64. package/dist/components/ui/Label.js +27 -1
  65. package/dist/components/ui/Label.js.map +1 -1
  66. package/dist/components/ui/ListItem.cjs +151 -1
  67. package/dist/components/ui/ListItem.cjs.map +1 -1
  68. package/dist/components/ui/ListItem.js +120 -1
  69. package/dist/components/ui/ListItem.js.map +1 -1
  70. package/dist/components/ui/Select.cjs +246 -1
  71. package/dist/components/ui/Select.cjs.map +1 -1
  72. package/dist/components/ui/Select.js +221 -1
  73. package/dist/components/ui/Select.js.map +1 -1
  74. package/dist/index.cjs +855 -1
  75. package/dist/index.cjs.map +1 -1
  76. package/dist/index.js +817 -1
  77. package/dist/index.js.map +1 -1
  78. package/dist/lib/utils.cjs +34 -1
  79. package/dist/lib/utils.cjs.map +1 -1
  80. package/dist/lib/utils.js +9 -1
  81. package/dist/lib/utils.js.map +1 -1
  82. package/dist/styles/globals.css +1263 -1
  83. package/dist/styles/globals.css.map +1 -1
  84. package/package.json +14 -17
@@ -1,2 +1,1264 @@
1
- *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-3{right:.75rem}.right-4{right:1rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-10{z-index:10}.z-50{z-index:50}.m-1{margin:.25rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.my-auto{margin-top:auto;margin-bottom:auto}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-popover-content-available-height\]{max-height:var(--radix-popover-content-available-height)}.max-h-\[var\(--radix-select-content-available-height\)\]{max-height:var(--radix-select-content-available-height)}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-72{width:18rem}.w-8{width:2rem}.w-\[1px\]{width:1px}.w-\[var\(--radix-select-trigger-width\)\]{width:var(--radix-select-trigger-width)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-80{min-width:20rem}.max-w-80{max-width:20rem}.max-w-lg{max-width:32rem}.max-w-xs{max-width:20rem}.shrink-0{flex-shrink:0}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-grey-10{border-color:#e6e6e6}.border-grey-20{border-color:#ccc}.border-neutral-200{--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}.border-pumpkin-20{border-color:#fedfcd}.border-purple-20{border-color:#e4dcfe}.bg-black{background-color:#000}.bg-black\/80{background-color:#000c}.bg-green-10{background-color:#ecfdf2}.bg-green-80{background-color:#0a4837}.bg-green-90{background-color:#052e23}.bg-grey-10{background-color:#e6e6e6}.bg-grey-20{background-color:#ccc}.bg-neutral-100{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.bg-neutral-200{--tw-bg-opacity: 1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))}.bg-pickle-100{background-color:#d4f500}.bg-purple-100{background-color:#724df9}.bg-transparent{background-color:transparent}.bg-white{background-color:#fff}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pl-4{padding-left:1rem}.pr-10{padding-right:2.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-black{color:#000}.text-current{color:currentColor}.text-green-100{color:#031c15}.text-green-80{color:#0a4837}.text-grey-40{color:#999}.text-grey-80{color:#333}.text-neutral-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.text-neutral-950{--tw-text-opacity: 1;color:rgb(10 10 10 / var(--tw-text-opacity, 1))}.text-pumpkin-100{color:#fa5c00}.text-purple-100{color:#724df9}.text-white{color:#fff}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-dashed{outline-style:dashed}.outline-1{outline-width:1px}.outline-2{outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-transparent{outline-color:transparent}.ring-offset-white{--tw-ring-offset-color: hsla(0, 0%, 100%, 1)}.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-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-200{animation-duration:.2s}.placeholder\:text-neutral-500::-moz-placeholder{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.placeholder\:text-neutral-500::placeholder{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.hover\:border-grey-20:hover{border-color:#ccc}.hover\:bg-green-80:hover{background-color:#0a4837}.hover\:bg-green-90:hover{background-color:#052e23}.hover\:bg-grey-90:hover{background-color:#1a1a1a}.hover\:bg-pickle-20:hover{background-color:#f7fdce}.hover\:bg-pickle-80:hover{background-color:#dcf631}.hover\:bg-purple-50:hover{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.hover\:text-purple-100:hover{color:#724df9}.hover\:opacity-100:hover{opacity:1}.focus\:bg-purple-50:focus{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.focus\:text-black:focus{color:#000}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline-green-80:focus{outline-color:#0a4837}.focus\:outline-pickle-100:focus{outline-color:#d4f500}.focus\:outline-purple-100:focus{outline-color:#724df9}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-neutral-950:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(10 10 10 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.active\:border-green-80:active{border-color:#0a4837}.active\:bg-green-100:active{background-color:#031c15}.active\:bg-grey-80:active{background-color:#333}.active\:bg-pickle-60:active{background-color:#e5f967}.active\:text-purple-80:active{color:#8e70fa}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-grey-10:disabled{background-color:#e6e6e6}.disabled\:bg-grey-5:disabled{background-color:#f2f2f2}.disabled\:text-grey-40:disabled{color:#999}.disabled\:opacity-50:disabled{opacity:.5}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[selected\=\'true\'\]\:bg-neutral-100[data-selected=true]{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.data-\[state\=checked\]\:bg-green-80[data-state=checked]{background-color:#0a4837}.data-\[state\=checked\]\:bg-grey-20[data-state=checked]{background-color:#ccc}.data-\[state\=checked\]\:bg-purple-50[data-state=checked]{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.data-\[state\=indeterminate\]\:bg-green-80[data-state=indeterminate]{background-color:#0a4837}.data-\[state\=open\]\:bg-black[data-state=open]{background-color:#000}.data-\[state\=open\]\:bg-neutral-100[data-state=open]{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.data-\[state\=checked\]\:pr-10[data-state=checked]{padding-right:2.5rem}.data-\[placeholder\]\:text-grey-50[data-placeholder]{color:gray}.data-\[selected\=true\]\:text-neutral-900[data-selected=true]{--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity, 1))}.data-\[state\=checked\]\:text-purple-100[data-state=checked]{color:#724df9}.data-\[state\=checked\]\:text-white[data-state=checked]{color:#fff}.data-\[state\=open\]\:text-neutral-500[data-state=open]{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.data-\[state\=open\]\:text-white[data-state=open]{color:#fff}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}.data-\[placeholder\]\:disabled\:text-grey-40:disabled[data-placeholder]{color:#999}.group[data-state=checked] .group-data-\[state\=checked\]\:block,.group[data-state=indeterminate] .group-data-\[state\=indeterminate\]\:block{display:block}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:.5rem}.sm\:text-left{text-align:left}}@media (prefers-color-scheme: dark){.dark\:border-neutral-800{--tw-border-opacity: 1;border-color:rgb(38 38 38 / var(--tw-border-opacity, 1))}.dark\:bg-neutral-950{--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.dark\:text-neutral-400{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.dark\:ring-offset-neutral-950{--tw-ring-offset-color: #0a0a0a}.dark\:focus\:ring-neutral-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(212 212 212 / var(--tw-ring-opacity, 1))}.dark\:data-\[state\=open\]\:bg-neutral-800[data-state=open]{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.dark\:data-\[state\=open\]\:text-neutral-400[data-state=open]{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-neutral-500 [cmdk-group-heading]{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}
1
+ /* src/styles/globals.css */
2
+ *,
3
+ ::before,
4
+ ::after {
5
+ --tw-border-spacing-x: 0;
6
+ --tw-border-spacing-y: 0;
7
+ --tw-translate-x: 0;
8
+ --tw-translate-y: 0;
9
+ --tw-rotate: 0;
10
+ --tw-skew-x: 0;
11
+ --tw-skew-y: 0;
12
+ --tw-scale-x: 1;
13
+ --tw-scale-y: 1;
14
+ --tw-pan-x: ;
15
+ --tw-pan-y: ;
16
+ --tw-pinch-zoom: ;
17
+ --tw-scroll-snap-strictness: proximity;
18
+ --tw-gradient-from-position: ;
19
+ --tw-gradient-via-position: ;
20
+ --tw-gradient-to-position: ;
21
+ --tw-ordinal: ;
22
+ --tw-slashed-zero: ;
23
+ --tw-numeric-figure: ;
24
+ --tw-numeric-spacing: ;
25
+ --tw-numeric-fraction: ;
26
+ --tw-ring-inset: ;
27
+ --tw-ring-offset-width: 0px;
28
+ --tw-ring-offset-color: #fff;
29
+ --tw-ring-color: rgb(59 130 246 / 0.5);
30
+ --tw-ring-offset-shadow: 0 0 #0000;
31
+ --tw-ring-shadow: 0 0 #0000;
32
+ --tw-shadow: 0 0 #0000;
33
+ --tw-shadow-colored: 0 0 #0000;
34
+ --tw-blur: ;
35
+ --tw-brightness: ;
36
+ --tw-contrast: ;
37
+ --tw-grayscale: ;
38
+ --tw-hue-rotate: ;
39
+ --tw-invert: ;
40
+ --tw-saturate: ;
41
+ --tw-sepia: ;
42
+ --tw-drop-shadow: ;
43
+ --tw-backdrop-blur: ;
44
+ --tw-backdrop-brightness: ;
45
+ --tw-backdrop-contrast: ;
46
+ --tw-backdrop-grayscale: ;
47
+ --tw-backdrop-hue-rotate: ;
48
+ --tw-backdrop-invert: ;
49
+ --tw-backdrop-opacity: ;
50
+ --tw-backdrop-saturate: ;
51
+ --tw-backdrop-sepia: ;
52
+ --tw-contain-size: ;
53
+ --tw-contain-layout: ;
54
+ --tw-contain-paint: ;
55
+ --tw-contain-style: ;
56
+ }
57
+ ::backdrop {
58
+ --tw-border-spacing-x: 0;
59
+ --tw-border-spacing-y: 0;
60
+ --tw-translate-x: 0;
61
+ --tw-translate-y: 0;
62
+ --tw-rotate: 0;
63
+ --tw-skew-x: 0;
64
+ --tw-skew-y: 0;
65
+ --tw-scale-x: 1;
66
+ --tw-scale-y: 1;
67
+ --tw-pan-x: ;
68
+ --tw-pan-y: ;
69
+ --tw-pinch-zoom: ;
70
+ --tw-scroll-snap-strictness: proximity;
71
+ --tw-gradient-from-position: ;
72
+ --tw-gradient-via-position: ;
73
+ --tw-gradient-to-position: ;
74
+ --tw-ordinal: ;
75
+ --tw-slashed-zero: ;
76
+ --tw-numeric-figure: ;
77
+ --tw-numeric-spacing: ;
78
+ --tw-numeric-fraction: ;
79
+ --tw-ring-inset: ;
80
+ --tw-ring-offset-width: 0px;
81
+ --tw-ring-offset-color: #fff;
82
+ --tw-ring-color: rgb(59 130 246 / 0.5);
83
+ --tw-ring-offset-shadow: 0 0 #0000;
84
+ --tw-ring-shadow: 0 0 #0000;
85
+ --tw-shadow: 0 0 #0000;
86
+ --tw-shadow-colored: 0 0 #0000;
87
+ --tw-blur: ;
88
+ --tw-brightness: ;
89
+ --tw-contrast: ;
90
+ --tw-grayscale: ;
91
+ --tw-hue-rotate: ;
92
+ --tw-invert: ;
93
+ --tw-saturate: ;
94
+ --tw-sepia: ;
95
+ --tw-drop-shadow: ;
96
+ --tw-backdrop-blur: ;
97
+ --tw-backdrop-brightness: ;
98
+ --tw-backdrop-contrast: ;
99
+ --tw-backdrop-grayscale: ;
100
+ --tw-backdrop-hue-rotate: ;
101
+ --tw-backdrop-invert: ;
102
+ --tw-backdrop-opacity: ;
103
+ --tw-backdrop-saturate: ;
104
+ --tw-backdrop-sepia: ;
105
+ --tw-contain-size: ;
106
+ --tw-contain-layout: ;
107
+ --tw-contain-paint: ;
108
+ --tw-contain-style: ;
109
+ }
110
+ *,
111
+ ::before,
112
+ ::after {
113
+ box-sizing: border-box;
114
+ border-width: 0;
115
+ border-style: solid;
116
+ border-color: #e5e7eb;
117
+ }
118
+ ::before,
119
+ ::after {
120
+ --tw-content: "";
121
+ }
122
+ html,
123
+ :host {
124
+ line-height: 1.5;
125
+ -webkit-text-size-adjust: 100%;
126
+ -moz-tab-size: 4;
127
+ -o-tab-size: 4;
128
+ tab-size: 4;
129
+ font-family:
130
+ ui-sans-serif,
131
+ system-ui,
132
+ sans-serif,
133
+ "Apple Color Emoji",
134
+ "Segoe UI Emoji",
135
+ "Segoe UI Symbol",
136
+ "Noto Color Emoji";
137
+ font-feature-settings: normal;
138
+ font-variation-settings: normal;
139
+ -webkit-tap-highlight-color: transparent;
140
+ }
141
+ body {
142
+ margin: 0;
143
+ line-height: inherit;
144
+ }
145
+ hr {
146
+ height: 0;
147
+ color: inherit;
148
+ border-top-width: 1px;
149
+ }
150
+ abbr:where([title]) {
151
+ -webkit-text-decoration: underline dotted;
152
+ text-decoration: underline dotted;
153
+ }
154
+ h1,
155
+ h2,
156
+ h3,
157
+ h4,
158
+ h5,
159
+ h6 {
160
+ font-size: inherit;
161
+ font-weight: inherit;
162
+ }
163
+ a {
164
+ color: inherit;
165
+ text-decoration: inherit;
166
+ }
167
+ b,
168
+ strong {
169
+ font-weight: bolder;
170
+ }
171
+ code,
172
+ kbd,
173
+ samp,
174
+ pre {
175
+ font-family:
176
+ ui-monospace,
177
+ SFMono-Regular,
178
+ Menlo,
179
+ Monaco,
180
+ Consolas,
181
+ "Liberation Mono",
182
+ "Courier New",
183
+ monospace;
184
+ font-feature-settings: normal;
185
+ font-variation-settings: normal;
186
+ font-size: 1em;
187
+ }
188
+ small {
189
+ font-size: 80%;
190
+ }
191
+ sub,
192
+ sup {
193
+ font-size: 75%;
194
+ line-height: 0;
195
+ position: relative;
196
+ vertical-align: baseline;
197
+ }
198
+ sub {
199
+ bottom: -0.25em;
200
+ }
201
+ sup {
202
+ top: -0.5em;
203
+ }
204
+ table {
205
+ text-indent: 0;
206
+ border-color: inherit;
207
+ border-collapse: collapse;
208
+ }
209
+ button,
210
+ input,
211
+ optgroup,
212
+ select,
213
+ textarea {
214
+ font-family: inherit;
215
+ font-feature-settings: inherit;
216
+ font-variation-settings: inherit;
217
+ font-size: 100%;
218
+ font-weight: inherit;
219
+ line-height: inherit;
220
+ letter-spacing: inherit;
221
+ color: inherit;
222
+ margin: 0;
223
+ padding: 0;
224
+ }
225
+ button,
226
+ select {
227
+ text-transform: none;
228
+ }
229
+ button,
230
+ input:where([type=button]),
231
+ input:where([type=reset]),
232
+ input:where([type=submit]) {
233
+ -webkit-appearance: button;
234
+ background-color: transparent;
235
+ background-image: none;
236
+ }
237
+ :-moz-focusring {
238
+ outline: auto;
239
+ }
240
+ :-moz-ui-invalid {
241
+ box-shadow: none;
242
+ }
243
+ progress {
244
+ vertical-align: baseline;
245
+ }
246
+ ::-webkit-inner-spin-button,
247
+ ::-webkit-outer-spin-button {
248
+ height: auto;
249
+ }
250
+ [type=search] {
251
+ -webkit-appearance: textfield;
252
+ outline-offset: -2px;
253
+ }
254
+ ::-webkit-search-decoration {
255
+ -webkit-appearance: none;
256
+ }
257
+ ::-webkit-file-upload-button {
258
+ -webkit-appearance: button;
259
+ font: inherit;
260
+ }
261
+ summary {
262
+ display: list-item;
263
+ }
264
+ blockquote,
265
+ dl,
266
+ dd,
267
+ h1,
268
+ h2,
269
+ h3,
270
+ h4,
271
+ h5,
272
+ h6,
273
+ hr,
274
+ figure,
275
+ p,
276
+ pre {
277
+ margin: 0;
278
+ }
279
+ fieldset {
280
+ margin: 0;
281
+ padding: 0;
282
+ }
283
+ legend {
284
+ padding: 0;
285
+ }
286
+ ol,
287
+ ul,
288
+ menu {
289
+ list-style: none;
290
+ margin: 0;
291
+ padding: 0;
292
+ }
293
+ dialog {
294
+ padding: 0;
295
+ }
296
+ textarea {
297
+ resize: vertical;
298
+ }
299
+ input::-moz-placeholder,
300
+ textarea::-moz-placeholder {
301
+ opacity: 1;
302
+ color: #9ca3af;
303
+ }
304
+ input::placeholder,
305
+ textarea::placeholder {
306
+ opacity: 1;
307
+ color: #9ca3af;
308
+ }
309
+ button,
310
+ [role=button] {
311
+ cursor: pointer;
312
+ }
313
+ :disabled {
314
+ cursor: default;
315
+ }
316
+ img,
317
+ svg,
318
+ video,
319
+ canvas,
320
+ audio,
321
+ iframe,
322
+ embed,
323
+ object {
324
+ display: block;
325
+ vertical-align: middle;
326
+ }
327
+ img,
328
+ video {
329
+ max-width: 100%;
330
+ height: auto;
331
+ }
332
+ [hidden]:where(:not([hidden=until-found])) {
333
+ display: none;
334
+ }
335
+ .container {
336
+ width: 100%;
337
+ }
338
+ @media (min-width: 640px) {
339
+ .container {
340
+ max-width: 640px;
341
+ }
342
+ }
343
+ @media (min-width: 768px) {
344
+ .container {
345
+ max-width: 768px;
346
+ }
347
+ }
348
+ @media (min-width: 1024px) {
349
+ .container {
350
+ max-width: 1024px;
351
+ }
352
+ }
353
+ @media (min-width: 1280px) {
354
+ .container {
355
+ max-width: 1280px;
356
+ }
357
+ }
358
+ @media (min-width: 1536px) {
359
+ .container {
360
+ max-width: 1536px;
361
+ }
362
+ }
363
+ .sr-only {
364
+ position: absolute;
365
+ width: 1px;
366
+ height: 1px;
367
+ padding: 0;
368
+ margin: -1px;
369
+ overflow: hidden;
370
+ clip: rect(0, 0, 0, 0);
371
+ white-space: nowrap;
372
+ border-width: 0;
373
+ }
374
+ .pointer-events-none {
375
+ pointer-events: none;
376
+ }
377
+ .fixed {
378
+ position: fixed;
379
+ }
380
+ .absolute {
381
+ position: absolute;
382
+ }
383
+ .relative {
384
+ position: relative;
385
+ }
386
+ .inset-0 {
387
+ inset: 0px;
388
+ }
389
+ .inset-y-0 {
390
+ top: 0px;
391
+ bottom: 0px;
392
+ }
393
+ .left-\[50\%\] {
394
+ left: 50%;
395
+ }
396
+ .right-0 {
397
+ right: 0px;
398
+ }
399
+ .right-1 {
400
+ right: 0.25rem;
401
+ }
402
+ .right-3 {
403
+ right: 0.75rem;
404
+ }
405
+ .right-4 {
406
+ right: 1rem;
407
+ }
408
+ .top-4 {
409
+ top: 1rem;
410
+ }
411
+ .top-\[50\%\] {
412
+ top: 50%;
413
+ }
414
+ .z-10 {
415
+ z-index: 10;
416
+ }
417
+ .z-50 {
418
+ z-index: 50;
419
+ }
420
+ .m-1 {
421
+ margin: 0.25rem;
422
+ }
423
+ .-mx-1 {
424
+ margin-left: -0.25rem;
425
+ margin-right: -0.25rem;
426
+ }
427
+ .my-auto {
428
+ margin-top: auto;
429
+ margin-bottom: auto;
430
+ }
431
+ .mb-2 {
432
+ margin-bottom: 0.5rem;
433
+ }
434
+ .ml-auto {
435
+ margin-left: auto;
436
+ }
437
+ .mr-2 {
438
+ margin-right: 0.5rem;
439
+ }
440
+ .flex {
441
+ display: flex;
442
+ }
443
+ .grid {
444
+ display: grid;
445
+ }
446
+ .hidden {
447
+ display: none;
448
+ }
449
+ .h-10 {
450
+ height: 2.5rem;
451
+ }
452
+ .h-11 {
453
+ height: 2.75rem;
454
+ }
455
+ .h-12 {
456
+ height: 3rem;
457
+ }
458
+ .h-14 {
459
+ height: 3.5rem;
460
+ }
461
+ .h-3 {
462
+ height: 0.75rem;
463
+ }
464
+ .h-4 {
465
+ height: 1rem;
466
+ }
467
+ .h-5 {
468
+ height: 1.25rem;
469
+ }
470
+ .h-6 {
471
+ height: 1.5rem;
472
+ }
473
+ .h-8 {
474
+ height: 2rem;
475
+ }
476
+ .h-9 {
477
+ height: 2.25rem;
478
+ }
479
+ .h-\[1px\] {
480
+ height: 1px;
481
+ }
482
+ .h-full {
483
+ height: 100%;
484
+ }
485
+ .h-px {
486
+ height: 1px;
487
+ }
488
+ .max-h-\[--radix-popover-content-available-height\] {
489
+ max-height: var(--radix-popover-content-available-height);
490
+ }
491
+ .max-h-\[var\(--radix-select-content-available-height\)\] {
492
+ max-height: var(--radix-select-content-available-height);
493
+ }
494
+ .w-4 {
495
+ width: 1rem;
496
+ }
497
+ .w-5 {
498
+ width: 1.25rem;
499
+ }
500
+ .w-6 {
501
+ width: 1.5rem;
502
+ }
503
+ .w-72 {
504
+ width: 18rem;
505
+ }
506
+ .w-8 {
507
+ width: 2rem;
508
+ }
509
+ .w-\[1px\] {
510
+ width: 1px;
511
+ }
512
+ .w-\[var\(--radix-select-trigger-width\)\] {
513
+ width: var(--radix-select-trigger-width);
514
+ }
515
+ .w-fit {
516
+ width: -moz-fit-content;
517
+ width: fit-content;
518
+ }
519
+ .w-full {
520
+ width: 100%;
521
+ }
522
+ .min-w-80 {
523
+ min-width: 20rem;
524
+ }
525
+ .max-w-80 {
526
+ max-width: 20rem;
527
+ }
528
+ .max-w-lg {
529
+ max-width: 32rem;
530
+ }
531
+ .max-w-xs {
532
+ max-width: 20rem;
533
+ }
534
+ .shrink-0 {
535
+ flex-shrink: 0;
536
+ }
537
+ .translate-x-\[-50\%\] {
538
+ --tw-translate-x: -50%;
539
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
540
+ }
541
+ .translate-y-\[-50\%\] {
542
+ --tw-translate-y: -50%;
543
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
544
+ }
545
+ .transform {
546
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
547
+ }
548
+ .cursor-pointer {
549
+ cursor: pointer;
550
+ }
551
+ .select-none {
552
+ -webkit-user-select: none;
553
+ -moz-user-select: none;
554
+ user-select: none;
555
+ }
556
+ .flex-row {
557
+ flex-direction: row;
558
+ }
559
+ .flex-col {
560
+ flex-direction: column;
561
+ }
562
+ .flex-col-reverse {
563
+ flex-direction: column-reverse;
564
+ }
565
+ .flex-wrap {
566
+ flex-wrap: wrap;
567
+ }
568
+ .items-center {
569
+ align-items: center;
570
+ }
571
+ .justify-center {
572
+ justify-content: center;
573
+ }
574
+ .justify-between {
575
+ justify-content: space-between;
576
+ }
577
+ .gap-1 {
578
+ gap: 0.25rem;
579
+ }
580
+ .gap-1\.5 {
581
+ gap: 0.375rem;
582
+ }
583
+ .gap-2 {
584
+ gap: 0.5rem;
585
+ }
586
+ .gap-3 {
587
+ gap: 0.75rem;
588
+ }
589
+ .gap-4 {
590
+ gap: 1rem;
591
+ }
592
+ .space-x-2 > :not([hidden]) ~ :not([hidden]) {
593
+ --tw-space-x-reverse: 0;
594
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
595
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
596
+ }
597
+ .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
598
+ --tw-space-y-reverse: 0;
599
+ margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
600
+ margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
601
+ }
602
+ .space-y-2 > :not([hidden]) ~ :not([hidden]) {
603
+ --tw-space-y-reverse: 0;
604
+ margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
605
+ margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
606
+ }
607
+ .overflow-hidden {
608
+ overflow: hidden;
609
+ }
610
+ .overflow-y-auto {
611
+ overflow-y: auto;
612
+ }
613
+ .overflow-x-hidden {
614
+ overflow-x: hidden;
615
+ }
616
+ .truncate {
617
+ overflow: hidden;
618
+ text-overflow: ellipsis;
619
+ white-space: nowrap;
620
+ }
621
+ .rounded-2xl {
622
+ border-radius: 1rem;
623
+ }
624
+ .rounded-3xl {
625
+ border-radius: 1.5rem;
626
+ }
627
+ .rounded-full {
628
+ border-radius: 9999px;
629
+ }
630
+ .rounded-lg {
631
+ border-radius: 0.5rem;
632
+ }
633
+ .rounded-md {
634
+ border-radius: 0.375rem;
635
+ }
636
+ .rounded-sm {
637
+ border-radius: 0.125rem;
638
+ }
639
+ .rounded-xl {
640
+ border-radius: 0.75rem;
641
+ }
642
+ .border {
643
+ border-width: 1px;
644
+ }
645
+ .border-grey-10 {
646
+ border-color: hsla(0, 0%, 90%, 1);
647
+ }
648
+ .border-grey-20 {
649
+ border-color: hsla(0, 0%, 80%, 1);
650
+ }
651
+ .border-neutral-200 {
652
+ --tw-border-opacity: 1;
653
+ border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
654
+ }
655
+ .border-pumpkin-20 {
656
+ border-color: hsla(22, 96%, 90%, 1);
657
+ }
658
+ .border-purple-20 {
659
+ border-color: hsla(253, 95%, 93%, 1);
660
+ }
661
+ .bg-black {
662
+ background-color: hsla(0, 0%, 0%, 1);
663
+ }
664
+ .bg-black\/80 {
665
+ background-color: hsla(0, 0%, 0%, 0.8);
666
+ }
667
+ .bg-green-10 {
668
+ background-color: hsla(140, 82%, 96%, 1);
669
+ }
670
+ .bg-green-80 {
671
+ background-color: hsla(164, 76%, 16%, 1);
672
+ }
673
+ .bg-green-90 {
674
+ background-color: hsla(164, 80%, 10%, 1);
675
+ }
676
+ .bg-grey-10 {
677
+ background-color: hsla(0, 0%, 90%, 1);
678
+ }
679
+ .bg-grey-20 {
680
+ background-color: hsla(0, 0%, 80%, 1);
681
+ }
682
+ .bg-neutral-100 {
683
+ --tw-bg-opacity: 1;
684
+ background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
685
+ }
686
+ .bg-neutral-200 {
687
+ --tw-bg-opacity: 1;
688
+ background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
689
+ }
690
+ .bg-pickle-100 {
691
+ background-color: hsla(68, 100%, 48%, 1);
692
+ }
693
+ .bg-purple-100 {
694
+ background-color: hsla(253, 94%, 64%, 1);
695
+ }
696
+ .bg-transparent {
697
+ background-color: transparent;
698
+ }
699
+ .bg-white {
700
+ background-color: hsla(0, 0%, 100%, 1);
701
+ }
702
+ .p-0 {
703
+ padding: 0px;
704
+ }
705
+ .p-1 {
706
+ padding: 0.25rem;
707
+ }
708
+ .p-2 {
709
+ padding: 0.5rem;
710
+ }
711
+ .p-4 {
712
+ padding: 1rem;
713
+ }
714
+ .p-6 {
715
+ padding: 1.5rem;
716
+ }
717
+ .px-2 {
718
+ padding-left: 0.5rem;
719
+ padding-right: 0.5rem;
720
+ }
721
+ .px-3 {
722
+ padding-left: 0.75rem;
723
+ padding-right: 0.75rem;
724
+ }
725
+ .px-4 {
726
+ padding-left: 1rem;
727
+ padding-right: 1rem;
728
+ }
729
+ .px-6 {
730
+ padding-left: 1.5rem;
731
+ padding-right: 1.5rem;
732
+ }
733
+ .px-8 {
734
+ padding-left: 2rem;
735
+ padding-right: 2rem;
736
+ }
737
+ .py-0\.5 {
738
+ padding-top: 0.125rem;
739
+ padding-bottom: 0.125rem;
740
+ }
741
+ .py-1 {
742
+ padding-top: 0.25rem;
743
+ padding-bottom: 0.25rem;
744
+ }
745
+ .py-1\.5 {
746
+ padding-top: 0.375rem;
747
+ padding-bottom: 0.375rem;
748
+ }
749
+ .py-2 {
750
+ padding-top: 0.5rem;
751
+ padding-bottom: 0.5rem;
752
+ }
753
+ .py-3 {
754
+ padding-top: 0.75rem;
755
+ padding-bottom: 0.75rem;
756
+ }
757
+ .py-4 {
758
+ padding-top: 1rem;
759
+ padding-bottom: 1rem;
760
+ }
761
+ .py-6 {
762
+ padding-top: 1.5rem;
763
+ padding-bottom: 1.5rem;
764
+ }
765
+ .pl-4 {
766
+ padding-left: 1rem;
767
+ }
768
+ .pr-10 {
769
+ padding-right: 2.5rem;
770
+ }
771
+ .text-left {
772
+ text-align: left;
773
+ }
774
+ .text-center {
775
+ text-align: center;
776
+ }
777
+ .text-base {
778
+ font-size: 1rem;
779
+ line-height: 1.5rem;
780
+ }
781
+ .text-lg {
782
+ font-size: 1.125rem;
783
+ line-height: 1.75rem;
784
+ }
785
+ .text-sm {
786
+ font-size: 0.875rem;
787
+ line-height: 1.25rem;
788
+ }
789
+ .text-xs {
790
+ font-size: 0.75rem;
791
+ line-height: 1rem;
792
+ }
793
+ .font-bold {
794
+ font-weight: 700;
795
+ }
796
+ .font-normal {
797
+ font-weight: 400;
798
+ }
799
+ .font-semibold {
800
+ font-weight: 600;
801
+ }
802
+ .italic {
803
+ font-style: italic;
804
+ }
805
+ .leading-5 {
806
+ line-height: 1.25rem;
807
+ }
808
+ .leading-6 {
809
+ line-height: 1.5rem;
810
+ }
811
+ .leading-none {
812
+ line-height: 1;
813
+ }
814
+ .leading-normal {
815
+ line-height: 1.5;
816
+ }
817
+ .leading-tight {
818
+ line-height: 1.25;
819
+ }
820
+ .tracking-tight {
821
+ letter-spacing: -0.025em;
822
+ }
823
+ .tracking-widest {
824
+ letter-spacing: 0.1em;
825
+ }
826
+ .text-black {
827
+ color: hsla(0, 0%, 0%, 1);
828
+ }
829
+ .text-current {
830
+ color: currentColor;
831
+ }
832
+ .text-green-100 {
833
+ color: hsla(164, 81%, 6%, 1);
834
+ }
835
+ .text-green-80 {
836
+ color: hsla(164, 76%, 16%, 1);
837
+ }
838
+ .text-grey-40 {
839
+ color: hsla(0, 0%, 60%, 1);
840
+ }
841
+ .text-grey-80 {
842
+ color: hsla(0, 0%, 20%, 1);
843
+ }
844
+ .text-neutral-500 {
845
+ --tw-text-opacity: 1;
846
+ color: rgb(115 115 115 / var(--tw-text-opacity, 1));
847
+ }
848
+ .text-neutral-950 {
849
+ --tw-text-opacity: 1;
850
+ color: rgb(10 10 10 / var(--tw-text-opacity, 1));
851
+ }
852
+ .text-pumpkin-100 {
853
+ color: hsla(22, 100%, 49%, 1);
854
+ }
855
+ .text-purple-100 {
856
+ color: hsla(253, 94%, 64%, 1);
857
+ }
858
+ .text-white {
859
+ color: hsla(0, 0%, 100%, 1);
860
+ }
861
+ .underline {
862
+ text-decoration-line: underline;
863
+ }
864
+ .opacity-50 {
865
+ opacity: 0.5;
866
+ }
867
+ .opacity-70 {
868
+ opacity: 0.7;
869
+ }
870
+ .shadow-lg {
871
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
872
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
873
+ box-shadow:
874
+ var(--tw-ring-offset-shadow, 0 0 #0000),
875
+ var(--tw-ring-shadow, 0 0 #0000),
876
+ var(--tw-shadow);
877
+ }
878
+ .shadow-md {
879
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
880
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
881
+ box-shadow:
882
+ var(--tw-ring-offset-shadow, 0 0 #0000),
883
+ var(--tw-ring-shadow, 0 0 #0000),
884
+ var(--tw-shadow);
885
+ }
886
+ .outline-none {
887
+ outline: 2px solid transparent;
888
+ outline-offset: 2px;
889
+ }
890
+ .outline {
891
+ outline-style: solid;
892
+ }
893
+ .outline-dashed {
894
+ outline-style: dashed;
895
+ }
896
+ .outline-1 {
897
+ outline-width: 1px;
898
+ }
899
+ .outline-2 {
900
+ outline-width: 2px;
901
+ }
902
+ .outline-offset-2 {
903
+ outline-offset: 2px;
904
+ }
905
+ .outline-transparent {
906
+ outline-color: transparent;
907
+ }
908
+ .ring-offset-white {
909
+ --tw-ring-offset-color: hsla(0, 0%, 100%, 1);
910
+ }
911
+ .filter {
912
+ 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);
913
+ }
914
+ .transition-opacity {
915
+ transition-property: opacity;
916
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
917
+ transition-duration: 150ms;
918
+ }
919
+ .duration-200 {
920
+ transition-duration: 200ms;
921
+ }
922
+ @keyframes enter {
923
+ from {
924
+ opacity: var(--tw-enter-opacity, 1);
925
+ transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
926
+ }
927
+ }
928
+ @keyframes exit {
929
+ to {
930
+ opacity: var(--tw-exit-opacity, 1);
931
+ transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
932
+ }
933
+ }
934
+ .duration-200 {
935
+ animation-duration: 200ms;
936
+ }
937
+ .placeholder\:text-neutral-500::-moz-placeholder {
938
+ --tw-text-opacity: 1;
939
+ color: rgb(115 115 115 / var(--tw-text-opacity, 1));
940
+ }
941
+ .placeholder\:text-neutral-500::placeholder {
942
+ --tw-text-opacity: 1;
943
+ color: rgb(115 115 115 / var(--tw-text-opacity, 1));
944
+ }
945
+ .hover\:border-grey-20:hover {
946
+ border-color: hsla(0, 0%, 80%, 1);
947
+ }
948
+ .hover\:bg-green-80:hover {
949
+ background-color: hsla(164, 76%, 16%, 1);
950
+ }
951
+ .hover\:bg-green-90:hover {
952
+ background-color: hsla(164, 80%, 10%, 1);
953
+ }
954
+ .hover\:bg-grey-90:hover {
955
+ background-color: hsla(0, 0%, 10%, 1);
956
+ }
957
+ .hover\:bg-pickle-20:hover {
958
+ background-color: hsla(68, 92%, 90%, 1);
959
+ }
960
+ .hover\:bg-pickle-80:hover {
961
+ background-color: hsla(68, 92%, 58%, 1);
962
+ }
963
+ .hover\:bg-purple-50:hover {
964
+ --tw-bg-opacity: 1;
965
+ background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
966
+ }
967
+ .hover\:text-purple-100:hover {
968
+ color: hsla(253, 94%, 64%, 1);
969
+ }
970
+ .hover\:opacity-100:hover {
971
+ opacity: 1;
972
+ }
973
+ .focus\:bg-purple-50:focus {
974
+ --tw-bg-opacity: 1;
975
+ background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
976
+ }
977
+ .focus\:text-black:focus {
978
+ color: hsla(0, 0%, 0%, 1);
979
+ }
980
+ .focus\:outline-none:focus {
981
+ outline: 2px solid transparent;
982
+ outline-offset: 2px;
983
+ }
984
+ .focus\:outline-green-80:focus {
985
+ outline-color: hsla(164, 76%, 16%, 1);
986
+ }
987
+ .focus\:outline-pickle-100:focus {
988
+ outline-color: hsla(68, 100%, 48%, 1);
989
+ }
990
+ .focus\:outline-purple-100:focus {
991
+ outline-color: hsla(253, 94%, 64%, 1);
992
+ }
993
+ .focus\:ring-2:focus {
994
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
995
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
996
+ box-shadow:
997
+ var(--tw-ring-offset-shadow),
998
+ var(--tw-ring-shadow),
999
+ var(--tw-shadow, 0 0 #0000);
1000
+ }
1001
+ .focus\:ring-neutral-950:focus {
1002
+ --tw-ring-opacity: 1;
1003
+ --tw-ring-color: rgb(10 10 10 / var(--tw-ring-opacity, 1));
1004
+ }
1005
+ .focus\:ring-offset-2:focus {
1006
+ --tw-ring-offset-width: 2px;
1007
+ }
1008
+ .active\:border-green-80:active {
1009
+ border-color: hsla(164, 76%, 16%, 1);
1010
+ }
1011
+ .active\:bg-green-100:active {
1012
+ background-color: hsla(164, 81%, 6%, 1);
1013
+ }
1014
+ .active\:bg-grey-80:active {
1015
+ background-color: hsla(0, 0%, 20%, 1);
1016
+ }
1017
+ .active\:bg-pickle-60:active {
1018
+ background-color: hsla(68, 92%, 69%, 1);
1019
+ }
1020
+ .active\:text-purple-80:active {
1021
+ color: hsla(253, 93%, 71%, 1);
1022
+ }
1023
+ .disabled\:pointer-events-none:disabled {
1024
+ pointer-events: none;
1025
+ }
1026
+ .disabled\:cursor-not-allowed:disabled {
1027
+ cursor: not-allowed;
1028
+ }
1029
+ .disabled\:bg-grey-10:disabled {
1030
+ background-color: hsla(0, 0%, 90%, 1);
1031
+ }
1032
+ .disabled\:bg-grey-5:disabled {
1033
+ background-color: hsla(0, 0%, 95%, 1);
1034
+ }
1035
+ .disabled\:text-grey-40:disabled {
1036
+ color: hsla(0, 0%, 60%, 1);
1037
+ }
1038
+ .disabled\:opacity-50:disabled {
1039
+ opacity: 0.5;
1040
+ }
1041
+ .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
1042
+ cursor: not-allowed;
1043
+ }
1044
+ .peer:disabled ~ .peer-disabled\:opacity-70 {
1045
+ opacity: 0.7;
1046
+ }
1047
+ .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] {
1048
+ pointer-events: none;
1049
+ }
1050
+ .data-\[selected\=\'true\'\]\:bg-neutral-100[data-selected=true] {
1051
+ --tw-bg-opacity: 1;
1052
+ background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
1053
+ }
1054
+ .data-\[state\=checked\]\:bg-green-80[data-state=checked] {
1055
+ background-color: hsla(164, 76%, 16%, 1);
1056
+ }
1057
+ .data-\[state\=checked\]\:bg-grey-20[data-state=checked] {
1058
+ background-color: hsla(0, 0%, 80%, 1);
1059
+ }
1060
+ .data-\[state\=checked\]\:bg-purple-50[data-state=checked] {
1061
+ --tw-bg-opacity: 1;
1062
+ background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
1063
+ }
1064
+ .data-\[state\=indeterminate\]\:bg-green-80[data-state=indeterminate] {
1065
+ background-color: hsla(164, 76%, 16%, 1);
1066
+ }
1067
+ .data-\[state\=open\]\:bg-black[data-state=open] {
1068
+ background-color: hsla(0, 0%, 0%, 1);
1069
+ }
1070
+ .data-\[state\=open\]\:bg-neutral-100[data-state=open] {
1071
+ --tw-bg-opacity: 1;
1072
+ background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
1073
+ }
1074
+ .data-\[state\=checked\]\:pr-10[data-state=checked] {
1075
+ padding-right: 2.5rem;
1076
+ }
1077
+ .data-\[placeholder\]\:text-grey-50[data-placeholder] {
1078
+ color: hsla(0, 0%, 50%, 1);
1079
+ }
1080
+ .data-\[selected\=true\]\:text-neutral-900[data-selected=true] {
1081
+ --tw-text-opacity: 1;
1082
+ color: rgb(23 23 23 / var(--tw-text-opacity, 1));
1083
+ }
1084
+ .data-\[state\=checked\]\:text-purple-100[data-state=checked] {
1085
+ color: hsla(253, 94%, 64%, 1);
1086
+ }
1087
+ .data-\[state\=checked\]\:text-white[data-state=checked] {
1088
+ color: hsla(0, 0%, 100%, 1);
1089
+ }
1090
+ .data-\[state\=open\]\:text-neutral-500[data-state=open] {
1091
+ --tw-text-opacity: 1;
1092
+ color: rgb(115 115 115 / var(--tw-text-opacity, 1));
1093
+ }
1094
+ .data-\[state\=open\]\:text-white[data-state=open] {
1095
+ color: hsla(0, 0%, 100%, 1);
1096
+ }
1097
+ .data-\[disabled\=true\]\:opacity-50[data-disabled=true] {
1098
+ opacity: 0.5;
1099
+ }
1100
+ .data-\[state\=open\]\:animate-in[data-state=open] {
1101
+ animation-name: enter;
1102
+ animation-duration: 150ms;
1103
+ --tw-enter-opacity: initial;
1104
+ --tw-enter-scale: initial;
1105
+ --tw-enter-rotate: initial;
1106
+ --tw-enter-translate-x: initial;
1107
+ --tw-enter-translate-y: initial;
1108
+ }
1109
+ .data-\[state\=closed\]\:animate-out[data-state=closed] {
1110
+ animation-name: exit;
1111
+ animation-duration: 150ms;
1112
+ --tw-exit-opacity: initial;
1113
+ --tw-exit-scale: initial;
1114
+ --tw-exit-rotate: initial;
1115
+ --tw-exit-translate-x: initial;
1116
+ --tw-exit-translate-y: initial;
1117
+ }
1118
+ .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
1119
+ --tw-exit-opacity: 0;
1120
+ }
1121
+ .data-\[state\=open\]\:fade-in-0[data-state=open] {
1122
+ --tw-enter-opacity: 0;
1123
+ }
1124
+ .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
1125
+ --tw-exit-scale: .95;
1126
+ }
1127
+ .data-\[state\=open\]\:zoom-in-95[data-state=open] {
1128
+ --tw-enter-scale: .95;
1129
+ }
1130
+ .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
1131
+ --tw-enter-translate-y: -0.5rem;
1132
+ }
1133
+ .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
1134
+ --tw-enter-translate-x: 0.5rem;
1135
+ }
1136
+ .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
1137
+ --tw-enter-translate-x: -0.5rem;
1138
+ }
1139
+ .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
1140
+ --tw-enter-translate-y: 0.5rem;
1141
+ }
1142
+ .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
1143
+ --tw-exit-translate-x: -50%;
1144
+ }
1145
+ .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] {
1146
+ --tw-exit-translate-y: -48%;
1147
+ }
1148
+ .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
1149
+ --tw-enter-translate-x: -50%;
1150
+ }
1151
+ .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] {
1152
+ --tw-enter-translate-y: -48%;
1153
+ }
1154
+ .data-\[placeholder\]\:disabled\:text-grey-40:disabled[data-placeholder] {
1155
+ color: hsla(0, 0%, 60%, 1);
1156
+ }
1157
+ .group[data-state=checked] .group-data-\[state\=checked\]\:block {
1158
+ display: block;
1159
+ }
1160
+ .group[data-state=indeterminate] .group-data-\[state\=indeterminate\]\:block {
1161
+ display: block;
1162
+ }
1163
+ .group[data-state=open] .group-data-\[state\=open\]\:rotate-180 {
1164
+ --tw-rotate: 180deg;
1165
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1166
+ }
1167
+ @media (min-width: 640px) {
1168
+ .sm\:flex-row {
1169
+ flex-direction: row;
1170
+ }
1171
+ .sm\:justify-end {
1172
+ justify-content: flex-end;
1173
+ }
1174
+ .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
1175
+ --tw-space-x-reverse: 0;
1176
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1177
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1178
+ }
1179
+ .sm\:rounded-lg {
1180
+ border-radius: 0.5rem;
1181
+ }
1182
+ .sm\:text-left {
1183
+ text-align: left;
1184
+ }
1185
+ }
1186
+ @media (prefers-color-scheme: dark) {
1187
+ .dark\:border-neutral-800 {
1188
+ --tw-border-opacity: 1;
1189
+ border-color: rgb(38 38 38 / var(--tw-border-opacity, 1));
1190
+ }
1191
+ .dark\:bg-neutral-950 {
1192
+ --tw-bg-opacity: 1;
1193
+ background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
1194
+ }
1195
+ .dark\:text-neutral-400 {
1196
+ --tw-text-opacity: 1;
1197
+ color: rgb(163 163 163 / var(--tw-text-opacity, 1));
1198
+ }
1199
+ .dark\:ring-offset-neutral-950 {
1200
+ --tw-ring-offset-color: #0a0a0a;
1201
+ }
1202
+ .dark\:focus\:ring-neutral-300:focus {
1203
+ --tw-ring-opacity: 1;
1204
+ --tw-ring-color: rgb(212 212 212 / var(--tw-ring-opacity, 1));
1205
+ }
1206
+ .dark\:data-\[state\=open\]\:bg-neutral-800[data-state=open] {
1207
+ --tw-bg-opacity: 1;
1208
+ background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
1209
+ }
1210
+ .dark\:data-\[state\=open\]\:text-neutral-400[data-state=open] {
1211
+ --tw-text-opacity: 1;
1212
+ color: rgb(163 163 163 / var(--tw-text-opacity, 1));
1213
+ }
1214
+ }
1215
+ .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
1216
+ padding-left: 0.5rem;
1217
+ padding-right: 0.5rem;
1218
+ }
1219
+ .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
1220
+ padding-top: 0.375rem;
1221
+ padding-bottom: 0.375rem;
1222
+ }
1223
+ .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
1224
+ font-size: 0.75rem;
1225
+ line-height: 1rem;
1226
+ }
1227
+ .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
1228
+ font-weight: 500;
1229
+ }
1230
+ .\[\&_\[cmdk-group-heading\]\]\:text-neutral-500 [cmdk-group-heading] {
1231
+ --tw-text-opacity: 1;
1232
+ color: rgb(115 115 115 / var(--tw-text-opacity, 1));
1233
+ }
1234
+ .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
1235
+ padding-top: 0px;
1236
+ }
1237
+ .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
1238
+ padding-left: 0.5rem;
1239
+ padding-right: 0.5rem;
1240
+ }
1241
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
1242
+ height: 1.25rem;
1243
+ }
1244
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
1245
+ width: 1.25rem;
1246
+ }
1247
+ .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
1248
+ height: 3rem;
1249
+ }
1250
+ .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
1251
+ padding-left: 0.5rem;
1252
+ padding-right: 0.5rem;
1253
+ }
1254
+ .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
1255
+ padding-top: 0.75rem;
1256
+ padding-bottom: 0.75rem;
1257
+ }
1258
+ .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
1259
+ height: 1.25rem;
1260
+ }
1261
+ .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
1262
+ width: 1.25rem;
1263
+ }
2
1264
  /*# sourceMappingURL=layout.css.map */