#casino-game-popup .game-gallery .game-image,
#casino-bottom-drawer .game-gallery .game-image {
    display: flex;
    width: 100%;
    position: relative
}

#casino-game-popup .game-gallery .game-image .game-image-placeholder,
#casino-bottom-drawer .game-gallery .game-image .game-image-placeholder {
    width: 100%;
    height: 65.853vw;
    background-color: var(--primary-mode-1)
}

@media(min-width: 767.5px) {
    #casino-game-popup .game-gallery .game-image .game-image-placeholder,
    #casino-bottom-drawer .game-gallery .game-image .game-image-placeholder {
        height: 472px
    }
}

#casino-game-popup .game-gallery .game-image .lazy-load-image,
#casino-bottom-drawer .game-gallery .game-image .lazy-load-image {
    position: absolute;
    bottom: 0
}

#casino-game-popup .game-gallery .game-image img,
#casino-bottom-drawer .game-gallery .game-image img {
    width: 100%;
    height: 100%
}

#casino-game-popup .game-gallery .game-image-list,
#casino-bottom-drawer .game-gallery .game-image-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-8)
}

@media(min-width: 767.5px) {
    #casino-game-popup .game-gallery .game-image-list,
    #casino-bottom-drawer .game-gallery .game-image-list {
        gap: var(--spacing-16)
    }
}

#casino-game-popup .game-gallery .game-image-list .game-image-placeholder,
#casino-bottom-drawer .game-gallery .game-image-list .game-image-placeholder {
    width: calc((100% - 24px)/4);
    height: 14.193vw;
    background-color: var(--primary-mode-1)
}

@media(min-width: 767.5px) {
    #casino-game-popup .game-gallery .game-image-list .game-image-placeholder,
    #casino-bottom-drawer .game-gallery .game-image-list .game-image-placeholder {
        width: calc((100% - 48px)/4);
        height: 109px
    }
}

#casino-game-popup .game-gallery .game-image-list .game-image-item,
#casino-bottom-drawer .game-gallery .game-image-list .game-image-item {
    display: flex;
    width: calc((100% - 24px)/4)
}

#casino-game-popup .game-gallery .game-image-list .game-image-item.lazy-load-image,
#casino-bottom-drawer .game-gallery .game-image-list .game-image-item.lazy-load-image {
    position: absolute;
    bottom: 0
}

@media(min-width: 767.5px) {
    #casino-game-popup .game-gallery .game-image-list .game-image-item,
    #casino-bottom-drawer .game-gallery .game-image-list .game-image-item {
        width: calc((100% - 48px)/4)
    }
}

#casino-game-popup .game-gallery .game-image-list .game-image-item img,
#casino-bottom-drawer .game-gallery .game-image-list .game-image-item img {
    width: 100%;
    height: auto
}