ninemoon-ui 0.0.27 → 0.1.0

package/dist/index.css

@@ -1,897 +0,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;
-}
-@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-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;
-}