woby-tooltip 1.0.4 → 1.0.9

package/{dist → build}/style.css

@@ -1,5 +1,113 @@
+*, ::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:  ;
+}
+
 /*
-! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -211,6 +319,8 @@ textarea {
   /* 1 */
   line-height: inherit;
   /* 1 */
+  letter-spacing: inherit;
+  /* 1 */
   color: inherit;
   /* 1 */
   margin: 0;
@@ -234,9 +344,9 @@ select {
 */
 
 button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
   -webkit-appearance: button;
   /* 1 */
   background-color: transparent;
@@ -440,174 +550,12 @@ video {
 
 /* Make elements with the HTML hidden attribute stay hidden by default */
 
-[hidden] {
+[hidden]:where(:not([hidden="until-found"])) {
   display: none;
 }
 
-.rpt-alert {
-  animation          : rpt-alert 2s infinite;
-  animation-fill-mode: initial;
-}
-
-@keyframes rpt-alert {
-  70% {
-    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0)
-  }
-
-  100% {
-    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0)
-  }
-}
-
-@keyframes rpt-bounce {
-  0% {
-    transform: scale(0.8);
-    opacity  : 0.1
-  }
-
-  60% {
-    transform: scale(1.1);
-    opacity  : 1
-  }
-
-  100% {
-    transform: scale(1);
-  }
-}
-
-@keyframes rpt-bounce-out {
-  20% {
-    transform: scale(1.1);
-  }
-
-  100% {
-    transform: scale(0.8);
-    opacity  : 0.1
-  }
-}
-
-@keyframes rpt-fade {
-  0% {
-    opacity: 0.1
-  }
-
-  100% {
-    opacity: 1
-  }
-}
-
-@keyframes rpt-fade-out {
-  0% {
-    opacity: 1
-  }
-
-  60% {
-    opacity: 0
-  }
-
-  100% {
-    opacity: 0
-  }
-}
-
-*, ::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:  ;
-}
-
-::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:  ;
+.invisible {
+  visibility: hidden;
 }
 
 .static {
@@ -622,173 +570,52 @@ video {
   position: relative;
 }
 
-.sticky {
-  position: sticky;
-}
-
-.left-0 {
-  left: 0px;
+.-top-5 {
+  top: -1.25rem;
 }
 
-.left-1\/4 {
-  left: 25%;
+.bottom-full {
+  bottom: 100%;
 }
 
-.left-\[50px\] {
-  left: 50px;
+.left-2\/4 {
+  left: 50%;
 }
 
 .left-full {
   left: 100%;
 }
 
-.right-1\/4 {
-  right: 25%;
-}
-
 .right-full {
   right: 100%;
 }
 
-.top-0 {
-  top: 0px;
-}
-
-.top-full {
-  top: 100%;
-}
-
-.z-0 {
-  z-index: 0;
-}
-
-.z-\[1\] {
-  z-index: 1;
+.top-10 {
+  top: 2.5rem;
 }
 
-.z-\[2\] {
-  z-index: 2;
+.top-2\/4 {
+  top: 50%;
 }
 
-.m-2 {
-  margin: 0.5rem;
-}
-
-.m-2\.5 {
-  margin: 0.625rem;
-}
-
-.m-\[3px\] {
-  margin: 3px;
-}
-
-.mx-0 {
-  margin-left: 0px;
-  margin-right: 0px;
-}
-
-.mx-\[20px\] {
-  margin-left: 20px;
-  margin-right: 20px;
-}
-
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.my-0 {
-  margin-top: 0px;
-  margin-bottom: 0px;
-}
-
-.my-\[15px\] {
-  margin-top: 15px;
-  margin-bottom: 15px;
-}
-
-.mb-0 {
-  margin-bottom: 0px;
-}
-
-.mb-2 {
-  margin-bottom: 0.5rem;
-}
-
-.mb-2\.5 {
-  margin-bottom: 0.625rem;
-}
-
-.mb-\[10px\] {
-  margin-bottom: 10px;
-}
-
-.mb-\[15px\] {
-  margin-bottom: 15px;
-}
-
-.mb-\[30px\] {
-  margin-bottom: 30px;
-}
-
-.mb-\[40px\] {
-  margin-bottom: 40px;
-}
-
-.mb-\[65px\] {
-  margin-bottom: 65px;
+.top-full {
+  top: 100%;
 }
 
-.ml-12 {
-  margin-left: 3rem;
+.z-\[99999999\] {
+  z-index: 99999999;
 }
 
 .ml-5 {
   margin-left: 1.25rem;
 }
 
-.ml-\[30px\] {
-  margin-left: 30px;
-}
-
-.ml-\[8px\] {
-  margin-left: 8px;
-}
-
-.mr-0 {
-  margin-right: 0px;
-}
-
-.mt-0 {
-  margin-top: 0px;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
-.mt-2\.5 {
-  margin-top: 0.625rem;
-}
-
-.mt-20 {
-  margin-top: 5rem;
+.mr-5 {
+  margin-right: 1.25rem;
 }
 
-.mt-\[15px\] {
-  margin-top: 15px;
-}
-
-.mt-\[25px\] {
-  margin-top: 25px;
-}
-
-.mt-\[30px\] {
-  margin-top: 30px;
-}
-
-.mt-\[5px\] {
-  margin-top: 5px;
+.box-border {
+  box-sizing: border-box;
 }
 
 .block {
@@ -799,231 +626,85 @@ video {
   display: inline-block;
 }
 
-.flex {
-  display: flex;
-}
-
 .table {
   display: table;
 }
 
-.hidden {
-  display: none;
-}
-
-.h-\[100px\] {
-  height: 100px;
-}
-
-.h-\[14px\] {
-  height: 14px;
-}
-
-.h-\[300px\] {
-  height: 300px;
-}
-
-.h-\[60\%\] {
-  height: 60%;
-}
-
-.h-\[65px\] {
-  height: 65px;
-}
-
-.h-\[70\%\] {
-  height: 70%;
-}
-
-.h-full {
-  height: 100%;
-}
-
-.w-4\/5 {
-  width: 80%;
-}
-
-.w-\[10px\] {
-  width: 10px;
-}
-
-.w-\[14px\] {
-  width: 14px;
-}
-
-.w-\[150px\] {
-  width: 150px;
-}
-
-.w-\[165px\] {
-  width: 165px;
-}
-
-.w-\[190px\] {
-  width: 190px;
-}
-
-.w-\[250px\] {
-  width: 250px;
+.h-screen {
+  height: 100vh;
 }
 
 .w-\[400px\] {
   width: 400px;
 }
 
-.w-\[70\%\] {
-  width: 70%;
+.min-w-\[200px\] {
+  min-width: 200px;
 }
 
-.w-\[95\%\] {
-  width: 95%;
+.min-w-\[300px\] {
+  min-width: 300px;
 }
 
-.w-full {
-  width: 100%;
+.min-w-\[400px\] {
+  min-width: 400px;
 }
 
-.rotate-45 {
-  --tw-rotate: 45deg;
+.-translate-y-2\/4 {
+  --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));
 }
 
-.transform {
+.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));
 }
 
-.cursor-default {
-  cursor: default;
-}
-
-.cursor-pointer {
-  cursor: pointer;
-}
-
-.list-decimal {
-  list-style-type: decimal;
-}
-
-.list-disc {
-  list-style-type: disc;
-}
-
-.flex-row {
-  flex-direction: row;
-}
-
-.flex-col {
-  flex-direction: column;
-}
-
-.items-end {
-  align-items: flex-end;
-}
-
-.items-center {
-  align-items: center;
-}
-
-.\!justify-start {
-  justify-content: flex-start !important;
-}
-
-.justify-start {
-  justify-content: flex-start;
-}
-
-.\!justify-end {
-  justify-content: flex-end !important;
-}
-
-.justify-end {
-  justify-content: flex-end;
-}
-
-.justify-center {
-  justify-content: center;
-}
-
-.justify-between {
-  justify-content: space-between;
+.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));
 }
 
-.justify-around {
-  justify-content: space-around;
+.place-items-center {
+  place-items: center;
 }
 
 .overflow-hidden {
   overflow: hidden;
 }
 
-.overflow-scroll {
-  overflow: scroll;
-}
-
-.overflow-y-hidden {
-  overflow-y: hidden;
-}
-
-.whitespace-nowrap {
-  white-space: nowrap;
-}
-
-.rounded-\[5px\] {
-  border-radius: 5px;
+.rounded-lg {
+  border-radius: 0.5rem;
 }
 
 .border {
   border-width: 1px;
 }
 
-.border-2 {
-  border-width: 2px;
-}
-
 .border-b {
   border-bottom-width: 1px;
 }
 
-.border-b-\[1px\] {
-  border-bottom-width: 1px;
-}
-
-.border-b-\[3px\] {
-  border-bottom-width: 3px;
-}
-
 .border-solid {
   border-style: solid;
 }
 
-.border-\[\#4b4b4b\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(75 75 75 / var(--tw-border-opacity));
+.border-dotted {
+  border-style: dotted;
 }
 
-.border-\[lightgrey\] {
+.border-\[\#000000\] {
   --tw-border-opacity: 1;
-  border-color: rgb(211 211 211 / var(--tw-border-opacity));
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
 }
 
-.border-b-\[\#ececec\] {
+.border-b-\[\#666\] {
   --tw-border-opacity: 1;
-  border-bottom-color: rgb(236 236 236 / var(--tw-border-opacity));
+  border-bottom-color: rgb(102 102 102 / var(--tw-border-opacity));
 }
 
-.border-b-\[purple\] {
-  --tw-border-opacity: 1;
-  border-bottom-color: rgb(128 0 128 / var(--tw-border-opacity));
-}
-
-.bg-\[\#181818\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(24 24 24 / var(--tw-bg-opacity));
-}
-
-.bg-\[\#3b0586\] {
+.bg-\[\#009cdc\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(59 5 134 / var(--tw-bg-opacity));
+  background-color: rgb(0 156 220 / var(--tw-bg-opacity));
 }
 
 .bg-\[\#444444\] {
@@ -1031,184 +712,45 @@ video {
   background-color: rgb(68 68 68 / var(--tw-bg-opacity));
 }
 
-.bg-\[\#ececec\] {
+.bg-\[\#eeeeee\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(236 236 236 / var(--tw-bg-opacity));
+  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
 }
 
-.bg-\[rgba\(137\2c 27\2c 211\2c 0\.4\)\] {
-  background-color: rgba(137,27,211,0.4);
-}
-
-.bg-\[white\] {
+.bg-gray-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
-
-.p-0 {
-  padding: 0px;
-}
-
-.p-\[15px\] {
-  padding: 15px;
-}
-
-.p-\[50px\] {
-  padding: 50px;
-}
-
-.px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
-.px-\[20px\] {
-  padding-left: 20px;
-  padding-right: 20px;
+.p-5 {
+  padding: 1.25rem;
 }
 
-.px-\[30px\] {
-  padding-left: 30px;
-  padding-right: 30px;
+.px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
 }
 
-.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-
-.py-\[15px\] {
-  padding-top: 15px;
-  padding-bottom: 15px;
-}
-
-.pb-0 {
-  padding-bottom: 0px;
-}
-
-.pb-2 {
-  padding-bottom: 0.5rem;
-}
-
-.pb-2\.5 {
-  padding-bottom: 0.625rem;
-}
-
-.pb-20 {
-  padding-bottom: 5rem;
-}
-
-.pb-\[100px\] {
-  padding-bottom: 100px;
-}
-
-.pb-\[135px\] {
-  padding-bottom: 135px;
-}
-
-.pb-\[140px\] {
-  padding-bottom: 140px;
-}
-
-.pb-\[50px\] {
-  padding-bottom: 50px;
-}
-
-.pb-\[60px\] {
-  padding-bottom: 60px;
-}
-
-.pt-0 {
-  padding-top: 0px;
-}
-
-.pt-2 {
-  padding-top: 0.5rem;
-}
-
-.pt-2\.5 {
+.py-2\.5 {
   padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
 }
 
-.pt-\[25px\] {
-  padding-top: 25px;
-}
-
-.pt-\[30px\] {
-  padding-top: 30px;
-}
-
-.pt-\[75px\] {
-  padding-top: 75px;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.text-\[12px\] {
-  font-size: 12px;
-}
-
-.text-\[13px\] {
-  font-size: 13px;
-}
-
-.text-\[14px\] {
-  font-size: 14px;
-}
-
-.text-\[15px\] {
-  font-size: 15px;
-}
-
-.text-\[16px\] {
-  font-size: 16px;
+.text-left {
+  text-align: left;
 }
 
-.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
+.font-\[22px\] {
+  font-weight: 22px;
 }
 
 .font-bold {
   font-weight: 700;
 }
 
-.leading-\[1\.5\] {
-  line-height: 1.5;
-}
-
-.leading-\[1\.7\] {
-  line-height: 1.7;
-}
-
-.leading-\[2\] {
-  line-height: 2;
-}
-
-.text-\[\#404040\] {
-  --tw-text-opacity: 1;
-  color: rgb(64 64 64 / var(--tw-text-opacity));
-}
-
-.text-\[\#680988\] {
-  --tw-text-opacity: 1;
-  color: rgb(104 9 136 / var(--tw-text-opacity));
-}
-
-.text-\[black\] {
+.text-\[\#EEEEEE\] {
   --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity));
-}
-
-.text-\[inherit\] {
-  color: inherit;
-}
-
-.text-\[purple\] {
-  --tw-text-opacity: 1;
-  color: rgb(128 0 128 / var(--tw-text-opacity));
+  color: rgb(238 238 238 / var(--tw-text-opacity));
 }
 
 .text-\[white\] {
@@ -1216,90 +758,117 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.text-inherit {
-  color: inherit;
+.opacity-0 {
+  opacity: 0;
 }
 
-.shadow {
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+.shadow-\[0_1px_8px_\#000000\] {
+  --tw-shadow: 0 1px 8px #000000;
+  --tw-shadow-colored: 0 1px 8px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.shadow-\[rgba\(0\2c 0\2c 0\2c \.18\)0_0_0_1px\] {
-  --tw-shadow: rgba(0,0,0,.18)0 0 0 1px;
-  --tw-shadow-colored: 0 0 1px var(--tw-shadow-color);
+.shadow-\[0_1px_8px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
+  --tw-shadow: 0 1px 8px rgba(0,0,0,0.5);
+  --tw-shadow-colored: 0 1px 8px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.\[box-shadow\:rgba\(0\2c 0\2c 0\2c 0\.18\)0px_0px_0px_1px\] {
-  box-shadow: rgba(0,0,0,0.18)0px 0px 0px 1px;
+.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;
 }
 
-.\[font-size\:inherit\] {
-  font-size: inherit;
+.transition-opacity {
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
 
-.\[margin-block-end\:1em\] {
-  margin-block-end: 1em;
+.duration-\[0\.8s\] {
+  transition-duration: 0.8s;
 }
 
-.\[margin-block-start\:1em\] {
-  margin-block-start: 1em;
+.after\:absolute::after {
+  content: var(--tw-content);
+  position: absolute;
 }
 
-.\[margin-inline-end\:0px\] {
-  margin-inline-end: 0px;
+.after\:left-0::after {
+  content: var(--tw-content);
+  left: 0px;
 }
 
-.\[margin-inline-start\:0px\] {
-  margin-inline-start: 0px;
+.after\:left-2\/4::after {
+  content: var(--tw-content);
+  left: 50%;
 }
 
-.\[padding-inline-start\:40px\] {
-  padding-inline-start: 40px;
+.after\:top-2\/4::after {
+  content: var(--tw-content);
+  top: 50%;
 }
 
-.\[\&_span\]\:box-border span {
-  box-sizing: border-box;
+.after\:-translate-x-2\/4::after {
+  content: var(--tw-content);
+  --tw-translate-x: -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));
 }
 
-.\[\&_span\]\:block span {
-  display: block;
+.after\:-translate-y-2\/4::after {
+  content: var(--tw-content);
+  --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));
 }
 
-.\[\&_span\]\:cursor-pointer span {
-  cursor: pointer;
+.after\:translate-x-2\/4::after {
+  content: var(--tw-content);
+  --tw-translate-x: 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));
 }
 
-.\[\&_span_p\]\:m-0 span p {
-  margin: 0px;
+.after\:translate-y-2\/4::after {
+  content: var(--tw-content);
+  --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));
+}
+
+.after\:-rotate-45::after {
+  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));
 }
 
-.\[\&_span_p\]\:mt-\[6px\] span p {
-  margin-top: 6px;
+.after\:rotate-45::after {
+  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));
 }
 
-.\[\&_span_p\]\:p-0 span p {
-  padding: 0px;
+.after\:content-\[\'\'\]::after {
+  --tw-content: '';
+  content: var(--tw-content);
 }
 
-.\[\&_span_p\]\:text-\[90\%\] span p {
-  font-size: 90%;
+.\[\&\:hover_\.tpcontents\]\:visible:hover .tpcontents {
+  visibility: visible;
 }
 
-.\[\&_span_p\]\:font-normal span p {
-  font-weight: 400;
+.\[\&\:hover_\.tpcontents\]\:opacity-100:hover .tpcontents {
+  opacity: 1;
 }
 
-.\[\&_span_p\]\:leading-\[12px\] span p {
-  line-height: 12px;
+.\[\&_td\]\:h-\[7rem\] td {
+  height: 7rem;
 }
 
-.\[\&_span_p\]\:text-inherit span p {
-  color: inherit;
+.\[\&_td\]\:w-\[7rem\] td {
+  width: 7rem;
 }
 
-.\[\&_span_p\]\:opacity-0 span p {
-  opacity: 0;
+.\[\&_td\]\:text-center td {
+  text-align: center;
 }