/* 
   Native CSS File 
   Path: css/style.css
*/

/* iOS Scroll & Tap Highlight Adjustments */
body {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    /* Prevent rubber-banding on the body itself */
    overscroll-behavior-y: none;
}

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

/* Prevent Zoom on Focus for Inputs */
input, select, textarea {
    font-size: 16px !important;
}

/* Fix for removing default styling on iOS inputs */
input {
    -webkit-appearance: none;
    appearance: none;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); }
    20%, 40%, 60%, 80% { transform: translateX(4px); }
}

.animate-fade-in {
    animation: fadeIn 0.3s ease-out forwards;
}

.animate-slide-up {
    animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-shake {
    animation: shake 0.4s cubic-bezier(.36,.07,.19,.97) both;
}