.gallery{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);text-align:var(--text-alignment)}.gallery .gallery-item__image-wrapper[data-ratio=square],.gallery .gallery-item__video-wrapper[data-ratio=square]{padding-top:100%}.gallery .gallery-item__image-wrapper[data-ratio=portrait],.gallery .gallery-item__video-wrapper[data-ratio=portrait]{padding-top:120%}.gallery .gallery-item__image-wrapper[data-ratio=landscape],.gallery .gallery-item__video-wrapper[data-ratio=landscape]{padding-top:66.67%}.gallery[data-column-type=column] .gallery-item{max-width:var(--column-max-width);height:auto}.gallery .gallery-items__wrapper{gap:var(--column-gap)}.gallery .gallery-item{border-radius:var(--column-border-radius)}@media screen and (max-width:48rem){.gallery[data-column-type=column] .gallery-item{max-width:var(--column-max-width-mobile)}.gallery .swiper-container{max-width:90%}}.gallery video.loaded{z-index:10;position:relative;opacity:1}.gallery video:not(.loaded){opacity:0}.gallery .swiper-pagination{display:flex;max-width:min(90%,800px);margin-top:3rem;position:relative;height:5px;box-sizing:content-box}.gallery .swiper-pagination.loaded.in-view{opacity:1}.gallery .swiper-pagination-bullet{width:100%;border-radius:0;margin:0!important;padding:0!important;height:100%;background-color:currentColor!important;opacity:.2}.gallery .swiper-pagination-bullet:first-child{border-radius:5px 0 0 5px}.gallery .swiper-pagination-bullet:last-child{border-radius:0 5px 5px 0}.gallery .swiper-pagination:after{content:"";display:block;width:var(--pagination-width);height:100%;position:absolute;left:0;top:0;background-color:currentColor;transition:all .3s ease-in-out;transform:translate(var(--pagination-translate-x))}.gallery .button-next.swiper-button-disabled,.gallery .button-previous.swiper-button-disabled{opacity:0}@media screen and (max-width:48rem){.gallery .swiper-navigation-wrapper{display:none}}.gallery .image-sticker{width:var(--image-width);top:var(--image-pos-y);left:var(--image-pos-x);z-index:var(--image-order);transform:translate(calc(-1 * var(--image-pos-x))) translateY(calc(-1 * var(--image-pos-y)))}@media screen and (max-width:48rem){.gallery .image-sticker{width:var(--image-width-mobile);top:var(--image-pos-y-mobile);left:var(--image-pos-x-mobile);transform:translate(calc(-1 * var(--image-pos-x-mobile))) translateY(calc(-1 * var(--image-pos-y-mobile)))}}.gallery .gallery-item:focus-visible{outline-offset:0px;margin:2px;max-width:calc(var(--column-max-width) - 4px)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/gallery.css.map */