ninemoon-ui 0.0.1

package/dist/index.css

@@ -0,0 +1,816 @@
+
+.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;
+}
+@keyframes rotate {
+100% {
+      transform: rotate(360deg);
+}
+}
+@keyframes dash {
+0% {
+      stroke-dasharray: 1, 200;
+      stroke-dashoffset: 0;
+}
+50% {
+      stroke-dasharray: 89, 200;
+      stroke-dashoffset: -35px;
+}
+100% {
+      stroke-dasharray: 89, 200;
+      stroke-dashoffset: -124px;
+}
+}
+@keyframes color {
+100%, 0% {
+      stroke: #d62d20;
+}
+40% {
+      stroke: #0057e7;
+}
+66% {
+      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-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-mb-5 {
+    margin-bottom: 1.25rem;
+}
+.tdd-ml-1 {
+    margin-left: 0.25rem;
+}
+.tdd-ml-2 {
+    margin-left: 0.5rem;
+}
+.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 {
+    height: 0px;
+}
+.tdd-h-0\.5 {
+    height: 0.125rem;
+}
+.tdd-h-10 {
+    height: 2.5rem;
+}
+.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-24 {
+    width: 6rem;
+}
+.tdd-w-28 {
+    width: 7rem;
+}
+.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-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));
+}
+.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-lg {
+    border-radius: 0.5rem;
+}
+.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));
+}
+.tdd-border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgb(37 99 235 / var(--tw-border-opacity));
+}
+.tdd-border-blue-brand {
+    --tw-border-opacity: 1;
+    border-color: rgb(1 64 153 / var(--tw-border-opacity));
+}
+.tdd-border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgb(229 231 235 / var(--tw-border-opacity));
+}
+.tdd-border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgb(209 213 219 / var(--tw-border-opacity));
+}
+.tdd-border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgb(156 163 175 / var(--tw-border-opacity));
+}
+.tdd-bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+.tdd-bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(147 197 253 / var(--tw-bg-opacity));
+}
+.tdd-bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
+}
+.tdd-bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(37 99 235 / var(--tw-bg-opacity));
+}
+.tdd-bg-blue-light {
+    --tw-bg-opacity: 1;
+    background-color: rgb(22 119 255 / var(--tw-bg-opacity));
+}
+.tdd-bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+}
+.tdd-bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(156 163 175 / var(--tw-bg-opacity));
+}
+.tdd-bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(74 222 128 / var(--tw-bg-opacity));
+}
+.tdd-bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(248 113 113 / var(--tw-bg-opacity));
+}
+.tdd-bg-slate-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(203 213 225 / var(--tw-bg-opacity));
+}
+.tdd-bg-slate-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+}
+.tdd-bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+.tdd-bg-wordblue {
+    --tw-bg-opacity: 1;
+    background-color: rgb(24 144 255 / var(--tw-bg-opacity));
+}
+.tdd-bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(250 204 21 / var(--tw-bg-opacity));
+}
+.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;
+}
+.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-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));
+}
+.tdd-text-blue-brand {
+    --tw-text-opacity: 1;
+    color: rgb(1 64 153 / var(--tw-text-opacity));
+}
+.tdd-text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgb(220 38 38 / var(--tw-text-opacity));
+}
+.tdd-text-white {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.tdd-text-word3 {
+    --tw-text-opacity: 1;
+    color: rgb(51 51 51 / var(--tw-text-opacity));
+}
+.tdd-text-word6 {
+    --tw-text-opacity: 1;
+    color: rgb(102 102 102 / var(--tw-text-opacity));
+}
+.tdd-text-word9 {
+    --tw-text-opacity: 1;
+    color: rgb(153 153 153 / var(--tw-text-opacity));
+}
+.tdd-text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgb(250 204 21 / var(--tw-text-opacity));
+}
+.tdd-opacity-0 {
+    opacity: 0;
+}
+.tdd-shadow-tddimgshadow {
+    --tw-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.08);;
+    --tw-shadow-colored: 0px 1px 8px 1px var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.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));
+}
+.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;
+  }
+  .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));
+}
+  .focus-within\:tdd-border-blue-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgb(147 197 253 / var(--tw-border-opacity));
+}
+  .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));
+}
+  .hover\:tdd-bg-gray-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+}
+  .hover\:tdd-text-blue-brand:hover {
+    --tw-text-opacity: 1;
+    color: rgb(1 64 153 / var(--tw-text-opacity));
+}
+  .hover\:tdd-opacity-100:hover {
+    opacity: 1;
+}
+  .focus\:tdd-outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+}
+  .tdd-group:hover .group-hover\:tdd-flex {
+    display: flex;
+}
+  .tdd-group\/scroll:hover .group-hover\/scroll\:tdd-opacity-100 {
+    opacity: 1;
+}