@layer utilities {

    html,
    body {
        overscroll-behavior-y: none;
    }
}

button,
input,
select {
    transition: all 0.2s ease-in-out;
}

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

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

::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94A3B8;
}

@keyframes softPulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.animate-soft-pulse {
    animation: softPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}