body {
    background-color: #131314;
    color: #e4e4e7;
}


*,
*:focus,
*:active,
button:focus {
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent;
}


::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #131314;
}

::-webkit-scrollbar-thumb {
    background: #3b3b3c;
    border-radius: 10px;
}


.ai-card {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.hidden-card {
    display: none !important;
}

.filter-btn.active {
    background-color: #ffffff;
    color: #000000;
}

.filter-btn.active:hover {
    color: #000000 !important;
}



.sidebar-chat-scroll-wrap {
    position: relative;
    margin-top: 0.25rem;
}

.sidebar-chat-scroll {
    max-height: 11rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #3b3b3c transparent;
}

.sidebar-chat-scroll::-webkit-scrollbar {
    width: 4px;
}

.sidebar-chat-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-chat-scroll::-webkit-scrollbar-thumb {
    background: #3b3b3c;
    border-radius: 4px;
}


.sidebar-chat-scroll-wrap::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.5rem;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.25s ease;
    background: linear-gradient(to bottom,
        rgba(19, 19, 20, 0) 0%,
        rgba(19, 19, 20, 0.75) 55%,
        rgb(19, 19, 20) 100%);
}

.sidebar-chat-scroll-wrap.has-more:not(.at-end)::after {
    opacity: 1;
}