/* @tailwind base;
@tailwind components;
@tailwind utilities; */
@keyframes fade-in {
    from { opacity: 0; transform: translateY(-20px);}
    to { opacity: 1; transform: translateY(0);}
}
.animate-fade-in {
    animation: fade-in 0.4s;
}
/* Scrollbar para Chrome, Edge, Safari */
/* ::-webkit-scrollbar {
    width: 10px;
    background: #000000;
    border-radius: 8px;
}
::-webkit-scrollbar-thumb {
    background: #fbbf24;
    border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
    background: #f59e42;
} */

/* Scrollbar para Firefox */
/* * {
    scrollbar-width: thin;
    scrollbar-color: #fbbf24 #f3f4f6;
} */


/* Begin Scrollbar */
.scrollbar-hide {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

#analytics_container, 
#agent_ai_container, 
.scrollbar_beautify {
    &::-webkit-scrollbar {
        width: 0.25rem;
        height: 0.25rem;
    }

    &::-webkit-scrollbar-track {
        background-color: transparent;
    }
    
    &::-webkit-scrollbar-thumb {
        background-color: #17882B;
        border-radius: 5rem;
        cursor: grab;
    }
    
    &::-webkit-scrollbar-thumb:hover {
        background-color: #1B9C31;
        cursor: grab;
    }
    
    &::-webkit-scrollbar-thumb:active {
        background-color: #1B9C31;
        cursor: grabbing;
    }
}
/* End Scrollbar */

/* Begin Hide Arrows - Number Input */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}
/* End Hide Arrows - Number Input */