/* /Pages/Review.razor.rz.scp.css */
.card-container[b-jhc5xsgpkw] {
    perspective: 1000px;
    cursor: pointer;
}

.card-flip[b-jhc5xsgpkw] {
    position: relative;
    width: 100%;
    height: 200px;
    transform-style: preserve-3d;
    transition: transform 0.6s ease-in-out;
}

    .card-flip.flipped .card-front[b-jhc5xsgpkw] {
        visibility: hidden;
        opacity: 0;
    }

    .card-flip.flipped .card-back[b-jhc5xsgpkw] {
        visibility: visible;
        opacity: 1;
    }

    .card-flip .card-front[b-jhc5xsgpkw] {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
        z-index: 2;
        background-color: white;
        border: 1px solid #ddd;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: visibility 0.3s, opacity 0.3s;
    }

    .card-flip .card-back[b-jhc5xsgpkw] {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
        transform: rotateY(180deg);
        z-index: 1;
        background-color: #007bff;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.3s, opacity 0.3s;
    }

    .card-flip.flipped[b-jhc5xsgpkw] {
        transform: rotateY(180deg);
    }