.pom-inmotek-gallery {
    --pom-inmotek-gallery-height: 500px;
    --pom-inmotek-gallery-columns: 3;
    --pom-inmotek-gallery-gap: 5px;
    position: relative;
}

.pom-inmotek-gallery--fixed .pom-inmotek-gallery__track {
    min-height: var(--pom-inmotek-gallery-height);
}

.pom-inmotek-gallery__track {
    overflow: hidden;
}

.pom-inmotek-gallery__track:not(.flickity-enabled) .pom-inmotek-gallery__cell:not(:first-child) {
    display: none;
}

.pom-inmotek-gallery__track.flickity-enabled {
    overflow: visible;
}

.pom-inmotek-gallery--fixed .pom-inmotek-gallery__track .flickity-viewport,
.pom-inmotek-gallery--fixed .pom-inmotek-gallery__cell,
.pom-inmotek-gallery--fixed .pom-inmotek-gallery__cell > div,
.pom-inmotek-gallery--fixed .pom-inmotek-gallery__cell .web-image-block-container,
.pom-inmotek-gallery--fixed .pom-inmotek-gallery__cell .web-image-block,
.pom-inmotek-gallery--fixed .pom-inmotek-gallery__cell .web-gallery-item {
    min-height: var(--pom-inmotek-gallery-height);
}

.pom-inmotek-gallery__cell {
    text-align: center;
    width: 100%;
}

.pom-inmotek-gallery__cell .web-gallery-item {
    align-items: center;
    display: flex;
    justify-content: center;
}

.pom-inmotek-gallery--fixed .pom-inmotek-gallery__cell .pom-inmotek-gallery__image {
    display: block;
    height: var(--pom-inmotek-gallery-height);
    margin: 0 auto;
    max-width: none;
    object-fit: contain;
    width: auto;
}

.pom-inmotek-gallery--responsive .pom-inmotek-gallery__cell,
.pom-inmotek-gallery--responsive .pom-inmotek-gallery__cell > div,
.pom-inmotek-gallery--responsive .pom-inmotek-gallery__cell .web-image-block-container,
.pom-inmotek-gallery--responsive .pom-inmotek-gallery__cell .web-image-block,
.pom-inmotek-gallery--responsive .pom-inmotek-gallery__cell .web-gallery-item {
    height: auto;
}

.pom-inmotek-gallery--responsive .pom-inmotek-gallery__cell .pom-inmotek-gallery__image {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

.pom-inmotek-gallery[data-dots="true"] {
    padding-bottom: 35px;
}

.pom-inmotek-gallery .flickity-page-dots {
    bottom: 0;
}

.pom-inmotek-gallery .flickity-page-numbers {
    bottom: 0;
    line-height: 1;
    padding: 10px;
    position: absolute;
    right: 0;
    z-index: 2;
}

.pom-inmotek-gallery--grid {
    display: grid;
    gap: var(--pom-inmotek-gallery-gap);
    grid-template-columns: repeat(var(--pom-inmotek-gallery-columns), minmax(0, 1fr));
}

.pom-inmotek-gallery--masonry {
    column-count: var(--pom-inmotek-gallery-columns);
    column-gap: var(--pom-inmotek-gallery-gap);
}

.pom-inmotek-gallery__collection-item {
    break-inside: avoid;
    margin-bottom: var(--pom-inmotek-gallery-gap);
}

.pom-inmotek-gallery__collection-item .web-gallery-item,
.pom-inmotek-gallery__collection-item .pom-inmotek-gallery__image {
    display: block;
    height: auto;
    width: 100%;
}

.pom-inmotek-gallery__thumbnail {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: block;
    padding: 0;
    width: 100%;
}

.pom-inmotek-gallery__thumbnail + .pom-inmotek-gallery__thumbnail {
    margin-top: 2px;
}

.pom-inmotek-gallery__thumbnail img {
    display: block;
    height: auto;
    opacity: .5;
    transition: opacity .3s;
    width: 100%;
}

.pom-inmotek-gallery__thumbnail:hover img,
.pom-inmotek-gallery__thumbnail:focus-visible img {
    opacity: .7;
}

.pom-inmotek-gallery__thumbnail.active img {
    opacity: 1;
}

.pom-inmotek-gallery--thumbnails {
    padding-left: 100px;
}

.pom-inmotek-gallery--thumbnails .pom-inmotek-gallery__thumbnails {
    bottom: 0;
    left: 0;
    max-height: 100%;
    overflow: auto;
    padding-right: 15px;
    position: absolute;
    top: 0;
    width: 100px;
}

@media (max-width: 767px) {
    .pom-inmotek-gallery--grid {
        grid-template-columns: 1fr;
    }

    .pom-inmotek-gallery--masonry {
        column-count: 1;
    }

    .pom-inmotek-gallery--thumbnails {
        padding-left: 0;
        padding-top: 78px;
    }

    .pom-inmotek-gallery--thumbnails .pom-inmotek-gallery__thumbnails {
        bottom: auto;
        height: 70px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0;
        right: 0;
        white-space: nowrap;
        width: 100%;
    }

    .pom-inmotek-gallery--thumbnails .pom-inmotek-gallery__thumbnails > div {
        display: flex;
        gap: 2px;
    }

    .pom-inmotek-gallery--thumbnails .pom-inmotek-gallery__thumbnail {
        flex: 0 0 90px;
        margin-top: 0;
    }

    .pom-inmotek-gallery--thumbnails .pom-inmotek-gallery__thumbnail img {
        height: 70px;
        object-fit: cover;
    }
}