.gllryItem__imgWrapper {
    min-width: min(10em, 50vw);
}

.gllryItem__infoWrapper {
    cursor: default;
}

.gllryItem__info {
    --listGap: min(2em, 3vh);
    width: 100%;
}

/*.gllryItem__title {*/
/*    margin: 0 0 .5rem;*/
/*    font-size: 1.4em;*/
/*}*/

@media screen and (max-width: 767px) {
    .gallery {
        margin: 2rem 1rem;
    }

    .gllryItem__imgWrapper {
        align-items: flex-end;
        justify-content: space-between;
        margin-bottom: 3rem
    }

    .gllry__buttons {
        display: none;
    }

    .gllryItem__infoWrapper {
        position: static;
        display: block;
        margin: 0;
        border: 0;
        background-color: transparent;
    }

    .gllryItem__popoverToggle--hide {
        display: none;
    }
}

@media screen and (min-width: 460px) and (max-width: 767px) {
    .gllryItem__imgWrapper {
        align-items: flex-start;
        gap: 1em;
    }
    .gllryItem__image {
        width: 45%;
    }

    .gllryItem__infoWrapper {
        flex: 1;
    }
}

@media screen and (min-width: 768px) {
    .gllryItem {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100vh;
        width: 100%;
    }

    .gllryItem__imgWrapper {
        position: relative;
        margin: auto;
        background: url(/ui/folio/assets/images/loader.svg) no-repeat 50% 50%;
    }

    body[style*='move'] .gllryItem__imgWrapper {
        background-image: none;
    }

    .gllryItem__image {
        display: block;
        max-height: calc(100vh - 10em);
        width: auto;
        max-width: min(50vw, 1000px);
        background: var(--color-black);
        opacity: 0;
        transition: max-width 1s;
    }

    .gllryItem__imgWrapper img.flickity-lazyloaded {
        opacity: 1;
    }

    .gllry__buttons {
        position: fixed;
        inset: 0 0 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 1.5em;
        padding: .5em;
        opacity: 0;
        transition: opacity .3s;
        border-left: 1px solid #d2d2d291;
        background-color: rgb(122 122 122 / 10%);
    }

    .--showButtons .gllry__buttons {
        opacity: 1;
    }

    .gllryItem__infoWrapper:popover-open ~ .gllryItem__popoverToggle {
        visibility: hidden;
    }

    .gllryItem__infoWrapper {
        position: fixed;
        right: 0;
        transform: translateX(100%);
        display: flex;/** popover agent display:none */
        flex-direction: column;
        justify-content: center;
        height: 100dvh;
        width: 100%;
        max-height: 100vh;
        max-width: max(20vw, 18em);
        margin: auto 0 0 auto;
        padding: max(2rem, 3vw);
        border: 0;
        border-radius: 2px;
        color: var(--color-theme-text);
        background-color: rgb(160 160 160 / 2%);
        backdrop-filter: blur(6px);
        opacity: 0;
        transition: transform .2s ease-out;
        will-change: transform;
        pointer-events: none;
    }

    .body--dark .gllryItem__infoWrapper {
        color: #fff;
    }

    .gllryItem__infoWrapper:popover-open {
        transform: translateX(0);
        border-left: 1px solid #d2d2d291;
        opacity: 1;
    }

    .gllryItem__infoWrapper:popover-open + .gllry__buttons {
        display: none;
    }

    .gllryItem__title {
        margin-bottom: 1em;
    }
}