@view-transition { navigation: auto; }

:root {
    --ease: cubic-bezier(.22,.61,.36,1);
}

::view-transition-group(prompt-container) {
    animation-duration: 200ms;
    animation-timing-function: cubic-bezier(.22,.61,.36,1);
    z-index: 10;
}
::view-transition-image-pair(prompt-container) {
    isolation: isolate;
}

#prompt-form {
    transition: transform 200ms var(--easing);
    view-transition-name: prompt-container;
}

.assistant-thinking-text {
  background: linear-gradient(135deg, #ffffff, #8E8E93, #ffffff);
  background-clip: text;
  color: transparent;
  background-size: 200% 100%;
  animation: shimmer 1s linear infinite;
}

@keyframes shimmer {
    0%{
        background-position: 200% 0;
    }
    100%{
        background-position: -200% 0;
    }
}

table {
    border-collapse: collapse;
    overflow: hidden;
    background: var(--n100);
    border-radius: var(--br5);
}

th, td {
    padding: 0.75rem 1rem;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--se);
    text-align: left;
    vertical-align: top;
}

th {
    letter-spacing: 0.02em;
    color: var(--n700);
}

thead th {
    border-bottom-width: var(--l1);
    border-bottom-style: solid;
    border-bottom-color: var(--se);
}

tbody tr:last-child td {
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

.conversation-message {
    overflow-x: scroll;
}

a {
    color: inherit;
}