.article-gallery{margin:4rem 0 2rem}.article-gallery__image{position:relative}.article-gallery__image--small .media{padding-bottom:75%!important}.article-gallery__image--medium .media{padding-bottom:100%!important}.article-gallery__image--large .media{padding-bottom:125%!important}.article-gallery__slider{position:relative}.article-gallery__slider .swiper-arrows{height:0;position:absolute;z-index:3;color:#000;top:-2rem;left:-1rem}.article-gallery__slider .swiper-arrows.swiper-arrows--outside{width:auto;color:#333}.article-gallery__slider .swiper-arrows.swiper-arrows--outside .container{max-width:none}.article-gallery__slider .swiper-arrow{width:2.4rem;transform:translateY(-50%);margin:0 10px}.article-gallery__slider .swiper-arrows .container{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;gap:0 1rem}@media screen and (min-width: 990px){.article-gallery__slider .swiper-arrows{top:50%;left:0;color:#fff;width:100%}.article-gallery__slider .swiper-arrows.swiper-arrows--outside{left:-4rem;right:-4rem}.article-gallery__slider .swiper-arrow.swiper-arrow--prev{margin-left:-10px}.article-gallery__slider .swiper-arrow.swiper-arrow--next{margin-right:-10px}}.article-gallery__slider .swiper-arrow.swiper-button-disabled{opacity:.3}.article-gallery__slider .swiper-arrow svg{width:100%;height:auto}.article-gallery__slider .article-gallery__image--small{padding-bottom:66%}.article-gallery__slider .article-gallery__image--medium{padding-bottom:100%}.article-gallery__slider .article-gallery__image--large{padding-bottom:178%}.article-gallery__image img{display:block;width:100%}.article-gallery__gallery{display:grid;grid-template-columns:repeat(var(--columns),1fr);margin:0 -1rem;gap:var(--space-mobile)}.article-gallery__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media screen and (min-width: 990px){.article-gallery__gallery{gap:var(--space);margin:0}}@media screen and (min-width: 750px){.article-gallery{margin:4rem 0}}.article-gallery__image modal-opener{position:absolute;top:0;right:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:8px;transition:background .2s ease-in-out}.article-gallery__image modal-opener button{opacity:0;width:100%;height:100%;cursor:zoom-in}.modal-article-zoom{background:rgba(var(--color-foreground),.2);box-sizing:border-box;height:100%;left:0;margin:0 auto;opacity:0;overflow:auto;position:fixed;top:0;visibility:hidden;width:100%;z-index:-1}.modal-article-zoom[open]{opacity:1;visibility:visible;z-index:101}.modal-article-zoom__content{background-color:rgb(var(--color-background));height:100%;margin:0;overflow:auto;padding:0;position:absolute;width:100%}.modal-article-zoom__toggle{align-items:center;background-color:rgb(var(--color-background));border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.55);cursor:pointer;display:flex;justify-content:center;margin:0 0 0 auto;padding:1.2rem;position:fixed;right:.5rem;top:2rem;width:4rem;z-index:2}@media screen and (min-width: 750px){.modal-article-zoom__toggle{right:4.8rem;top:3.5rem}}@media screen and (min-width: 990px){.modal-article-zoom__toggle{right:4.3rem;top:3rem}}.modal-article-zoom__toggle .icon{height:auto;margin:0;width:2.2rem}.modal-article-zoom__content-info{height:calc(100% - 6rem);margin:0 auto;padding-top:8rem;width:calc(100% - 1rem)}.modal-article-zoom__content-info .media{background-color:transparent;padding-bottom:0!important;height:100%}.modal-article-zoom__content-info .media *{object-fit:contain}@media screen and (min-width: 750px){.modal-article-zoom__content-info{height:calc(100% - 7.5rem);padding-top:9.5rem;width:calc(100% - 9.6rem)}}@media screen and (min-width: 990px){.modal-article-zoom__content-info{height:calc(100% - 7rem);padding-top:9rem;width:calc(100% - 8.6rem)}}modal-dialog .prev,modal-dialog .next{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-22px;color:#000c;font-weight:700;font-size:20px;transition:.6s ease;border-radius:0 3px 3px 0}modal-dialog .prev{left:0}modal-dialog .next{right:0}modal-dialog .disable{opacity:.5}
/*# sourceMappingURL=/cdn/shop/t/918/assets/section-article-gallery.css.map */