ninemoon-ui 0.1.4 → 0.1.5

package/dist/index.umd.js

@@ -75,9 +75,844 @@ var __publicField = (obj, key, value) => {
 }
 }/* @tailwind base;\r
 @tailwind components; */\r
-/* @tailwind utilities;\r
-\r
-@layer utilities {\r
+.pointer-events-none {\r
+  pointer-events: none;\r
+}\r
+.pointer-events-auto {\r
+  pointer-events: auto;\r
+}\r
+.visible {\r
+  visibility: visible;\r
+}\r
+.invisible {\r
+  visibility: hidden;\r
+}\r
+.static {\r
+  position: static;\r
+}\r
+.fixed {\r
+  position: fixed;\r
+}\r
+.absolute {\r
+  position: absolute;\r
+}\r
+.relative {\r
+  position: relative;\r
+}\r
+.-bottom-5 {\r
+  bottom: -1.25rem;\r
+}\r
+.-right-3 {\r
+  right: -0.75rem;\r
+}\r
+.-top-1\\/2 {\r
+  top: -50%;\r
+}\r
+.bottom-0 {\r
+  bottom: 0px;\r
+}\r
+.bottom-0\\.5 {\r
+  bottom: 0.125rem;\r
+}\r
+.left-0 {\r
+  left: 0px;\r
+}\r
+.left-0\\.5 {\r
+  left: 0.125rem;\r
+}\r
+.left-1 {\r
+  left: 0.25rem;\r
+}\r
+.left-\\[calc\\(100\\%-20px\\)\\] {\r
+  left: calc(100% - 20px);\r
+}\r
+.right-0 {\r
+  right: 0px;\r
+}\r
+.right-0\\.5 {\r
+  right: 0.125rem;\r
+}\r
+.right-1 {\r
+  right: 0.25rem;\r
+}\r
+.top-0 {\r
+  top: 0px;\r
+}\r
+.top-0\\.5 {\r
+  top: 0.125rem;\r
+}\r
+.top-1\\/2 {\r
+  top: 50%;\r
+}\r
+.top-4 {\r
+  top: 1rem;\r
+}\r
+.z-10 {\r
+  z-index: 10;\r
+}\r
+.z-1000 {\r
+  z-index: 1000;\r
+}\r
+.z-20 {\r
+  z-index: 20;\r
+}\r
+.z-2000 {\r
+  z-index: 2000;\r
+}\r
+.z-50 {\r
+  z-index: 50;\r
+}\r
+.mx-1 {\r
+  margin-left: 0.25rem;\r
+  margin-right: 0.25rem;\r
+}\r
+.mx-2 {\r
+  margin-left: 0.5rem;\r
+  margin-right: 0.5rem;\r
+}\r
+.mx-auto {\r
+  margin-left: auto;\r
+  margin-right: auto;\r
+}\r
+.my-2 {\r
+  margin-top: 0.5rem;\r
+  margin-bottom: 0.5rem;\r
+}\r
+.my-4 {\r
+  margin-top: 1rem;\r
+  margin-bottom: 1rem;\r
+}\r
+.-ml-3 {\r
+  margin-left: -0.75rem;\r
+}\r
+.-mt-3 {\r
+  margin-top: -0.75rem;\r
+}\r
+.mb-5 {\r
+  margin-bottom: 1.25rem;\r
+}\r
+.ml-1 {\r
+  margin-left: 0.25rem;\r
+}\r
+.ml-2 {\r
+  margin-left: 0.5rem;\r
+}\r
+.ml-3 {\r
+  margin-left: 0.75rem;\r
+}\r
+.ml-6 {\r
+  margin-left: 1.5rem;\r
+}\r
+.mr-1 {\r
+  margin-right: 0.25rem;\r
+}\r
+.mr-2 {\r
+  margin-right: 0.5rem;\r
+}\r
+.mr-5 {\r
+  margin-right: 1.25rem;\r
+}\r
+.mr-6 {\r
+  margin-right: 1.5rem;\r
+}\r
+.mt-1 {\r
+  margin-top: 0.25rem;\r
+}\r
+.mt-2 {\r
+  margin-top: 0.5rem;\r
+}\r
+.mt-3 {\r
+  margin-top: 0.75rem;\r
+}\r
+.mt-\\[20vh\\] {\r
+  margin-top: 20vh;\r
+}\r
+.box-border {\r
+  box-sizing: border-box;\r
+}\r
+.block {\r
+  display: block;\r
+}\r
+.inline-block {\r
+  display: inline-block;\r
+}\r
+.inline {\r
+  display: inline;\r
+}\r
+.flex {\r
+  display: flex;\r
+}\r
+.inline-flex {\r
+  display: inline-flex;\r
+}\r
+.table {\r
+  display: table;\r
+}\r
+.hidden {\r
+  display: none;\r
+}\r
+.h-1\\.5 {\r
+  height: 0.375rem;\r
+}\r
+.h-10 {\r
+  height: 2.5rem;\r
+}\r
+.h-11 {\r
+  height: 2.75rem;\r
+}\r
+.h-2\\.5 {\r
+  height: 0.625rem;\r
+}\r
+.h-3 {\r
+  height: 0.75rem;\r
+}\r
+.h-4 {\r
+  height: 1rem;\r
+}\r
+.h-5 {\r
+  height: 1.25rem;\r
+}\r
+.h-6 {\r
+  height: 1.5rem;\r
+}\r
+.h-7 {\r
+  height: 1.75rem;\r
+}\r
+.h-8 {\r
+  height: 2rem;\r
+}\r
+.h-9 {\r
+  height: 2.25rem;\r
+}\r
+.h-full {\r
+  height: 100%;\r
+}\r
+.max-h-full {\r
+  max-height: 100%;\r
+}\r
+.w-1\\.5 {\r
+  width: 0.375rem;\r
+}\r
+.w-1\\/2 {\r
+  width: 50%;\r
+}\r
+.w-10 {\r
+  width: 2.5rem;\r
+}\r
+.w-14 {\r
+  width: 3.5rem;\r
+}\r
+.w-2\\.5 {\r
+  width: 0.625rem;\r
+}\r
+.w-24 {\r
+  width: 6rem;\r
+}\r
+.w-3 {\r
+  width: 0.75rem;\r
+}\r
+.w-4 {\r
+  width: 1rem;\r
+}\r
+.w-5 {\r
+  width: 1.25rem;\r
+}\r
+.w-6 {\r
+  width: 1.5rem;\r
+}\r
+.w-64 {\r
+  width: 16rem;\r
+}\r
+.w-7 {\r
+  width: 1.75rem;\r
+}\r
+.w-8 {\r
+  width: 2rem;\r
+}\r
+.w-9 {\r
+  width: 2.25rem;\r
+}\r
+.w-96 {\r
+  width: 24rem;\r
+}\r
+.w-full {\r
+  width: 100%;\r
+}\r
+.min-w-10 {\r
+  min-width: 2.5rem;\r
+}\r
+.max-w-full {\r
+  max-width: 100%;\r
+}\r
+.max-w-xs {\r
+  max-width: 20rem;\r
+}\r
+.flex-1 {\r
+  flex: 1 1 0%;\r
+}\r
+.flex-auto {\r
+  flex: 1 1 auto;\r
+}\r
+.flex-none {\r
+  flex: none;\r
+}\r
+.flex-grow-0 {\r
+  flex-grow: 0;\r
+}\r
+.table-fixed {\r
+  table-layout: fixed;\r
+}\r
+.origin-center {\r
+  transform-origin: center;\r
+}\r
+.-translate-y-1\\/2 {\r
+  --tw-translate-y: -50%;\r
+  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));\r
+}\r
+.translate-x-full {\r
+  --tw-translate-x: 100%;\r
+  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));\r
+}\r
+.-rotate-90 {\r
+  --tw-rotate: -90deg;\r
+  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));\r
+}\r
+.rotate-180 {\r
+  --tw-rotate: 180deg;\r
+  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));\r
+}\r
+.rotate-90 {\r
+  --tw-rotate: 90deg;\r
+  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));\r
+}\r
+.transform {\r
+  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));\r
+}\r
+.cursor-default {\r
+  cursor: default;\r
+}\r
+.cursor-grab {\r
+  cursor: grab;\r
+}\r
+.cursor-grabbing {\r
+  cursor: grabbing;\r
+}\r
+.cursor-not-allowed {\r
+  cursor: not-allowed;\r
+}\r
+.cursor-pointer {\r
+  cursor: pointer;\r
+}\r
+.select-none {\r
+  -webkit-user-select: none;\r
+     -moz-user-select: none;\r
+          user-select: none;\r
+}\r
+.resize {\r
+  resize: both;\r
+}\r
+.list-none {\r
+  list-style-type: none;\r
+}\r
+.appearance-none {\r
+  -webkit-appearance: none;\r
+     -moz-appearance: none;\r
+          appearance: none;\r
+}\r
+.flex-col {\r
+  flex-direction: column;\r
+}\r
+.flex-wrap {\r
+  flex-wrap: wrap;\r
+}\r
+.flex-nowrap {\r
+  flex-wrap: nowrap;\r
+}\r
+.items-center {\r
+  align-items: center;\r
+}\r
+.justify-end {\r
+  justify-content: flex-end;\r
+}\r
+.justify-center {\r
+  justify-content: center;\r
+}\r
+.justify-between {\r
+  justify-content: space-between;\r
+}\r
+.space-x-2 > :not([hidden]) ~ :not([hidden]) {\r
+  --tw-space-x-reverse: 0;\r
+  margin-right: calc(0.5rem * var(--tw-space-x-reverse));\r
+  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\r
+}\r
+.space-x-2\\.5 > :not([hidden]) ~ :not([hidden]) {\r
+  --tw-space-x-reverse: 0;\r
+  margin-right: calc(0.625rem * var(--tw-space-x-reverse));\r
+  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));\r
+}\r
+.space-x-3 > :not([hidden]) ~ :not([hidden]) {\r
+  --tw-space-x-reverse: 0;\r
+  margin-right: calc(0.75rem * var(--tw-space-x-reverse));\r
+  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));\r
+}\r
+.space-x-4 > :not([hidden]) ~ :not([hidden]) {\r
+  --tw-space-x-reverse: 0;\r
+  margin-right: calc(1rem * var(--tw-space-x-reverse));\r
+  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));\r
+}\r
+.space-y-1 > :not([hidden]) ~ :not([hidden]) {\r
+  --tw-space-y-reverse: 0;\r
+  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\r
+  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\r
+}\r
+.space-y-5 > :not([hidden]) ~ :not([hidden]) {\r
+  --tw-space-y-reverse: 0;\r
+  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));\r
+  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));\r
+}\r
+.divide-y > :not([hidden]) ~ :not([hidden]) {\r
+  --tw-divide-y-reverse: 0;\r
+  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\r
+  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\r
+}\r
+.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {\r
+  --tw-divide-opacity: 1;\r
+  border-color: rgb(209 213 219 / var(--tw-divide-opacity, 1));\r
+}\r
+.overflow-auto {\r
+  overflow: auto;\r
+}\r
+.overflow-hidden {\r
+  overflow: hidden;\r
+}\r
+.overflow-x-hidden {\r
+  overflow-x: hidden;\r
+}\r
+.overscroll-contain {\r
+  overscroll-behavior: contain;\r
+}\r
+.whitespace-normal {\r
+  white-space: normal;\r
+}\r
+.whitespace-nowrap {\r
+  white-space: nowrap;\r
+}\r
+.break-all {\r
+  word-break: break-all;\r
+}\r
+.rounded {\r
+  border-radius: 0.25rem;\r
+}\r
+.rounded-full {\r
+  border-radius: 9999px;\r
+}\r
+.rounded-lg {\r
+  border-radius: 0.5rem;\r
+}\r
+.rounded-sm {\r
+  border-radius: 0.125rem;\r
+}\r
+.rounded-xl {\r
+  border-radius: 0.75rem;\r
+}\r
+.rounded-l-\\[1\\.75rem\\] {\r
+  border-top-left-radius: 1.75rem;\r
+  border-bottom-left-radius: 1.75rem;\r
+}\r
+.rounded-r-\\[1\\.75rem\\] {\r
+  border-top-right-radius: 1.75rem;\r
+  border-bottom-right-radius: 1.75rem;\r
+}\r
+.rounded-tl-lg {\r
+  border-top-left-radius: 0.5rem;\r
+}\r
+.rounded-tr-lg {\r
+  border-top-right-radius: 0.5rem;\r
+}\r
+.border {\r
+  border-width: 1px;\r
+}\r
+.border-b {\r
+  border-bottom-width: 1px;\r
+}\r
+.border-t-2 {\r
+  border-top-width: 2px;\r
+}\r
+.border-solid {\r
+  border-style: solid;\r
+}\r
+.border-blue-brand {\r
+  --tw-border-opacity: 1;\r
+  border-color: rgb(1 64 153 / var(--tw-border-opacity, 1));\r
+}\r
+.border-gray-200 {\r
+  --tw-border-opacity: 1;\r
+  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));\r
+}\r
+.border-gray-300 {\r
+  --tw-border-opacity: 1;\r
+  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));\r
+}\r
+.bg-\\[\\#9092984d\\] {\r
+  background-color: #9092984d;\r
+}\r
+.bg-\\[\\#e6f4ff\\] {\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(230 244 255 / var(--tw-bg-opacity, 1));\r
+}\r
+.bg-black {\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\r
+}\r
+.bg-blue-500 {\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));\r
+}\r
+.bg-blue-light {\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(22 119 255 / var(--tw-bg-opacity, 1));\r
+}\r
+.bg-gray-100 {\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\r
+}\r
+.bg-gray-200 {\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));\r
+}\r
+.bg-gray-400 {\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));\r
+}\r
+.bg-green-400 {\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));\r
+}\r
+.bg-inherit {\r
+  background-color: inherit;\r
+}\r
+.bg-red-400 {\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));\r
+}\r
+.bg-red-500 {\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\r
+}\r
+.bg-slate-300 {\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));\r
+}\r
+.bg-slate-50 {\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));\r
+}\r
+.bg-white {\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\r
+}\r
+.bg-yellow-400 {\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));\r
+}\r
+.bg-opacity-10 {\r
+  --tw-bg-opacity: 0.1;\r
+}\r
+.bg-opacity-30 {\r
+  --tw-bg-opacity: 0.3;\r
+}\r
+.bg-opacity-50 {\r
+  --tw-bg-opacity: 0.5;\r
+}\r
+.bg-opacity-90 {\r
+  --tw-bg-opacity: 0.9;\r
+}\r
+.fill-current {\r
+  fill: currentColor;\r
+}\r
+.fill-gray-300 {\r
+  fill: #d1d5db;\r
+}\r
+.fill-gray-600 {\r
+  fill: #4b5563;\r
+}\r
+.fill-white {\r
+  fill: #fff;\r
+}\r
+.fill-word6 {\r
+  fill: #666;\r
+}\r
+.stroke-gray-300 {\r
+  stroke: #d1d5db;\r
+}\r
+.stroke-wordblue {\r
+  stroke: #1890ff;\r
+}\r
+.stroke-yellow-300 {\r
+  stroke: #fde047;\r
+}\r
+.stroke-2 {\r
+  stroke-width: 2;\r
+}\r
+.\\!p-0 {\r
+  padding: 0px !important;\r
+}\r
+.p-0 {\r
+  padding: 0px;\r
+}\r
+.p-1 {\r
+  padding: 0.25rem;\r
+}\r
+.p-2 {\r
+  padding: 0.5rem;\r
+}\r
+.p-3 {\r
+  padding: 0.75rem;\r
+}\r
+.p-4 {\r
+  padding: 1rem;\r
+}\r
+.p-px {\r
+  padding: 1px;\r
+}\r
+.px-0 {\r
+  padding-left: 0px;\r
+  padding-right: 0px;\r
+}\r
+.px-1 {\r
+  padding-left: 0.25rem;\r
+  padding-right: 0.25rem;\r
+}\r
+.px-1\\.5 {\r
+  padding-left: 0.375rem;\r
+  padding-right: 0.375rem;\r
+}\r
+.px-2 {\r
+  padding-left: 0.5rem;\r
+  padding-right: 0.5rem;\r
+}\r
+.px-3 {\r
+  padding-left: 0.75rem;\r
+  padding-right: 0.75rem;\r
+}\r
+.px-4 {\r
+  padding-left: 1rem;\r
+  padding-right: 1rem;\r
+}\r
+.py-0\\.5 {\r
+  padding-top: 0.125rem;\r
+  padding-bottom: 0.125rem;\r
+}\r
+.py-1 {\r
+  padding-top: 0.25rem;\r
+  padding-bottom: 0.25rem;\r
+}\r
+.py-1\\.5 {\r
+  padding-top: 0.375rem;\r
+  padding-bottom: 0.375rem;\r
+}\r
+.py-2 {\r
+  padding-top: 0.5rem;\r
+  padding-bottom: 0.5rem;\r
+}\r
+.py-px {\r
+  padding-top: 1px;\r
+  padding-bottom: 1px;\r
+}\r
+.pb-1 {\r
+  padding-bottom: 0.25rem;\r
+}\r
+.pb-9 {\r
+  padding-bottom: 2.25rem;\r
+}\r
+.pl-1 {\r
+  padding-left: 0.25rem;\r
+}\r
+.pl-2 {\r
+  padding-left: 0.5rem;\r
+}\r
+.pr-1 {\r
+  padding-right: 0.25rem;\r
+}\r
+.pt-2 {\r
+  padding-top: 0.5rem;\r
+}\r
+.pt-3 {\r
+  padding-top: 0.75rem;\r
+}\r
+.pt-8 {\r
+  padding-top: 2rem;\r
+}\r
+.text-left {\r
+  text-align: left;\r
+}\r
+.text-center {\r
+  text-align: center;\r
+}\r
+.text-right {\r
+  text-align: right;\r
+}\r
+.align-middle {\r
+  vertical-align: middle;\r
+}\r
+.text-base {\r
+  font-size: 1rem;\r
+  line-height: 1.5rem;\r
+}\r
+.text-lg {\r
+  font-size: 1.125rem;\r
+  line-height: 1.75rem;\r
+}\r
+.text-sm {\r
+  font-size: 0.875rem;\r
+  line-height: 1.25rem;\r
+}\r
+.text-xs {\r
+  font-size: 0.75rem;\r
+  line-height: 1rem;\r
+}\r
+.font-bold {\r
+  font-weight: 700;\r
+}\r
+.font-medium {\r
+  font-weight: 500;\r
+}\r
+.font-normal {\r
+  font-weight: 400;\r
+}\r
+.font-semibold {\r
+  font-weight: 600;\r
+}\r
+.leading-5 {\r
+  line-height: 1.25rem;\r
+}\r
+.leading-6 {\r
+  line-height: 1.5rem;\r
+}\r
+.leading-8 {\r
+  line-height: 2rem;\r
+}\r
+.text-blue-400 {\r
+  --tw-text-opacity: 1;\r
+  color: rgb(96 165 250 / var(--tw-text-opacity, 1));\r
+}\r
+.text-blue-500 {\r
+  --tw-text-opacity: 1;\r
+  color: rgb(59 130 246 / var(--tw-text-opacity, 1));\r
+}\r
+.text-blue-brand {\r
+  --tw-text-opacity: 1;\r
+  color: rgb(1 64 153 / var(--tw-text-opacity, 1));\r
+}\r
+.text-blue-light {\r
+  --tw-text-opacity: 1;\r
+  color: rgb(22 119 255 / var(--tw-text-opacity, 1));\r
+}\r
+.text-red-600 {\r
+  --tw-text-opacity: 1;\r
+  color: rgb(220 38 38 / var(--tw-text-opacity, 1));\r
+}\r
+.text-white {\r
+  --tw-text-opacity: 1;\r
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\r
+}\r
+.text-word3 {\r
+  --tw-text-opacity: 1;\r
+  color: rgb(51 51 51 / var(--tw-text-opacity, 1));\r
+}\r
+.text-word6 {\r
+  --tw-text-opacity: 1;\r
+  color: rgb(102 102 102 / var(--tw-text-opacity, 1));\r
+}\r
+.text-word9 {\r
+  --tw-text-opacity: 1;\r
+  color: rgb(153 153 153 / var(--tw-text-opacity, 1));\r
+}\r
+.text-yellow-400 {\r
+  --tw-text-opacity: 1;\r
+  color: rgb(250 204 21 / var(--tw-text-opacity, 1));\r
+}\r
+.opacity-0 {\r
+  opacity: 0;\r
+}\r
+.opacity-100 {\r
+  opacity: 1;\r
+}\r
+.opacity-50 {\r
+  opacity: 0.5;\r
+}\r
+.outline-none {\r
+  outline: 2px solid transparent;\r
+  outline-offset: 2px;\r
+}\r
+.outline-0 {\r
+  outline-width: 0px;\r
+}\r
+.ring-2 {\r
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\r
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\r
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\r
+}\r
+.ring-gray-300 {\r
+  --tw-ring-opacity: 1;\r
+  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));\r
+}\r
+.blur {\r
+  --tw-blur: blur(8px);\r
+  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);\r
+}\r
+.drop-shadow {\r
+  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));\r
+  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);\r
+}\r
+.\\!filter {\r
+  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) !important;\r
+}\r
+.filter {\r
+  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);\r
+}\r
+.transition {\r
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\r
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\r
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\r
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r
+  transition-duration: 150ms;\r
+}\r
+.transition-all {\r
+  transition-property: all;\r
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r
+  transition-duration: 150ms;\r
+}\r
+.transition-colors {\r
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\r
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r
+  transition-duration: 150ms;\r
+}\r
+.transition-opacity {\r
+  transition-property: opacity;\r
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r
+  transition-duration: 150ms;\r
+}\r
+.transition-transform {\r
+  transition-property: transform;\r
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r
+  transition-duration: 150ms;\r
+}\r
+.duration-300 {\r
+  transition-duration: 300ms;\r
+}\r
+.duration-700 {\r
+  transition-duration: 700ms;\r
+}\r
+.ease-in-out {\r
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r
+}\r
+.scrollbar-none {\r
+  scrollbar-width: none;\r
+}\r
+.scrollbar-none::-webkit-scrollbar {\r
+  display: none;\r
+}\r
 .form-tick:checked {\r
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");\r
   border-color: transparent;\r
@@ -85,18 +920,8 @@ var __publicField = (obj, key, value) => {
   background-position: 50%;\r
   background-repeat: no-repeat;\r
 }\r
-.fade-enter-active,\r
-.fade-leave-active {\r
-  transition: opacity 0.2s ease;\r
-}\r
-\r
-.fade-enter-from,\r
-.fade-leave-to {\r
-  opacity: 0;\r
-}\r
-} */\r
 \r
