html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
/* site.css (example) */
.thinking-indicator {
    display: inline-block;
    margin: 10px 0;
    color: green;
    text-align: left;
}

    .thinking-indicator::after {
        content: "";
        display: inline-block;
        width: 1em;
        height: 1em;
        margin-left: 8px;
        border: 2px solid #ccc;
        border-top: 2px solid #007bff;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}