.rounded {
    cursor: pointer;
}

.modal-close {
    cursor: pointer;
    font-size: 2rem;
    /* Adjust size as needed */
    position: absolute;
    top: 10px;
    /* Adjust to move up or down */
    right: 10px;
    /* Adjust to move left or right */
    color: #000;
    /* Adjust color as needed */
    z-index: 1051;
    /* Ensure it's above the modal-navigation icons */
}


.modal-navigation {
    cursor: pointer;
    font-size: 2rem;
    position: absolute;
    top: 50%;
    z-index: 1051;
    /* Ensure it's above modal content */
    color: #fff;
    /* Adjust color as needed */
}

.modal-navigation.left {
    left: 10px;
}

.modal-navigation.right {
    right: 10px;
}

.thumbnail.selected {
    border: 2px solid blue;
    /* Adjust border style as needed */
}