body {
    font-family: 'Inter', "Fustat", sans-serif;
    font-weight:600;
}


@keyframes vibrate {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-2px);
    }

    50% {
        transform: translateX(2px);
    }

    75% {
        transform: translateX(-2px);
    }

    100% {
        transform: translateX(0);
    }
}

.vibrate {
    animation: vibrate 0.3s ease-in-out;
    animation-iteration-count: 2;
}

.warning-message {
    color: red;
    font-size: 14px;
    display: none; /* Hidden by default */
}


/*//---------drift-zoom*/
.drift-zoom-pane.drift-inline {
    border-radius: 75px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .3);
    height: 200px;
    position: absolute;
    width: 200px;
}

/*//---------drift-zoom*/