:root{--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1440px;--breakpoint-mobile-menu:1024px;--breakpoint-mobile-menu-xl:$breakpoint-mobile-menu-xl}.gallery__wrap{margin-bottom:var(--margin-between-blocks);overflow:hidden;padding-bottom:1.5rem;padding-top:1rem}@media(min-width:768px){.gallery__wrap{width:100%}}.gallery__header{display:flex;flex-wrap:wrap;gap:2rem 1rem;justify-content:space-between;margin-bottom:1rem}@media(min-width:576px){.gallery__header{align-items:center;flex-direction:row;justify-content:space-between;margin-bottom:2.5rem}}.gallery__heading{margin-bottom:0}.gallery__extra{margin-top:1rem;padding:0 1rem}.gallery__extra p{margin-bottom:0}.gallery .swiper-wrapper{column-gap:0;display:flex;flex-flow:row nowrap;margin-bottom:0;margin-top:0;padding-inline-start:0}.gallery .swiper-slide{height:200px;width:fit-content}.gallery .swiper-slide:focus-visible,.gallery .swiper-slide:focus-within:focus-visible{border-radius:.25rem;outline:solid;outline-color:var(--color-focus-light);outline-offset:.125rem;outline-width:2px}@media(min-width:768px){.gallery .swiper-slide{height:320px}}.gallery .swiper-slide figure{border-radius:.25rem;overflow:hidden;position:relative}.gallery .swiper-slide figure,.gallery .swiper-slide figure img{height:100%;transition:all var(--transition-duration) var(--transition-easing)}.gallery .swiper-slide figure img{cursor:pointer;max-width:242px;object-fit:cover}@media(min-width:768px){.gallery .swiper-slide figure img{max-width:357px;width:357px}}.gallery .swiper-slide figure:before{background-color:var(--color-sininen);content:"";height:62px;position:absolute;right:0;top:0;width:62px;z-index:-1}.gallery .swiper-slide figure:hover:before{right:-.75rem;top:-.75rem;transition:all .3s ease}.gallery .swiper-slide figure:hover img{filter:brightness(.75)}@media(min-width:1200px){.gallery.alignwide .swiper-slide{height:356px;width:fit-content}.gallery.alignwide .swiper-slide figure{height:100%}.gallery.alignwide .swiper-slide figure img{height:100%;max-width:417px;width:417px}}.gallery .slider-button__wrap{column-gap:.625rem;display:flex;margin-left:auto}@media(max-width:768px){.two-columns .gallery__wrap{max-width:93vw}}@media(min-width:768px)and (max-width:1368px){.two-columns .gallery__wrap{max-width:50vw}}