murdercode/yaTTA

@tailwind base;


/* Scrollbar */
:root {
    --primary: #202a37;
    --secondary: #f43f5d;
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--secondary) var(--primary);
}

*::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-track {
    background: var(--primary);
    border-radius: 5px;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--secondary);
    border-radius: 14px;
    border: 3px solid var(--primary);
}

@tailwind components;
@tailwind utilities;

/* Messages */

.message-container .message-content pre {
    text-wrap: balance;
}

.message-container .message-content > div {
    @apply space-y-2;
}

.message-container .message-content code {
    @apply my-2;
}

.hljs {
    @apply bg-gray-750;
}

/* Max width container */
.max-container {
    @apply max-w-3xl px-8;
}

/* Custom classes */
.shadow-inner-custom {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1)
}

/* Custom Animations */
.loading-bar-animation {
    animation: loading-bar-animation 2s linear infinite;
    transition-timing-function: ease-in-out;
}

@keyframes loading-bar-animation {
    0% {
        width: 0;
    }
    50% {
        width: 100%;
    }
    100% {
        width: 0;
    }
}