/* =========================
   SHOWSWIPE MAIN STYLES
========================= */


/* Page fit */
html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    overscroll-behavior: none;
}



/* Swipe Card */
#active-card {
    touch-action: none;
    user-select: none;
    cursor: grab;
    will-change: transform;
    transition: transform 0.25s ease;
}


#active-card.dragging {
    transition: none !important;
    cursor: grabbing;
}



/* Card image */
#active-card img {
    pointer-events: none;
    user-select: none;
}



/* Buttons */
button {
    -webkit-tap-highlight-color: transparent;
}



/* Material icons */
.material-symbols-outlined {

    font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;

}



/* Smooth animations */
* {
    box-sizing: border-box;
}