.grid-images{height:100vh;min-height:600px}.grid-images .grid-images__container{width:100%;height:100%}.grid-images .grid-images__container-content{position:relative;width:100%;height:100%}.grid-images .grid-images__bg-image-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.grid-images .grid-images__bg-image-wrapper:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:var(--bg-image-overlay-color)}.grid-images .grid-images__item-image-wrapper{width:100%;max-width:177px;margin-bottom:24px;transform:scale(1.1);transition-duration:var(--timing-medium);transition-delay:.8s;transition-property:transform}.grid-images .grid-images__item-image-wrapper picture{position:relative;display:block;width:100%;padding-top:0;transition:padding-top .8s .2s;animation:itemImageRotateBackMobile .3s forwards}.grid-images .grid-images__item-image,.grid-images .grid-images__bg-image{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover}.grid-images .grid-images__bg-image{object-position:var(--img-mob-pos)}.grid-images .grid-images__item-image{object-position:var(--img-pos)}.grid-images .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--slider-pagination-color)}.grid-images .grid-images__content{position:absolute;width:100%;height:100%}.grid-images .grid-images__content.grid-images__content--mobile{display:flex}.grid-images .grid-images__content.grid-images__content--mobile .grid-images__item{flex-basis:auto}.grid-images .grid-images__content.grid-images__content--desktop{display:none}.grid-images .grid-images__item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-basis:25%;flex-grow:1;padding-left:16px;padding-right:16px;text-align:center;color:var(--text-color);border-right:1px solid var(--border-color)}.grid-images .grid-images__item:last-child{border-right:none}.grid-images .grid-images__item.swiper-slide-active .grid-images__item-image-wrapper picture{padding-top:134.92%;animation:itemImageRotateMobile .4s .6s forwards}.grid-images .grid-images__item-heading{color:var(--text-color)}.grid-images .grid-images__item-text{margin-top:12px;line-height:1.5}.grid-images .grid-images__item-button{margin-top:24px;color:var(--button-text-color-primary)}.grid-images .grid-images__item-button:before{background-color:var(--button-background-color-primary);border-color:var(--button-border-color-inner-primary)}.grid-images .grid-images__item-button .border-1,.grid-images .grid-images__item-button .border-2,.grid-images .grid-images__item-button .border-3,.grid-images .grid-images__item-button .border-4{border-color:var(--button-border-color-primary)}@media(-moz-touch-enabled:0),(hover:hover),(pointer:fine){.grid-images .grid-images__item-button:hover{color:var(--button-text-color-primary-hover);background-color:var(--button-hover-background-color)}.grid-images .grid-images__item-button:hover:before{background-color:var(--button-background-color-primary-hover);border-color:var(--button-border-color-inner-primary-hover)}}.grid-images .grid-images__slider-pagination-wrapper{position:absolute;left:50%;bottom:32px;transform:translate(-50%);z-index:1}.grid-images .grid-images__slider-pagination{display:flex;align-items:center;justify-content:center}@media(min-width:381px){.grid-images .grid-images__item-image-wrapper{max-width:300px}}@media(min-width:576px){.grid-images{min-height:800px}}@media(min-width:992px){.grid-images .grid-images__bg-image{object-position:var(--img-desktop-pos)}.grid-images .grid-images__item-image-wrapper{position:relative;padding-inline-start:20px;padding-inline-end:30px}.grid-images .grid-images__item-image-wrapper picture{padding-top:0;animation:itemImageRotateBack .3s forwards}.grid-images .grid-images__item-custom-cursor{position:absolute;top:var(--cursor-y);left:var(--cursor-x);display:none;align-items:center;justify-content:center;width:80px;height:80px;pointer-events:none;transform:translate(-50%,-50%);color:var(--button-text-color-primary);border-color:var(--button-border-color-primary);outline:1px solid var(--button-border-color-primary);border-radius:50%;z-index:2}.grid-images .grid-images__item-custom-cursor.is-active{display:flex}.grid-images .grid-images__item-custom-cursor:before{background-color:var(--button-background-color-primary);border-radius:50%;z-index:1;border-color:var(--button-border-color-inner-primary)}.grid-images .grid-images__item-custom-cursor .icon{z-index:1}.grid-images .grid-images__item{padding-left:24px;padding-right:24px}.grid-images a.grid-images__item{row-gap:0;text-decoration:none;transition-property:background-color,backdrop-filter,row-gap;transition-duration:var(--timing-base)}}@media(min-width:992px)and (-moz-touch-enabled:0),(min-width:992px)and (hover:hover),(min-width:992px)and (pointer:fine){.grid-images a.grid-images__item:hover{row-gap:50px;background-color:var(--item-overlay-hover-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.grid-images a.grid-images__item:hover .grid-images__item-image-wrapper{transform:scale(1)}.grid-images a.grid-images__item:hover .grid-images__item-image-wrapper picture{padding-top:114.655%;animation:itemImageRotate .4s .5s forwards}}@media(min-width:992px){.grid-images .grid-images__content.grid-images__content--mobile{display:none}.grid-images .grid-images__content.grid-images__content--desktop{display:flex}}@media(min-width:1200px){.grid-images .grid-images__item-image-wrapper{padding-inline-start:38px;padding-inline-end:52px}}@media(min-width:1200px)and (-moz-touch-enabled:0),(min-width:1200px)and (hover:hover),(min-width:1200px)and (pointer:fine){.grid-images a.grid-images__item:hover{row-gap:90px}.grid-images a.grid-images__item:hover .grid-images__item-image-wrapper picture{padding-top:121%}}@media(min-width:1501px)and (-moz-touch-enabled:0),(min-width:1501px)and (hover:hover),(min-width:1501px)and (pointer:fine){.grid-images a.grid-images__item:hover .grid-images__item-image-wrapper picture{padding-top:116.655%}}@keyframes itemImageRotate{0%{transform:rotate(0)}to{transform:rotate(8deg)}}@keyframes itemImageRotateBack{0%{transform:rotate(8deg)}to{transform:rotate(0)}}@keyframes itemImageRotateMobile{0%{transform:rotate(0)}to{transform:rotate(6deg)}}@keyframes itemImageRotateBackMobile{0%{transform:rotate(6deg)}to{transform:rotate(0)}}
/*# sourceMappingURL=/cdn/shop/t/3333/assets/grid-images.build.css.map */