:root{--ivt-gap: 4rem;--ivt-content-gap: 2rem;--ivt-play-btn-size: 6.4rem;--ivt-play-btn-bg: rgba(255, 255, 255, .92);--ivt-play-btn-color: #53364B;--ivt-play-btn-hover-bg: rgba(255, 255, 255, 1);--ivt-play-btn-icon-size: 5rem}.ivt{display:flex;flex-direction:column;gap:1rem}.ivt__media{order:-1;width:100%}.ivt__content{order:1;display:flex;flex-direction:column;gap:var(--ivt-content-gap);justify-content:center}@media screen and (min-width:750px){.ivt{display:grid;align-items:center;gap:var(--ivt-gap)}.ivt--image_first{grid-template-columns:60fr 40fr}.ivt--image_first .ivt__media{order:1}.ivt--image_first .ivt__content{order:2}.ivt--text_first{grid-template-columns:45fr 55fr}.ivt--text_first .ivt__content{order:1}.ivt--text_first .ivt__media{order:2}}.ivt__media-wrap{position:relative;width:100%;line-height:0}.ivt__img{display:block;width:100%;height:auto;border-radius:var(--media-radius, 0)}.ivt__img.placeholder-svg{aspect-ratio:16 / 10;background:rgba(var(--color-foreground),.04)}.ivt__poster{position:relative;line-height:0}.ivt__video{display:block;width:100%;height:auto;border-radius:var(--media-radius, 0)}.ivt__video--hidden{display:none}.ivt__play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer}.ivt__play-btn:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.ivt__play-icon{width:var(--ivt-play-btn-size);height:var(--ivt-play-btn-size);border-radius:50%;background:var(--ivt-play-btn-bg);display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.ivt__play-btn:hover .ivt__play-icon,.ivt__play-btn:focus-visible .ivt__play-icon{background:var(--ivt-play-btn-hover-bg);transform:scale(1.08)}.ivt__play-icon svg{width:var(--ivt-play-btn-icon-size);height:var(--ivt-play-btn-icon-size);fill:var(--ivt-play-btn-color);transform:translate(.15rem)}.ivt__heading{margin:0}.ivt__text p{margin-top:0;margin-bottom:1rem}.ivt__text p:last-child{margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-image-video-text.css.map */
