/* Add this CSS to your stylesheet */
@keyframes slideIn {
    from {
        right: -100%;
    }
    to {
        right: 0;
    }
}

@keyframes slideOut {
    from {
        right: 0;
    }
    to {
        right: -100%;
    }
}

.slide-in {
    animation: slideIn 0.3s forwards;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}

.slide-out {
    animation: slideOut 0.3s forwards;
    position: fixed;
    right: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
}