.custom-media-grid{display:flex;flex-direction:column;width:100%}.custom-media-grid__left{padding:40px 20px}.custom-media-grid__video-wrapper{margin:0 auto;max-width:342px;height:194px;display:flex;justify-content:center;align-items:center;background-color:#401317;position:relative}.custom-media-grid__video-wrapper video{width:auto!important;height:100%!important;max-width:100%;object-fit:contain}.custom-media-grid__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background-color:#ffffff80;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;z-index:5;transition:background-color .3s ease,opacity .3s ease}.custom-media-grid__play-button:hover{background-color:#fffc}.custom-media-grid__play-button svg{width:30px;height:30px;color:#000}.custom-media-grid__play-button .icon-pause,.custom-media-grid__play-button.is-playing .icon-play{display:none}.custom-media-grid__play-button.is-playing .icon-pause{display:block}.custom-media-grid__play-button.is-playing{opacity:0}.custom-media-grid__video-wrapper:hover .custom-media-grid__play-button.is-playing{opacity:1}.custom-media-grid__right{position:relative;overflow:hidden}.custom-media-grid__right:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000063}.custom-media-grid__grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%}.custom-media-grid__grid-item{position:relative;aspect-ratio:1 / 1;overflow:hidden;display:flex;align-items:center;justify-content:center}.custom-media-grid__item-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.custom-media-grid__item-text{max-width:130px;position:relative;z-index:2;color:#fff;font-family:Inter,sans-serif;font-weight:500;font-size:18px;line-height:1.2;text-align:center;margin:0;text-transform:unset}.custom-media-grid__overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:320px;width:100%;max-height:320px;z-index:10;pointer-events:none}.custom-media-grid__overlay-img{width:100%;height:auto;max-height:100%;object-fit:contain;display:block}@media(min-width:700px){.custom-media-grid__video-wrapper{max-width:596px;height:336px}.custom-media-grid__overlay{max-width:500px;max-height:500px}.custom-media-grid__item-text{max-width:264px;font-size:33px}}@media(min-width:1024px){.custom-media-grid{flex-direction:row}.custom-media-grid__left,.custom-media-grid__right{width:50%}.custom-media-grid__left{display:flex;align-items:center}.custom-media-grid__video-wrapper{width:100%}.custom-media-grid__grid{display:grid;grid-template-columns:50% 50%;grid-template-rows:248px 248px;width:100%}.custom-media-grid__grid-item{aspect-ratio:unset}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/custom-media-grid.css.map */