@akropolys/kiku 1.7.9 → 1.7.11

package/dist/styles.css

@@ -1471,40 +1471,6 @@
       transform: rotate(360deg);
     }
   }
-  .hsk-cb-typing {
-    display: inline-flex;
-    align-items: center;
-    gap: 3px;
-  }
-  .hsk-cb-typing span {
-    width: 6px;
-    height: 6px;
-    border-radius: 50%;
-    background: currentColor;
-    animation: hsk-typing-dot 1.4s ease-in-out infinite;
-  }
-  .hsk-cb-typing span:nth-child(2) {
-    animation-delay: .2s;
-  }
-  .hsk-cb-typing span:nth-child(3) {
-    animation-delay: .4s;
-  }
-  @keyframes hsk-typing-dot {
-    0%, 60%, 100% {
-      opacity: .35;
-      transform: scale(.85);
-    }
-    30% {
-      opacity: 1;
-      transform: scale(1.15);
-    }
-  }
-  @media (prefers-reduced-motion: reduce) {
-    .hsk-cb-typing span {
-      animation: none;
-      opacity: .6;
-    }
-  }
   .hsk-cb-think-chevron {
     font-size: 9px;
     transition: transform .12s;
@@ -3759,29 +3725,32 @@
   line-height: 1.4;
   color: var(--hsk-chat-muted, #9aa0a6);
 }
-.hsk-cb-viz-foot {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-  max-width: 560px;
+.hsk-cb-viz-imgwrap {
+  position: relative;
+  display: inline-block;
+  max-width: 100%;
 }
 .hsk-cb-viz-mark {
-  flex-shrink: 0;
-  margin-top: 4px;
-  padding: 6px 12px;
-  font-size: 12px;
+  position: absolute;
+  right: 10px;
+  bottom: 10px;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 14px;
+  font-size: 12.5px;
   font-weight: 600;
-  color: var(--hsk-primary, #ff6a33);
-  background: none;
-  border: 1px solid var(--hsk-primary, #ff6a33);
-  border-radius: var(--hsk-border-radius, 0px);
+  color: #fff;
+  background: rgba(0, 0, 0, .62);
+  backdrop-filter: blur(6px);
+  border: 1px solid rgba(255, 255, 255, .35);
+  border-radius: 999px;
   cursor: pointer;
-  transition: background .15s, color .15s;
+  transition: background .15s;
 }
 .hsk-cb-viz-mark:hover {
   background: var(--hsk-primary, #ff6a33);
-  color: #fff;
+  border-color: transparent;
 }
 .hsk-markup-overlay {
   position: fixed;