* {
    font-family: 'Inter', sans-serif;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.chip-active {
    background: #0f0f0f;
    color: #fff;
}

.chip-inactive {
    background: #f2f2f2;
    color: #0f0f0f;
}

    .chip-inactive:hover {
        background: #e5e5e5;
    }

.toast {
    animation: su 300ms ease-out, fo 300ms ease-in 2.7s forwards;
}

@keyframes su {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fo {
    to {
        opacity: 0;
        transform: translateY(20px);
    }
}