.video-with-text__wrapper{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media screen and (min-width: 750px){.video-with-text__wrapper{grid-template-columns:1fr 1fr;gap:1rem}.video-with-text__wrapper.video-with-text--reverse{direction:rtl}.video-with-text__wrapper.video-with-text--reverse>*{direction:ltr}.video-with-text__wrapper .media-item.video-width--small,.video-with-text__wrapper .media-item.video-width--medium,.video-with-text__wrapper .media-item.video-width--large{grid-column:span 1}}.youtube-video-container{position:relative;display:block;width:100%;overflow:hidden;border-radius:.5rem}.youtube-video-container .media{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-height--small .media{padding-bottom:40%}.video-height--medium .media{padding-bottom:56.25%}.video-height--large .media{padding-bottom:75%}.video-height--adapt .media{padding-bottom:0;height:auto}.video-poster{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}.video-poster-image,.video-poster-placeholder{width:100%;height:100%;object-fit:cover}.video-poster-placeholder{display:flex;align-items:center;justify-content:center;background-color:#f3f3f3}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;transition:transform .3s ease,opacity .3s ease;z-index:2;padding:0;width:60px;height:60px}.video-play-button:hover{transform:translate(-50%,-50%) scale(1.1);opacity:.9}.video-play-button svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.video-iframe-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.video-iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-with-text__wrapper .text-item{padding:2rem;border-radius:.5rem}.video-with-text__wrapper .text-content{max-width:100%}.video-with-text__wrapper .text-content-heading{margin-bottom:1rem}.video-with-text__wrapper .text-content-caption{margin-bottom:.5rem}.video-with-text__wrapper .text-content-description{margin-bottom:1.5rem}.video-with-text__wrapper .text-content-buttons{margin-top:2rem}.video-with-text__wrapper .text-content-socials{margin-top:1.5rem}@media screen and (max-width: 749px){.video-with-text__wrapper .text-item{padding:1.5rem 1rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-video-with-text.css.map */