ninemoon-ui 0.0.27 → 0.1.1

package/dist/index.css

@@ -1,897 +1,1210 @@
-
-.circular {
-    animation: rotate 2s linear infinite;
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    left: 0px;
-    bottom: 0px;
-    height: 100%;
-    width: 100%;
-    transform-origin: center;
+@charset "UTF-8";
+.alertOpecity-enter-from{
+  position: absolute;
+  opacity: 0.5
+}
+.alertOpecity-enter-active,
+.alertOpecity-leave-active{
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 300ms
+  /* 300ms 与 JS 清理时间一致 */
+}
+.alertOpecity-enter,
+.alertOpecity-leave-to{
+  opacity: 0
+}.circular {
+  animation: rotate 2s linear infinite;
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  left: 0px;
+  bottom: 0px;
+  height: 100%;
+  width: 100%;
+  transform-origin: center;
 }
 .circular .path {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
-    stroke-linecap: round;
+  stroke-dasharray: 1, 200;
+  stroke-dashoffset: 0;
+  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
+  stroke-linecap: round;
 }
 @keyframes rotate {
 100% {
-      transform: rotate(360deg);
+    transform: rotate(360deg);
 }
 }
 @keyframes dash {
 0% {
-      stroke-dasharray: 1, 200;
-      stroke-dashoffset: 0;
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
 }
 50% {
-      stroke-dasharray: 89, 200;
-      stroke-dashoffset: -35px;
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35px;
 }
 100% {
-      stroke-dasharray: 89, 200;
-      stroke-dashoffset: -124px;
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -124px;
 }
 }
 @keyframes color {
 100%, 0% {
-      stroke: #d62d20;
+    stroke: #d62d20;
 }
 40% {
-      stroke: #0057e7;
+    stroke: #0057e7;
 }
 66% {
-      stroke: #008744;
+    stroke: #008744;
 }
 80%, 90% {
-      stroke: #ffa700;
-}
-}.tdd-pointer-events-none {
-    pointer-events: none;
-}
-.tdd-pointer-events-auto {
-    pointer-events: auto;
-}
-.tdd-visible {
-    visibility: visible;
-}
-.tdd-invisible {
-    visibility: hidden;
-}
-.tdd-fixed {
-    position: fixed;
-}
-.tdd-absolute {
-    position: absolute;
-}
-.tdd-relative {
-    position: relative;
-}
-.tdd--bottom-5 {
-    bottom: -1.25rem;
-}
-.tdd-bottom-0 {
-    bottom: 0px;
-}
-.tdd-bottom-0\.5 {
-    bottom: 0.125rem;
-}
-.tdd-left-0 {
-    left: 0px;
-}
-.tdd-left-1 {
-    left: 0.25rem;
-}
-.tdd-right-0 {
-    right: 0px;
-}
-.tdd-right-0\.5 {
-    right: 0.125rem;
-}
-.tdd-right-1 {
-    right: 0.25rem;
-}
-.tdd-top-0 {
-    top: 0px;
-}
-.tdd-top-1\/2 {
-    top: 50%;
-}
-.tdd-top-4 {
-    top: 1rem;
-}
-.tdd-z-10 {
-    z-index: 10;
-}
-.tdd-z-1000 {
-    z-index: 1000;
-}
-.tdd-z-20 {
-    z-index: 20;
-}
-.tdd-z-2000 {
-    z-index: 2000;
-}
-.tdd-z-50 {
-    z-index: 50;
-}
-.tdd-m-0 {
-    margin: 0px;
-}
-.tdd-mx-2 {
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
-}
-.tdd-my-2 {
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
-}
-.tdd-my-4 {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-}
-.-tdd-ml-3 {
-    margin-left: -0.75rem;
-}
-.-tdd-mt-3 {
-    margin-top: -0.75rem;
-}
-.tdd-mb-5 {
-    margin-bottom: 1.25rem;
-}
-.tdd-ml-1 {
-    margin-left: 0.25rem;
-}
-.tdd-ml-2 {
-    margin-left: 0.5rem;
-}
-.tdd-ml-3 {
-    margin-left: 0.75rem;
-}
-.tdd-mr-1 {
-    margin-right: 0.25rem;
-}
-.tdd-mr-2 {
-    margin-right: 0.5rem;
-}
-.tdd-mr-4 {
-    margin-right: 1rem;
-}
-.tdd-mt-1 {
-    margin-top: 0.25rem;
-}
-.tdd-mt-2 {
-    margin-top: 0.5rem;
-}
-.tdd-mt-3 {
-    margin-top: 0.75rem;
-}
-.tdd-box-border {
-    box-sizing: border-box;
-}
-.tdd-block {
-    display: block;
-}
-.tdd-inline-block {
-    display: inline-block;
-}
-.tdd-inline {
-    display: inline;
-}
-.tdd-flex {
-    display: flex;
-}
-.tdd-inline-flex {
-    display: inline-flex;
-}
-.tdd-flow-root {
-    display: flow-root;
-}
-.tdd-hidden {
-    display: none;
-}
-.tdd-h-0\.5 {
-    height: 0.125rem;
-}
-.tdd-h-10 {
-    height: 2.5rem;
-}
-.tdd-h-2\.5 {
-    height: 0.625rem;
-}
-.tdd-h-3 {
-    height: 0.75rem;
-}
-.tdd-h-4 {
-    height: 1rem;
-}
-.tdd-h-5 {
-    height: 1.25rem;
-}
-.tdd-h-6 {
-    height: 1.5rem;
-}
-.tdd-h-60 {
-    height: 15rem;
-}
-.tdd-h-7 {
-    height: 1.75rem;
-}
-.tdd-h-8 {
-    height: 2rem;
-}
-.tdd-h-full {
-    height: 100%;
-}
-.tdd-max-h-\[300px\] {
-    max-height: 300px;
-}
-.tdd-max-h-full {
-    max-height: 100%;
-}
-.tdd-w-1\/2 {
-    width: 50%;
-}
-.tdd-w-10 {
-    width: 2.5rem;
-}
-.tdd-w-14 {
-    width: 3.5rem;
-}
-.tdd-w-2\.5 {
-    width: 0.625rem;
-}
-.tdd-w-24 {
-    width: 6rem;
-}
-.tdd-w-3 {
-    width: 0.75rem;
-}
-.tdd-w-4 {
-    width: 1rem;
-}
-.tdd-w-5 {
-    width: 1.25rem;
-}
-.tdd-w-6 {
-    width: 1.5rem;
-}
-.tdd-w-64 {
-    width: 16rem;
-}
-.tdd-w-8 {
-    width: 2rem;
-}
-.tdd-w-96 {
-    width: 24rem;
-}
-.tdd-w-full {
-    width: 100%;
-}
-.tdd-min-w-\[200px\] {
-    min-width: 200px;
-}
-.tdd-max-w-full {
-    max-width: 100%;
-}
-.tdd-max-w-xs {
-    max-width: 20rem;
-}
-.tdd-flex-1 {
-    flex: 1 1 0%;
-}
-.tdd-flex-auto {
-    flex: 1 1 auto;
-}
-.tdd-flex-none {
-    flex: none;
-}
-.tdd-table-fixed {
-    table-layout: fixed;
-}
-.tdd--translate-y-1\/2 {
-    --tw-translate-y: -50%;
-    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));
-}
-.tdd-translate-x-0 {
-    --tw-translate-x: 0px;
-    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));
-}
-.tdd-translate-x-full {
-    --tw-translate-x: 100%;
-    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));
-}
-.-tdd-rotate-90 {
-    --tw-rotate: -90deg;
-    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));
-}
-.tdd-rotate-0 {
-    --tw-rotate: 0deg;
-    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));
-}
-.tdd-rotate-180 {
-    --tw-rotate: 180deg;
-    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));
-}
-.tdd-transform {
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.tdd-cursor-default {
-    cursor: default;
-}
-.tdd-cursor-grab {
-    cursor: grab;
-}
-.tdd-cursor-grabbing {
-    cursor: grabbing;
-}
-.tdd-cursor-not-allowed {
-    cursor: not-allowed;
-}
-.tdd-cursor-pointer {
-    cursor: pointer;
-}
-.tdd-select-none {
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-}
-.tdd-list-none {
-    list-style-type: none;
-}
-.tdd-appearance-none {
-    -webkit-appearance: none;
-       -moz-appearance: none;
-            appearance: none;
-}
-.tdd-flex-col {
-    flex-direction: column;
-}
-.tdd-flex-wrap {
-    flex-wrap: wrap;
-}
-.tdd-items-center {
-    align-items: center;
-}
-.tdd-justify-end {
-    justify-content: flex-end;
-}
-.tdd-justify-center {
-    justify-content: center;
-}
-.tdd-justify-between {
-    justify-content: space-between;
-}
-.tdd-space-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-.tdd-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
-}
-.tdd-space-x-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
-}
-.tdd-space-y-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
-}
-.tdd-space-y-5 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
-}
-.tdd-divide-y > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 0;
-    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
-}
-.tdd-divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-opacity: 1;
-    border-color: rgb(209 213 219 / var(--tw-divide-opacity, 1));
-}
-.tdd-overflow-hidden {
-    overflow: hidden;
-}
-.tdd-overflow-scroll {
-    overflow: scroll;
-}
-.tdd-overflow-x-hidden {
-    overflow-x: hidden;
-}
-.tdd-overscroll-contain {
-    overscroll-behavior: contain;
-}
-.tdd-whitespace-normal {
-    white-space: normal;
-}
-.tdd-break-all {
-    word-break: break-all;
-}
-.tdd-rounded {
-    border-radius: 0.25rem;
-}
-.tdd-rounded-full {
-    border-radius: 9999px;
-}
-.tdd-rounded-sm {
-    border-radius: 0.125rem;
-}
-.tdd-rounded-xl {
-    border-radius: 0.75rem;
-}
-.tdd-rounded-bl {
-    border-bottom-left-radius: 0.25rem;
-}
-.tdd-rounded-bl-sm {
-    border-bottom-left-radius: 0.125rem;
-}
-.tdd-rounded-br {
-    border-bottom-right-radius: 0.25rem;
-}
-.tdd-rounded-br-sm {
-    border-bottom-right-radius: 0.125rem;
-}
-.tdd-rounded-tl {
-    border-top-left-radius: 0.25rem;
-}
-.tdd-rounded-tl-sm {
-    border-top-left-radius: 0.125rem;
-}
-.tdd-rounded-tr {
-    border-top-right-radius: 0.25rem;
-}
-.tdd-rounded-tr-sm {
-    border-top-right-radius: 0.125rem;
-}
-.tdd-border {
-    border-width: 1px;
-}
-.tdd-border-b {
-    border-bottom-width: 1px;
-}
-.tdd-border-t-2 {
-    border-top-width: 2px;
-}
-.tdd-border-solid {
-    border-style: solid;
-}
-.tdd-border-blue-400 {
-    --tw-border-opacity: 1;
-    border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
-}
-.tdd-border-blue-600 {
-    --tw-border-opacity: 1;
-    border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
-}
-.tdd-border-blue-brand {
-    --tw-border-opacity: 1;
-    border-color: rgb(1 64 153 / var(--tw-border-opacity, 1));
-}
-.tdd-border-gray-200 {
-    --tw-border-opacity: 1;
-    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
-}
-.tdd-border-gray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
-}
-.tdd-border-gray-400 {
-    --tw-border-opacity: 1;
-    border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
-}
-.tdd-bg-black {
-    --tw-bg-opacity: 1;
-    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
-}
-.tdd-bg-blue-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(147 197 253 / var(--tw-bg-opacity, 1));
-}
-.tdd-bg-blue-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
-}
-.tdd-bg-blue-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}
-.tdd-bg-blue-light {
-    --tw-bg-opacity: 1;
-    background-color: rgb(22 119 255 / var(--tw-bg-opacity, 1));
-}
-.tdd-bg-gray-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
-}
-.tdd-bg-gray-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
-}
-.tdd-bg-green-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
-}
-.tdd-bg-red-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
-}
-.tdd-bg-slate-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
-}
-.tdd-bg-slate-50 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
-}
-.tdd-bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
-}
-.tdd-bg-wordblue {
-    --tw-bg-opacity: 1;
-    background-color: rgb(24 144 255 / var(--tw-bg-opacity, 1));
-}
-.tdd-bg-yellow-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
-}
-.tdd-bg-opacity-10 {
-    --tw-bg-opacity: 0.1;
-}
-.tdd-bg-opacity-30 {
-    --tw-bg-opacity: 0.3;
-}
-.tdd-bg-opacity-50 {
-    --tw-bg-opacity: 0.5;
-}
-.tdd-bg-opacity-90 {
-    --tw-bg-opacity: 0.9;
-}
-.tdd-fill-current {
-    fill: currentColor;
-}
-.tdd-fill-gray-400 {
-    fill: #9ca3af;
-}
-.tdd-fill-gray-600 {
-    fill: #4b5563;
-}
-.tdd-fill-white {
-    fill: #fff;
-}
-.tdd-fill-word6 {
-    fill: #666;
-}
-.tdd-stroke-gray-300 {
-    stroke: #d1d5db;
-}
-.tdd-stroke-wordblue {
-    stroke: #1890ff;
-}
-.tdd-stroke-yellow-300 {
-    stroke: #fde047;
-}
-.tdd-stroke-2 {
-    stroke-width: 2;
-}
-.\!tdd-p-0 {
-    padding: 0px !important;
-}
-.\!tdd-p-1 {
-    padding: 0.25rem !important;
-}
-.tdd-p-1 {
-    padding: 0.25rem;
-}
-.tdd-p-2 {
-    padding: 0.5rem;
-}
-.tdd-p-3 {
-    padding: 0.75rem;
-}
-.tdd-p-4 {
-    padding: 1rem;
-}
-.tdd-p-px {
-    padding: 1px;
-}
-.tdd-px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-}
-.tdd-px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-}
-.tdd-px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-}
-.tdd-px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-}
-.tdd-py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-}
-.tdd-py-1\.5 {
-    padding-top: 0.375rem;
-    padding-bottom: 0.375rem;
-}
-.tdd-py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-}
-.tdd-pb-1 {
-    padding-bottom: 0.25rem;
-}
-.tdd-pb-9 {
-    padding-bottom: 2.25rem;
-}
-.tdd-pt-2 {
-    padding-top: 0.5rem;
-}
-.tdd-pt-3 {
-    padding-top: 0.75rem;
-}
-.tdd-pt-8 {
-    padding-top: 2rem;
-}
-.tdd-text-left {
-    text-align: left;
-}
-.tdd-text-center {
-    text-align: center;
-}
-.tdd-align-middle {
-    vertical-align: middle;
-}
-.tdd-text-base {
-    font-size: 1rem;
-    line-height: 1.5rem;
-}
-.tdd-text-lg {
-    font-size: 1.125rem;
-    line-height: 1.75rem;
-}
-.tdd-text-sm {
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-}
-.tdd-text-xs {
-    font-size: 0.75rem;
-    line-height: 1rem;
-}
-.tdd-font-bold {
-    font-weight: 700;
-}
-.tdd-font-medium {
-    font-weight: 500;
-}
-.tdd-font-normal {
-    font-weight: 400;
-}
-.tdd-font-semibold {
-    font-weight: 600;
-}
-.tdd-leading-5 {
-    line-height: 1.25rem;
-}
-.tdd-leading-6 {
-    line-height: 1.5rem;
-}
-.tdd-leading-8 {
-    line-height: 2rem;
-}
-.tdd-text-blue-500 {
-    --tw-text-opacity: 1;
-    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}
-.tdd-text-blue-brand {
-    --tw-text-opacity: 1;
-    color: rgb(1 64 153 / var(--tw-text-opacity, 1));
-}
-.tdd-text-red-600 {
-    --tw-text-opacity: 1;
-    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
-}
-.tdd-text-white {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
-}
-.tdd-text-word3 {
-    --tw-text-opacity: 1;
-    color: rgb(51 51 51 / var(--tw-text-opacity, 1));
-}
-.tdd-text-word6 {
-    --tw-text-opacity: 1;
-    color: rgb(102 102 102 / var(--tw-text-opacity, 1));
-}
-.tdd-text-word9 {
-    --tw-text-opacity: 1;
-    color: rgb(153 153 153 / var(--tw-text-opacity, 1));
-}
-.tdd-text-yellow-400 {
-    --tw-text-opacity: 1;
-    color: rgb(250 204 21 / var(--tw-text-opacity, 1));
-}
-.tdd-opacity-0 {
-    opacity: 0;
-}
-.tdd-outline-none {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-}
-.tdd-outline-0 {
-    outline-width: 0px;
-}
-.tdd-ring-2 {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-.tdd-ring-gray-300 {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
-}
-.tdd-drop-shadow {
-    --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));
-    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);
-}
-.tdd-transition {
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-}
-.tdd-transition-all {
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-}
-.tdd-transition-opacity {
-    transition-property: opacity;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-}
-.tdd-transition-transform {
-    transition-property: transform;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-}
-.tdd-duration-300 {
-    transition-duration: 300ms;
-}
-  .form-tick:checked {
-    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");
-    border-color: transparent;
-    background-size: 100% 100%;
-    background-position: 50%;
-    background-repeat: no-repeat;
-  }
-  .before\:tdd-absolute::before {
-    content: var(--tw-content);
-    position: absolute;
-}
-  .before\:tdd-z-\[-1\]::before {
-    content: var(--tw-content);
-    z-index: -1;
-}
-  .before\:tdd-h-2\.5::before {
-    content: var(--tw-content);
-    height: 0.625rem;
-}
-  .before\:tdd-w-2\.5::before {
-    content: var(--tw-content);
-    width: 0.625rem;
-}
-  .before\:tdd-rotate-45::before {
-    content: var(--tw-content);
-    --tw-rotate: 45deg;
-    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));
-}
-  .before\:tdd-rounded-bl::before {
-    content: var(--tw-content);
-    border-bottom-left-radius: 0.25rem;
-}
-  .before\:tdd-rounded-br::before {
-    content: var(--tw-content);
-    border-bottom-right-radius: 0.25rem;
-}
-  .before\:tdd-rounded-tl::before {
-    content: var(--tw-content);
-    border-top-left-radius: 0.25rem;
-}
-  .before\:tdd-rounded-tr::before {
-    content: var(--tw-content);
-    border-top-right-radius: 0.25rem;
-}
-  .before\:tdd-border::before {
-    content: var(--tw-content);
-    border-width: 1px;
-}
-  .before\:tdd-border-gray-300::before {
-    content: var(--tw-content);
-    --tw-border-opacity: 1;
-    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
-}
-  .before\:tdd-border-b-transparent::before {
-    content: var(--tw-content);
-    border-bottom-color: transparent;
-}
-  .before\:tdd-border-l-transparent::before {
-    content: var(--tw-content);
-    border-left-color: transparent;
-}
-  .before\:tdd-border-r-transparent::before {
-    content: var(--tw-content);
-    border-right-color: transparent;
-}
-  .before\:tdd-border-t-transparent::before {
-    content: var(--tw-content);
-    border-top-color: transparent;
-}
-  .before\:tdd-bg-white::before {
-    content: var(--tw-content);
-    --tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
-}
-  .checked\:tdd-border-transparent:checked {
-    border-color: transparent;
-}
-  .checked\:tdd-bg-red-600:checked {
-    --tw-bg-opacity: 1;
-    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
-}
-  .focus-within\:tdd-border-blue-300:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
-}
-  .hover\:tdd-scale-125:hover {
-    --tw-scale-x: 1.25;
-    --tw-scale-y: 1.25;
-    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));
-}
-  .hover\:tdd-bg-gray-100:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
-}
-  .hover\:tdd-bg-gray-200:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
-}
-  .hover\:tdd-text-blue-500:hover {
-    --tw-text-opacity: 1;
-    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}
-  .hover\:tdd-text-blue-brand:hover {
-    --tw-text-opacity: 1;
-    color: rgb(1 64 153 / var(--tw-text-opacity, 1));
-}
-  .hover\:tdd-opacity-100:hover {
-    opacity: 1;
-}
-  .focus\:tdd-outline-none:focus {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-}
-  .active\:tdd-to-blue-700:active {
-    --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
-}
-  .tdd-group:hover .group-hover\:tdd-flex {
-    display: flex;
-}
-  .tdd-group\/scroll:hover .group-hover\/scroll\:tdd-opacity-100 {
-    opacity: 1;
+    stroke: #ffa700;
+}
+}*, ::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 / 0.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 / 0.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:  ;
+}
+.\!container {
+  width: 100% !important;
+}
+.container {
+  width: 100%;
+}
+@media (min-width: 640px) {
+  .\!container {
+    max-width: 640px !important;
+  }
+  .container {
+    max-width: 640px;
+  }
+}
+@media (min-width: 768px) {
+  .\!container {
+    max-width: 768px !important;
+  }
+  .container {
+    max-width: 768px;
+  }
+}
+@media (min-width: 1024px) {
+  .\!container {
+    max-width: 1024px !important;
+  }
+  .container {
+    max-width: 1024px;
+  }
+}
+@media (min-width: 1280px) {
+  .\!container {
+    max-width: 1280px !important;
+  }
+  .container {
+    max-width: 1280px;
+  }
+}
+@media (min-width: 1536px) {
+  .\!container {
+    max-width: 1536px !important;
+  }
+  .container {
+    max-width: 1536px;
+  }
+}
+.pointer-events-none {
+  pointer-events: none;
+}
+.pointer-events-auto {
+  pointer-events: auto;
+}
+.visible {
+  visibility: visible;
+}
+.invisible {
+  visibility: hidden;
+}
+.static {
+  position: static;
+}
+.fixed {
+  position: fixed;
+}
+.absolute {
+  position: absolute;
+}
+.relative {
+  position: relative;
+}
+.-bottom-5 {
+  bottom: -1.25rem;
+}
+.-right-3 {
+  right: -0.75rem;
+}
+.-top-1\/2 {
+  top: -50%;
+}
+.bottom-0 {
+  bottom: 0px;
+}
+.bottom-0\.5 {
+  bottom: 0.125rem;
+}
+.left-0 {
+  left: 0px;
+}
+.left-0\.5 {
+  left: 0.125rem;
+}
+.left-1 {
+  left: 0.25rem;
+}
+.left-\[calc\(100\%-20px\)\] {
+  left: calc(100% - 20px);
+}
+.right-0 {
+  right: 0px;
+}
+.right-0\.5 {
+  right: 0.125rem;
+}
+.right-1 {
+  right: 0.25rem;
+}
+.top-0 {
+  top: 0px;
+}
+.top-0\.5 {
+  top: 0.125rem;
+}
+.top-1\/2 {
+  top: 50%;
+}
+.top-4 {
+  top: 1rem;
+}
+.z-10 {
+  z-index: 10;
+}
+.z-1000 {
+  z-index: 1000;
+}
+.z-20 {
+  z-index: 20;
+}
+.z-2000 {
+  z-index: 2000;
+}
+.z-50 {
+  z-index: 50;
+}
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+.mx-2 {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.my-4 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+.-ml-3 {
+  margin-left: -0.75rem;
+}
+.-mt-3 {
+  margin-top: -0.75rem;
+}
+.mb-5 {
+  margin-bottom: 1.25rem;
+}
+.ml-1 {
+  margin-left: 0.25rem;
+}
+.ml-2 {
+  margin-left: 0.5rem;
+}
+.ml-3 {
+  margin-left: 0.75rem;
+}
+.ml-6 {
+  margin-left: 1.5rem;
+}
+.mr-1 {
+  margin-right: 0.25rem;
+}
+.mr-2 {
+  margin-right: 0.5rem;
+}
+.mr-5 {
+  margin-right: 1.25rem;
+}
+.mr-6 {
+  margin-right: 1.5rem;
+}
+.mt-1 {
+  margin-top: 0.25rem;
+}
+.mt-2 {
+  margin-top: 0.5rem;
+}
+.mt-3 {
+  margin-top: 0.75rem;
+}
+.mt-\[20vh\] {
+  margin-top: 20vh;
+}
+.box-border {
+  box-sizing: border-box;
+}
+.block {
+  display: block;
+}
+.inline-block {
+  display: inline-block;
+}
+.inline {
+  display: inline;
+}
+.flex {
+  display: flex;
+}
+.inline-flex {
+  display: inline-flex;
+}
+.table {
+  display: table;
+}
+.hidden {
+  display: none;
+}
+.h-1\.5 {
+  height: 0.375rem;
+}
+.h-10 {
+  height: 2.5rem;
+}
+.h-11 {
+  height: 2.75rem;
+}
+.h-2\.5 {
+  height: 0.625rem;
+}
+.h-3 {
+  height: 0.75rem;
+}
+.h-4 {
+  height: 1rem;
+}
+.h-5 {
+  height: 1.25rem;
+}
+.h-6 {
+  height: 1.5rem;
+}
+.h-7 {
+  height: 1.75rem;
+}
+.h-8 {
+  height: 2rem;
+}
+.h-full {
+  height: 100%;
+}
+.max-h-full {
+  max-height: 100%;
+}
+.w-1\.5 {
+  width: 0.375rem;
+}
+.w-1\/2 {
+  width: 50%;
+}
+.w-10 {
+  width: 2.5rem;
+}
+.w-14 {
+  width: 3.5rem;
+}
+.w-2\.5 {
+  width: 0.625rem;
+}
+.w-24 {
+  width: 6rem;
+}
+.w-3 {
+  width: 0.75rem;
+}
+.w-4 {
+  width: 1rem;
+}
+.w-5 {
+  width: 1.25rem;
+}
+.w-6 {
+  width: 1.5rem;
+}
+.w-64 {
+  width: 16rem;
+}
+.w-7 {
+  width: 1.75rem;
+}
+.w-8 {
+  width: 2rem;
+}
+.w-96 {
+  width: 24rem;
+}
+.w-full {
+  width: 100%;
+}
+.min-w-10 {
+  min-width: 2.5rem;
+}
+.max-w-full {
+  max-width: 100%;
+}
+.max-w-xs {
+  max-width: 20rem;
+}
+.flex-1 {
+  flex: 1 1 0%;
+}
+.flex-auto {
+  flex: 1 1 auto;
+}
+.flex-none {
+  flex: none;
+}
+.flex-grow-0 {
+  flex-grow: 0;
+}
+.table-fixed {
+  table-layout: fixed;
+}
+.origin-center {
+  transform-origin: center;
+}
+.-translate-y-1\/2 {
+  --tw-translate-y: -50%;
+  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));
+}
+.translate-x-full {
+  --tw-translate-x: 100%;
+  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));
+}
+.-rotate-90 {
+  --tw-rotate: -90deg;
+  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));
+}
+.rotate-180 {
+  --tw-rotate: 180deg;
+  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));
+}
+.rotate-90 {
+  --tw-rotate: 90deg;
+  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));
+}
+.transform {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.cursor-default {
+  cursor: default;
+}
+.cursor-grab {
+  cursor: grab;
+}
+.cursor-grabbing {
+  cursor: grabbing;
+}
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+.cursor-pointer {
+  cursor: pointer;
+}
+.select-none {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.resize {
+  resize: both;
+}
+.list-none {
+  list-style-type: none;
+}
+.appearance-none {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.flex-col {
+  flex-direction: column;
+}
+.flex-wrap {
+  flex-wrap: wrap;
+}
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+.items-center {
+  align-items: center;
+}
+.justify-end {
+  justify-content: flex-end;
+}
+.justify-center {
+  justify-content: center;
+}
+.justify-between {
+  justify-content: space-between;
+}
+.space-x-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+.space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
+}
+.space-x-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
+.space-x-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1rem * var(--tw-space-x-reverse));
+  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+}
+.space-y-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+}
+.space-y-5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+}
+.divide-y > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+}
+.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-divide-opacity, 1));
+}
+.overflow-auto {
+  overflow: auto;
+}
+.overflow-hidden {
+  overflow: hidden;
+}
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
+.overscroll-contain {
+  overscroll-behavior: contain;
+}
+.whitespace-normal {
+  white-space: normal;
+}
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+.break-all {
+  word-break: break-all;
+}
+.rounded {
+  border-radius: 0.25rem;
+}
+.rounded-full {
+  border-radius: 9999px;
+}
+.rounded-lg {
+  border-radius: 0.5rem;
+}
+.rounded-sm {
+  border-radius: 0.125rem;
+}
+.rounded-xl {
+  border-radius: 0.75rem;
+}
+.rounded-l-\[1\.75rem\] {
+  border-top-left-radius: 1.75rem;
+  border-bottom-left-radius: 1.75rem;
+}
+.rounded-r-\[1\.75rem\] {
+  border-top-right-radius: 1.75rem;
+  border-bottom-right-radius: 1.75rem;
+}
+.rounded-tl-lg {
+  border-top-left-radius: 0.5rem;
+}
+.rounded-tr-lg {
+  border-top-right-radius: 0.5rem;
+}
+.border {
+  border-width: 1px;
+}
+.border-b {
+  border-bottom-width: 1px;
+}
+.border-t-2 {
+  border-top-width: 2px;
+}
+.border-solid {
+  border-style: solid;
+}
+.border-blue-brand {
+  --tw-border-opacity: 1;
+  border-color: rgb(1 64 153 / var(--tw-border-opacity, 1));
+}
+.border-gray-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
+}
+.border-gray-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
+}
+.bg-\[\#9092984d\] {
+  background-color: #9092984d;
+}
+.bg-\[\#e6f4ff\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 244 255 / var(--tw-bg-opacity, 1));
+}
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+}
+.bg-blue-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
+}
+.bg-blue-light {
+  --tw-bg-opacity: 1;
+  background-color: rgb(22 119 255 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
+}
+.bg-green-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
+}
+.bg-inherit {
+  background-color: inherit;
+}
+.bg-red-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
+}
+.bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
+}
+.bg-slate-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
+}
+.bg-slate-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
+}
+.bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
+.bg-yellow-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
+}
+.bg-opacity-10 {
+  --tw-bg-opacity: 0.1;
+}
+.bg-opacity-30 {
+  --tw-bg-opacity: 0.3;
+}
+.bg-opacity-50 {
+  --tw-bg-opacity: 0.5;
+}
+.bg-opacity-90 {
+  --tw-bg-opacity: 0.9;
+}
+.fill-current {
+  fill: currentColor;
+}
+.fill-gray-300 {
+  fill: #d1d5db;
+}
+.fill-gray-600 {
+  fill: #4b5563;
+}
+.fill-white {
+  fill: #fff;
+}
+.fill-word6 {
+  fill: #666;
+}
+.stroke-gray-300 {
+  stroke: #d1d5db;
+}
+.stroke-wordblue {
+  stroke: #1890ff;
+}
+.stroke-yellow-300 {
+  stroke: #fde047;
+}
+.stroke-2 {
+  stroke-width: 2;
+}
+.\!p-0 {
+  padding: 0px !important;
+}
+.p-0 {
+  padding: 0px;
+}
+.p-1 {
+  padding: 0.25rem;
+}
+.p-2 {
+  padding: 0.5rem;
+}
+.p-3 {
+  padding: 0.75rem;
+}
+.p-4 {
+  padding: 1rem;
+}
+.p-px {
+  padding: 1px;
+}
+.px-0 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+.px-1\.5 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.py-0\.5 {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+.py-1\.5 {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.py-px {
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+.pb-1 {
+  padding-bottom: 0.25rem;
+}
+.pb-9 {
+  padding-bottom: 2.25rem;
+}
+.pl-1 {
+  padding-left: 0.25rem;
+}
+.pl-2 {
+  padding-left: 0.5rem;
+}
+.pr-1 {
+  padding-right: 0.25rem;
+}
+.pt-2 {
+  padding-top: 0.5rem;
+}
+.pt-3 {
+  padding-top: 0.75rem;
+}
+.pt-8 {
+  padding-top: 2rem;
+}
+.text-left {
+  text-align: left;
+}
+.text-center {
+  text-align: center;
+}
+.text-right {
+  text-align: right;
+}
+.align-middle {
+  vertical-align: middle;
+}
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+.text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+.font-bold {
+  font-weight: 700;
+}
+.font-medium {
+  font-weight: 500;
+}
+.font-normal {
+  font-weight: 400;
+}
+.font-semibold {
+  font-weight: 600;
+}
+.leading-5 {
+  line-height: 1.25rem;
+}
+.leading-6 {
+  line-height: 1.5rem;
+}
+.leading-8 {
+  line-height: 2rem;
+}
+.text-blue-400 {
+  --tw-text-opacity: 1;
+  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
+.text-blue-500 {
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
+}
+.text-blue-brand {
+  --tw-text-opacity: 1;
+  color: rgb(1 64 153 / var(--tw-text-opacity, 1));
+}
+.text-blue-light {
+  --tw-text-opacity: 1;
+  color: rgb(22 119 255 / var(--tw-text-opacity, 1));
+}
+.text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
+}
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.text-word3 {
+  --tw-text-opacity: 1;
+  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
+}
+.text-word6 {
+  --tw-text-opacity: 1;
+  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
+}
+.text-word9 {
+  --tw-text-opacity: 1;
+  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
+}
+.text-yellow-400 {
+  --tw-text-opacity: 1;
+  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
+}
+.opacity-0 {
+  opacity: 0;
+}
+.opacity-100 {
+  opacity: 1;
+}
+.opacity-50 {
+  opacity: 0.5;
+}
+.outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.outline-0 {
+  outline-width: 0px;
+}
+.ring-2 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.ring-gray-300 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
+}
+.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);
+}
+.drop-shadow {
+  --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));
+  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);
+}
+.\!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) !important;
+}
+.filter {
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+.transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-colors {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-opacity {
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-transform {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.duration-300 {
+  transition-duration: 300ms;
+}
+.duration-700 {
+  transition-duration: 700ms;
+}
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.scrollbar-none {
+  scrollbar-width: none;
+}
+.scrollbar-none::-webkit-scrollbar {
+  display: none;
+}
+.form-tick:checked {
+  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");
+  border-color: transparent;
+  background-size: 100% 100%;
+  background-position: 50%;
+  background-repeat: no-repeat;
+}
+.before\:absolute::before {
+  content: var(--tw-content);
+  position: absolute;
+}
+.before\:z-\[-1\]::before {
+  content: var(--tw-content);
+  z-index: -1;
+}
+.before\:-mr-px::before {
+  content: var(--tw-content);
+  margin-right: -1px;
+}
+.before\:inline-block::before {
+  content: var(--tw-content);
+  display: inline-block;
+}
+.before\:h-1\/2::before {
+  content: var(--tw-content);
+  height: 50%;
+}
+.before\:h-2\.5::before {
+  content: var(--tw-content);
+  height: 0.625rem;
+}
+.before\:w-2\.5::before {
+  content: var(--tw-content);
+  width: 0.625rem;
+}
+.before\:w-\[1px\]::before {
+  content: var(--tw-content);
+  width: 1px;
+}
+.before\:rotate-45::before {
+  content: var(--tw-content);
+  --tw-rotate: 45deg;
+  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));
+}
+.before\:rounded-bl::before {
+  content: var(--tw-content);
+  border-bottom-left-radius: 0.25rem;
+}
+.before\:rounded-br::before {
+  content: var(--tw-content);
+  border-bottom-right-radius: 0.25rem;
+}
+.before\:rounded-tl::before {
+  content: var(--tw-content);
+  border-top-left-radius: 0.25rem;
+}
+.before\:rounded-tr::before {
+  content: var(--tw-content);
+  border-top-right-radius: 0.25rem;
+}
+.before\:border::before {
+  content: var(--tw-content);
+  border-width: 1px;
+}
+.before\:border-gray-300::before {
+  content: var(--tw-content);
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
+}
+.before\:border-b-transparent::before {
+  content: var(--tw-content);
+  border-bottom-color: transparent;
+}
+.before\:border-l-transparent::before {
+  content: var(--tw-content);
+  border-left-color: transparent;
+}
+.before\:border-r-transparent::before {
+  content: var(--tw-content);
+  border-right-color: transparent;
+}
+.before\:border-t-transparent::before {
+  content: var(--tw-content);
+  border-top-color: transparent;
+}
+.before\:bg-white::before {
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
+.before\:content-\[\'\'\]::before {
+  --tw-content: '';
+  content: var(--tw-content);
+}
+.checked\:border-transparent:checked {
+  border-color: transparent;
+}
+.checked\:bg-blue-600:checked {
+  --tw-bg-opacity: 1;
+  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
+}
+.hover\:scale-125:hover {
+  --tw-scale-x: 1.25;
+  --tw-scale-y: 1.25;
+  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));
+}
+.hover\:bg-gray-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-gray-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
+}
+.hover\:text-blue-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
+.hover\:text-blue-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
+}
+.hover\:text-blue-brand:hover {
+  --tw-text-opacity: 1;
+  color: rgb(1 64 153 / var(--tw-text-opacity, 1));
+}
+.hover\:opacity-100:hover {
+  opacity: 1;
+}
+.focus\:outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.active\:to-blue-700:active {
+  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
+}
+.disabled\:cursor-default:disabled {
+  cursor: default;
+}
+.disabled\:cursor-not-allowed:disabled {
+  cursor: not-allowed;
+}
+.group:hover .group-hover\:visible {
+  visibility: visible;
+}
+.group\/scroll:hover .group-hover\/scroll\:opacity-100 {
+  opacity: 1;
+}
+.peer:disabled ~ .peer-disabled\:text-word9 {
+  --tw-text-opacity: 1;
+  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
+}
+@media not all and (min-width: 640px) {
+  .max-sm\:opacity-100 {
+    opacity: 1;
+  }
+}
+@media (min-width: 640px) {
+  .group\/scroll:hover .sm\:group-hover\/scroll\:opacity-100 {
+    opacity: 1;
+  }
 }