.video--with-text .video--with-text__wrapper{position:relative;width:100%}.video--with-text .video--with-text__cover{position:relative;cursor:pointer;width:100%}.video--with-text .video--with-text__cover img{display:block;width:100%}.video--with-text .video--with-text__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease;z-index:2}.video--with-text .video--with-text__play:hover{transform:translate(-50%,-50%) scale(1.1)}.video--with-text .video--with-text__embed[hidden]{display:none}.video--with-text .video--with-text__embed{width:100%}.video--with-text .video--with-text__wrapper video,.video--with-text .video--with-text__embed video{width:100%;display:block}.video--with-text .video--with-text__ratio{position:relative;width:100%;height:0;padding-bottom:56.25%}.video--with-text .video--with-text__ratio iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video--with-text .section--image{position:relative;width:100%}.video--with-text .section--image .onboard{position:relative;z-index:1}.video--with-text .section--caption{padding:30px;background:var(--background);z-index:2;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px}.video--with-text .section--caption.vai-start{justify-content:flex-start;align-self:flex-start}.video--with-text .section--caption.vai-center{justify-content:center;align-self:center}.video--with-text .section--caption.vai-end{justify-content:flex-end;align-self:flex-end}.video--with-text .section--caption.h100{align-self:unset;height:100%}.video--with-text .section--caption.a-left{text-align:left;align-items:flex-start}.video--with-text .section--caption.a-center{text-align:center;align-items:center}.video--with-text .section--caption.a-right{text-align:right;align-items:flex-end}.video--with-text .section--caption.a-center .button{margin-left:auto;margin-right:auto}.video--with-text .section--caption .button{margin:0;width:auto;display:flex;padding:0 15px;align-items:center;justify-content:center}.video--with-text .video--with-text__play svg{border-radius:50%}.video--with-text .section--caption h2,.video--with-text .section--caption .rte p{margin:0}@media screen and (max-width:740px){.video--with-text .section--caption{padding:1rem;grid-row:2}.video--with-text .section--caption.m-center{text-align:center;align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-video-with-text.css.map */
