/* /Components/Pages/Notification/Components/ImageGallery.razor.rz.scp.css */
.gallery-masonry[b-ry519hcp2i] {
    columns: 4;
    column-gap: 0.5rem;
}

.gallery-masonry a[b-ry519hcp2i] {
    break-inside: avoid;
    margin-bottom: 0.5rem;
    display: block;
}

.gallery-masonry img[b-ry519hcp2i] {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 1200px) {
    .gallery-masonry[b-ry519hcp2i] {
        columns: 3;
    }
}

@media (max-width: 768px) {
    .gallery-masonry[b-ry519hcp2i] {
        columns: 2;
    }
}

@media (max-width: 480px) {
    .gallery-masonry[b-ry519hcp2i] {
        columns: 1;
    }
}
/* /Components/Pages/Usecase/Components/NotificationGalleryView.razor.rz.scp.css */
.gallery-masonry[b-94hf2ocjmi] {
    columns: 4;
    column-gap: 0.5rem;
}

.gallery-item[b-94hf2ocjmi] {
    break-inside: avoid;
    margin-bottom: 0.5rem;
    position: relative;
    border-radius: 0.375rem;
    overflow: hidden;
}

.gallery-item img[b-94hf2ocjmi] {
    width: 100%;
    height: auto;
    display: block;
}

.gallery-overlay[b-94hf2ocjmi] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.5rem 0.6rem;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    pointer-events: none;
}

.gallery-overlay-title[b-94hf2ocjmi] {
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    pointer-events: auto;
}

.gallery-overlay-title:hover[b-94hf2ocjmi] {
    text-decoration: underline;
}

.gallery-overlay-author[b-94hf2ocjmi] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.65rem;
}

@media (max-width: 1200px) {
    .gallery-masonry[b-94hf2ocjmi] {
        columns: 3;
    }
}

@media (max-width: 768px) {
    .gallery-masonry[b-94hf2ocjmi] {
        columns: 2;
    }
}

@media (max-width: 480px) {
    .gallery-masonry[b-94hf2ocjmi] {
        columns: 1;
    }
}