body {
    user-select: none;
}

#main-card:hover {
    opacity: 1;
    transition: ease-in-out 0.5s;
}

.modal.slide-right .modal-dialog {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    max-width: 100%;
    transform: translateX(100%);
    transition: transform 0.4s ease-out;
    display: flex;
    flex-direction: column;
}

.modal.slide-right.show .modal-dialog {
    transform: translateX(0);
}

/* Desktop: 30% width on md+ screens */
@media (min-width: 768px) {
    .modal.slide-right .modal-dialog {
        width: 40%;
        max-width: 40%;
    }
}

/* Full height content */
.modal.slide-right .modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 0;
}

/* Scrollable modal body */
.modal.slide-right .modal-body {
    overflow-y: auto;
    flex: 1 1 auto;
}