.image-video-grid{position:relative;display:block}.image-video-grid__container{display:flex;flex-wrap:wrap}.image-video-grid .image-item{transition:all .3s ease}.image-video-grid__container .image-item-container{display:block;overflow:hidden;position:relative;transition:all .3s ease}.image-video-grid__container .image-wrapper{display:block;width:100%;height:100%}.image-video-grid__container .image-wrapper img{height:100%;width:100%;object-fit:cover}.image-video-grid .image-wrapper{cursor:default}.image-video-grid__container .pointer .image-wrapper img,.image-video-grid__container .pointer video{cursor:pointer}.image-video-grid__container .image-item-container{width:100%;height:100%;vertical-align:middle;border-radius:clamp(5px,1.4vw,20px);padding:0}.lazy-img-box,.lazy-video-box{position:relative;display:block;width:100%;aspect-ratio:var(--aspect_ratio-m, 16 / 9)}@media screen and (min-width:769px){.lazy-img-box,.lazy-video-box{aspect-ratio:var(--aspect_ratio-pc, 16 / 9)}}.image-item .lazy-img-box,.image-item .lazy-video-box{min-height:100%}.lazy-img-box img,.lazy-img-box .image-video-grid__poster,.lazy-video-box img,.lazy-video-box .image-video-grid__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.lazy-video-box .image-video-grid__poster{z-index:0}.image-video-grid__video,.lazy-video-box .image-video-grid__video{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;object-fit:cover;z-index:1}.image-video-grid .image-overlay{position:absolute;left:0;bottom:0;width:100%;height:100%;padding:clamp(1px,1.5vw,22px) clamp(1px,2.84vw,38px);color:#fff;pointer-events:none;display:flex;letter-spacing:0;z-index:2}@media screen and (max-width:1000px){.image-video-grid__container .image-item-container{border-radius:clamp(6px,2.667vw,20px)}}@media screen and (max-width:768px){.image-video-grid .image-overlay{padding:clamp(1px,calc(1.8vw + 1%),20px) clamp(1px,3vw,20px);padding-right:4px}}.image-video-grid .image-overlay__label{transition:all .3s ease}.image-video-grid .image-overlay__label p{font-size:clamp(9px,1.4vw,20px)!important;margin:0;line-height:normal}.image-video-grid .image-overlay__label strong{font-weight:600}@media screen and (max-width:1920px){.image-video-grid .image-overlay__label p{font-size:calc((17px + 1vw) * var(--text-scale, 1))}}@media screen and (max-width:768px){.image-video-grid .image-overlay__label>*{font-size:13px!important}}@media screen and (min-width:769px){.image-video-grid .hide--pc{display:none}.image-video-grid .image-overlay.position-pc_top-left{align-items:start;justify-content:start}.image-video-grid .image-overlay.position-pc_top-center{align-items:start;justify-content:center}.image-video-grid .image-overlay.position-pc_top-right{align-items:start;justify-content:end}.image-video-grid .image-overlay.position-pc_center-left{align-items:center;justify-content:start}.image-video-grid .image-overlay.position-pc_center-center{align-items:center;justify-content:center}.image-video-grid .image-overlay.position-pc_center-right{align-items:center;justify-content:end}.image-video-grid .image-overlay.position-pc_bottom-left{align-items:end;justify-content:start}.image-video-grid .image-overlay.position-pc_bottom-center{align-items:end;justify-content:center}.image-video-grid .image-overlay.position-pc_bottom-right{align-items:end;justify-content:end}}@media screen and (max-width:768px){.image-video-grid .hide--mb{display:none}.image-video-grid .image-overlay.position-mb_top-left{align-items:flex-start;justify-content:flex-start}.image-video-grid .image-overlay.position-mb_top-center{align-items:flex-start;justify-content:center}.image-video-grid .image-overlay.position-mb_top-right{align-items:flex-start;justify-content:flex-end}.image-video-grid .image-overlay.position-mb_center-left{align-items:center;justify-content:flex-start}.image-video-grid .image-overlay.position-mb_center-center{align-items:center;justify-content:center}.image-video-grid .image-overlay.position-mb_center-right{align-items:center;justify-content:flex-end}.image-video-grid .image-overlay.position-mb_bottom-left{align-items:flex-end;justify-content:flex-start}.image-video-grid .image-overlay.position-mb_bottom-center{align-items:flex-end;justify-content:center}.image-video-grid .image-overlay.position-mb_bottom-right{align-items:flex-end;justify-content:flex-end}}.image-video-grid__badge{position:absolute;right:0;bottom:0;pointer-events:none;padding:clamp(15px,1.357vw,19px);width:clamp(25px,2.1875vw,42px);box-sizing:content-box;z-index:3}@media screen and (max-width:768px){.image-video-grid__badge{padding:clamp(13px,3.47vw,22px);width:clamp(21px,5.6vw,32px)}}.image-video-grid__badge svg{width:100%;height:auto;vertical-align:middle;display:block}.image-video-grid .image-item-container .image-video-grid__badge circle,.image-video-grid .image-item-container .image-video-grid__badge path{transition:all .2s ease}.image-item-container:hover .image-video-grid__badge .icon-video path{fill:rgb(var(--color-button, 50 162 132))}.image-video-grid__popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#0003;align-items:center;justify-content:center;z-index:222221!important;opacity:0;display:none;pointer-events:none}.image-video-grid__popup.active{display:flex;opacity:1;pointer-events:initial}.image-video-grid__popup .content{background:#fff;border-radius:4px;padding:0 10px 10px;position:relative;transform:translateY(10px);opacity:0;transition:all .3s ease}.image-video-grid__popup.active .content{transform:translateY(0);opacity:1}.image-video-grid__popup .content .title{font-size:24px;padding:20px 10px;margin:0;min-height:60px}.image-video-grid__popup .content .title p{margin:0}.image-video-grid__popup .content .close-exit-pop{position:absolute;top:21px;right:22px;cursor:pointer}.image-video-grid__popup-video{width:808px;height:auto;max-width:90vw}.image-video-grid__popup-video video{display:block;width:100%}@media screen and (max-width:589px){.image-video-grid__popup .content .title{font-size:18px;padding:10px;min-height:40px}.image-video-grid__popup .content .close-exit-pop{top:8px}.image-video-grid__popup .content .close-exit-pop svg{width:18px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-image-video-grid.css.map */