-.form-tick:checked {\r
+/* .form-tick:checked {\r
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");\r
   border-color: transparent;\r
   background-size: 100% 100%;\r
@@ -111,6 +936,200 @@ var __publicField = (obj, key, value) => {
 .fade-enter-from,\r
 .fade-leave-to {\r
   opacity: 0;\r
+} */\r
+\r
+.before\\:absolute::before {\r
+  content: var(--tw-content);\r
+  position: absolute;\r
+}\r
+\r
+.before\\:z-\\[-1\\]::before {\r
+  content: var(--tw-content);\r
+  z-index: -1;\r
+}\r
+\r
+.before\\:-mr-px::before {\r
+  content: var(--tw-content);\r
+  margin-right: -1px;\r
+}\r
+\r
+.before\\:inline-block::before {\r
+  content: var(--tw-content);\r
+  display: inline-block;\r
+}\r
+\r
+.before\\:h-1\\/2::before {\r
+  content: var(--tw-content);\r
+  height: 50%;\r
+}\r
+\r
+.before\\:h-2\\.5::before {\r
+  content: var(--tw-content);\r
+  height: 0.625rem;\r
+}\r
+\r
+.before\\:w-2\\.5::before {\r
+  content: var(--tw-content);\r
+  width: 0.625rem;\r
+}\r
+\r
+.before\\:w-\\[1px\\]::before {\r
+  content: var(--tw-content);\r
+  width: 1px;\r
+}\r
+\r
+.before\\:rotate-45::before {\r
+  content: var(--tw-content);\r
+  --tw-rotate: 45deg;\r
+  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));\r
+}\r
+\r
+.before\\:rounded-bl::before {\r
+  content: var(--tw-content);\r
+  border-bottom-left-radius: 0.25rem;\r
+}\r
+\r
+.before\\:rounded-br::before {\r
+  content: var(--tw-content);\r
+  border-bottom-right-radius: 0.25rem;\r
+}\r
+\r
+.before\\:rounded-tl::before {\r
+  content: var(--tw-content);\r
+  border-top-left-radius: 0.25rem;\r
+}\r
+\r
+.before\\:rounded-tr::before {\r
+  content: var(--tw-content);\r
+  border-top-right-radius: 0.25rem;\r
+}\r
+\r
+.before\\:border::before {\r
+  content: var(--tw-content);\r
+  border-width: 1px;\r
+}\r
+\r
+.before\\:border-gray-300::before {\r
+  content: var(--tw-content);\r
+  --tw-border-opacity: 1;\r
+  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));\r
+}\r
+\r
+.before\\:border-b-transparent::before {\r
+  content: var(--tw-content);\r
+  border-bottom-color: transparent;\r
+}\r
+\r
+.before\\:border-l-transparent::before {\r
+  content: var(--tw-content);\r
+  border-left-color: transparent;\r
+}\r
+\r
+.before\\:border-r-transparent::before {\r
+  content: var(--tw-content);\r
+  border-right-color: transparent;\r
+}\r
+\r
+.before\\:border-t-transparent::before {\r
+  content: var(--tw-content);\r
+  border-top-color: transparent;\r
+}\r
+\r
+.before\\:bg-white::before {\r
+  content: var(--tw-content);\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\r
+}\r
+\r
+.before\\:content-\\[\\'\\'\\]::before {\r
+  --tw-content: '';\r
+  content: var(--tw-content);\r
+}\r
+\r
+.checked\\:border-transparent:checked {\r
+  border-color: transparent;\r
+}\r
+\r
+.checked\\:bg-blue-600:checked {\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));\r
+}\r
+\r
+.hover\\:scale-125:hover {\r
+  --tw-scale-x: 1.25;\r
+  --tw-scale-y: 1.25;\r
+  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));\r
+}\r
+\r
+.hover\\:bg-gray-100:hover {\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\r
+}\r
+\r
+.hover\\:bg-gray-200:hover {\r
+  --tw-bg-opacity: 1;\r
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));\r
+}\r
+\r
+.hover\\:text-blue-400:hover {\r
+  --tw-text-opacity: 1;\r
+  color: rgb(96 165 250 / var(--tw-text-opacity, 1));\r
+}\r
+\r
+.hover\\:text-blue-500:hover {\r
+  --tw-text-opacity: 1;\r
+  color: rgb(59 130 246 / var(--tw-text-opacity, 1));\r
+}\r
+\r
+.hover\\:text-blue-brand:hover {\r
+  --tw-text-opacity: 1;\r
+  color: rgb(1 64 153 / var(--tw-text-opacity, 1));\r
+}\r
+\r
+.hover\\:opacity-100:hover {\r
+  opacity: 1;\r
+}\r
+\r
+.focus\\:outline-none:focus {\r
+  outline: 2px solid transparent;\r
+  outline-offset: 2px;\r
+}\r
+\r
+.active\\:to-blue-700:active {\r
+  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);\r
+}\r
+\r
+.disabled\\:cursor-default:disabled {\r
+  cursor: default;\r
+}\r
+\r
+.disabled\\:cursor-not-allowed:disabled {\r
+  cursor: not-allowed;\r
+}\r
+\r
+.group:hover .group-hover\\:visible {\r
+  visibility: visible;\r
+}\r
+\r
+.group\\/scroll:hover .group-hover\\/scroll\\:opacity-100 {\r
+  opacity: 1;\r
+}\r
+\r
+.peer:disabled ~ .peer-disabled\\:text-word9 {\r
+  --tw-text-opacity: 1;\r
+  color: rgb(153 153 153 / var(--tw-text-opacity, 1));\r
+}\r
+\r
+@media not all and (min-width: 640px) {\r
+  .max-sm\\:opacity-100 {\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+@media (min-width: 640px) {\r
+  .group\\/scroll:hover .sm\\:group-hover\\/scroll\\:opacity-100 {\r
+    opacity: 1;\r
+  }\r
 }.ETab {
     display: flex;
     width: 100%;