*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body.gallerySwiper{
    min-height: 100vh;
    margin: 0;
}
.hidden {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    pointer-events: none;
}
#galeria main {
    position: relative;
    width: 100%;
}
#galeria .content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    min-height: 100vh;
}
.gallerySwiper {
    --swiper-height: 65vh;
}
.gallerySwiper .grid {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.gallerySwiper .grid img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.gallerySwiper .grid img.lazyloaded {
    opacity: 1;
}
.gallerySwiper .swiper-container {
    width: 100%;
    height: var(--swiper-height);
    overflow: hidden;
}
.gallerySwiper .swiper-container .swiper-wrapper {
    width: 100%;
}
.gallerySwiper .swiper-container .swiper-slide {
    width: auto;
    background-color: #eaeaea;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 0;
    padding-left: -webkit-calc(var(--swiper-height) / 2 * 3);
    padding-left: calc(var(--swiper-height) / 2 * 3);
}
.gallerySwiper .swiper-container .swiper-slide__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.gallerySwiper .swiper-container .swiper-slide--square {
    padding-left: var(--swiper-height);
}
.gallerySwiper .swiper-container .swiper-slide--portrait {
    padding-left: -webkit-calc(var(--swiper-height) / 3 * 2);
    padding-left: calc(var(--swiper-height) / 3 * 2);
}
.gallerySwiper .swiper-button-prev,
.gallerySwiper .swiper-button-next {
    width: 50%;
    height: 100%;
    margin-top: 0;
    top: 0;
    background-image: none;
    cursor: none;
}
.gallerySwiper .swiper-button-prev {
    left: 0;
}
.gallerySwiper .swiper-button-next {
    right: 0;
}
.gallerySwiper .arrow-cursor {
    width: 150px;
    height: 110px;
    position: fixed;
    left: -75px;
    top: -55px;
    z-index: 10000000;
    pointer-events: none;
}
.gallerySwiper .arrow-cursor__icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.gallerySwiper .arrow-cursor__path {
    fill: none;
    stroke: #000;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5px;
}