.image-video-with-text{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile);overflow:hidden}.image-video-with-text-wrapper{background-color:var(--background-color);color:var(--content-color)}.image-video-with-text__description{margin-bottom:20px}.image-video-with-text-wrapper *{color:var(--content-color)}.image-video-with-text-with-bg{padding:40px 0}.image-video-with-text__container{max-width:1400px;margin:0 auto;padding:0 20px}.image-video-with-text__wrapper{display:flex;flex-direction:column;align-items:center}.image-video-with-text__content{width:100%;display:flex}.image-video-with-text__content.content-top{align-items:flex-start}.image-video-with-text__content.content-center{align-items:center}.image-video-with-text__content.content-bottom{align-items:flex-end}.image-video-with-text__content-inner{width:100%;text-align:var(--text-align)}.image-video-with-text__subheading{font-size:var(--text-size-mobile);font-weight:var(--text-weight);letter-spacing:2px;text-transform:uppercase;margin:0 0 15px;color:#000}.image-video-with-text__heading{font-size:var(--heading-size-mobile);font-weight:var(--heading-weight);line-height:1.2;margin:0 0 20px;color:#282828}.image-video-with-text__button{display:inline-block;text-decoration:none;font-size:var(--text-size-mobile);font-weight:var(--text-weight);letter-spacing:1.5px;text-transform:uppercase;color:#000;transition:opacity .3s ease}.image-video-with-text__button:hover{opacity:.7}.image-video-with-text__button.button-normal{padding:12px 30px;border:1px solid #000}.image-video-with-text__button.button-underlined{padding:5px 0;border-bottom:1px solid #000}.image-video-with-text__media,.image-video-with-text__image-wrapper{width:100%;position:relative}.image-video-with-text__image{width:100%;height:auto;display:block;object-fit:cover}.image-video-with-text__image.mobile-image{display:block}.image-video-with-text__image.desktop-image{display:none}.image-video-with-text__placeholder{width:100%;height:auto;background-color:#f5f5f5}.image-video-with-text__video-wrapper{width:100%;position:relative;background-color:#000}.image-video-with-text__video{width:100%;height:auto;display:block}.image-video-with-text__video-controls{position:absolute;bottom:15px;left:15px;display:flex;gap:10px;z-index:10}.video-control-btn{width:44px;height:44px;border:none;background-color:#ffffffe6;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#000}.video-control-btn:hover{background-color:#fff;transform:scale(1.05)}.video-control-btn svg{width:20px;height:20px}.video-control-btn.mute-btn .muted-icon{display:none}.video-control-btn.mute-btn.muted .muted-icon{display:block}.video-control-btn.mute-btn.muted .unmuted-icon{display:none}@media screen and (min-width:1600px){.image-video-with-text__description{max-width:72%;margin:auto auto 20px}}@media screen and (min-width: 750px){.image-video-with-text{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop)}.image-video-with-text__wrapper{flex-direction:row;align-items:stretch}.image-video-with-text__wrapper.media-left{flex-direction:row-reverse}.image-video-with-text__content,.image-video-with-text__media{width:50%}.image-video-with-text__content{padding:40px 0}.image-video-with-text__subheading{font-size:var(--text-size-desktop);margin:0 0 20px}.image-video-with-text__heading{font-size:var(--heading-size-desktop);margin:0 0 25px}.image-video-with-text__button{font-size:var(--text-size-desktop)}.image-video-with-text__button.button-normal{padding:14px 40px}.image-video-with-text__image.mobile-image{display:none}.image-video-with-text__image.desktop-image{display:block}.image-video-with-text__video-controls{bottom:20px;left:20px}}@media screen and (min-width: 990px){.image-video-with-text__content{padding:60px 40px}}.image-video-with-text__content[style*="text-align: left"] .image-video-with-text__content-inner{margin-right:auto;margin-left:0}.image-video-with-text__content[style*="text-align: center"] .image-video-with-text__content-inner{margin-left:auto;margin-right:auto}.image-video-with-text__content[style*="text-align: right"] .image-video-with-text__content-inner{margin-left:auto;margin-right:0}@media screen and (max-width:767px){.image-video-with-text__wrapper{flex-direction:column-reverse;gap:30px}}
/*# sourceMappingURL=/cdn/shop/t/693/assets/image-video-with-text.css.map */