.gallery[data-v-02b69d6d]{--controlPadding: var(--spacing4x);--sideClickableAreaWidth: 150px;--imageRadius: var(--radius4x);--maxContentWidth: calc(100dvw - 2 * calc(var(--sideClickableAreaWidth)));--thumbnailHeight: 125px;--thumbnailsSpacing: var(--spacing4x);--sectionsGap: var(--spacing4x);--metadataSpacing: var(--spacing1x);--metadataHeight: 22px;--metadataSectionHeight: calc(var(--metadataHeight) + 2 * var(--metadataSpacing));--thumbnailsSectionHeight: calc(var(--thumbnailHeight) + 2 * var(--thumbnailsSpacing));background:var(--white);z-index:calc(var(--overlay-z-index) + 2);position:fixed;top:0;left:0;width:100dvw;height:100dvh;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);align-items:center;justify-items:center;gap:var(--sectionsGap);padding-top:var(--sectionsGap);padding-bottom:var(--sectionsGap)}.gallery.multiple-images[data-v-02b69d6d]{grid-template-rows:minmax(0,1fr) calc(var(--thumbnailHeight) + 2 * var(--thumbnailsSpacing));padding-bottom:0}@media screen and (max-width: 769px){.gallery[data-v-02b69d6d]{--controlPadding: var(--spacing2x);--imageRadius: 0;--maxContentWidth: 100dvw;--thumbnailHeight: 91px;--sectionsGap: 0;--metadataSpacing: var(--spacing2x)}.gallery.multiple-images[data-v-02b69d6d]{grid-template-rows:minmax(0,1fr) minmax(0,var(--metadataSectionHeight)) minmax(0,var(--thumbnailsSectionHeight))}}.gallery__content[data-v-02b69d6d]{max-width:min(var(--maxContentWidth),100dvw);width:100%;height:100%;display:flex;justify-content:center;align-items:center}.gallery__content[data-v-02b69d6d] picture{max-height:100%;max-width:100%;display:block;aspect-ratio:var(--itemImageRatio);border-radius:var(--imageRadius)}.gallery__content[data-v-02b69d6d] img{max-width:100%;max-height:100%;height:auto;display:block;border-radius:var(--imageRadius)}.gallery__control[data-v-02b69d6d]{position:absolute;padding:var(--controlPadding)}.gallery__control--arrow[data-v-02b69d6d]{top:50%;transform:translateY(-50%);padding:calc(var(--controlPadding) * 2)}@media screen and (max-width: 769px){.gallery__control--arrow[data-v-02b69d6d]{padding:var(--controlPadding)}}.gallery__control--arrow--previous[data-v-02b69d6d]{left:0}.gallery__control--arrow--next[data-v-02b69d6d]{right:0}.gallery__control--close[data-v-02b69d6d]{right:0;top:0}.gallery__click-area[data-v-02b69d6d]{width:var(--sideClickableAreaWidth);position:absolute;top:0;height:calc(100dvh - var(--thumbnailHeight) - 2 * var(--controlPadding) - var(--sectionsGap));cursor:pointer}.gallery__click-area--previous[data-v-02b69d6d]{left:0}.gallery__click-area--next[data-v-02b69d6d]{right:0}@media screen and (max-width: 769px){.gallery__click-area[data-v-02b69d6d]{height:calc(100dvh - var(--metadataSectionHeight) - var(--thumbnailsSectionHeight))}}.image-wrapper[data-v-02b69d6d]{position:relative;max-height:100%;aspect-ratio:var(--itemImageRatio)}.image-wrapper__inner[data-v-02b69d6d]{height:auto}.images-list[data-v-02b69d6d]{max-width:100dvw;overflow-y:auto;padding:var(--thumbnailsSpacing);flex-shrink:0;gap:var(--spacing4x);display:flex;height:calc(var(--thumbnailHeight) + 2 * var(--controlPadding))}@media screen and (max-width: 769px){.images-list[data-v-02b69d6d]{gap:var(--spacing2x)}}.images-list__image[data-v-02b69d6d]{position:relative;border-radius:var(--radius4x);box-shadow:0 0 0 6px #0000;transition:box-shadow .3s ease;flex-shrink:0;height:100%}.images-list__image[data-v-02b69d6d]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--grayTransparent100);border-radius:var(--radius4x)}.images-list__image[data-v-02b69d6d] img{border-radius:var(--radius4x);height:100%;width:auto;display:block}.images-list__image.current[data-v-02b69d6d]{box-shadow:0 0 0 6px var(--greenPrimary)}.images-list__image[data-v-02b69d6d]:hover:not(.current){box-shadow:0 0 0 6px var(--grayTransparent100);cursor:pointer}.metadata[data-v-02b69d6d]{width:100%;max-width:var(--maxContentWidth);display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing4x);padding:var(--metadataSpacing);position:absolute;bottom:0}.metadata__left[data-v-02b69d6d]{display:flex;gap:var(--spacing2x);flex-wrap:wrap}@media screen and (max-width: 769px){.metadata[data-v-02b69d6d]{position:static}}
