.video-with-text{position:relative}.video-with-text__grid{display:flex;flex-wrap:wrap;margin-bottom:0;gap:1rem}.video-with-text .grid--gapless.video-with-text__grid{column-gap:1rem;row-gap:1rem}@media screen and (min-width: 750px){.video-with-text__grid{gap:2rem}.video-with-text .grid--gapless.video-with-text__grid{column-gap:2rem;row-gap:2rem}.video-with-text__grid--reverse{flex-direction:row-reverse}}.video-with-text__media-item{position:relative;overflow:hidden;flex:0 0 100%;max-width:100%}.video-with-text__media{position:relative;display:flex;align-items:center;justify-content:center;min-height:30rem;border-radius:var(--media-radius);overflow:hidden}.video-with-text__media--small{min-height:40rem}.video-with-text__media--medium{min-height:50rem}.video-with-text__media--large{min-height:60rem}.video-with-text__media--adapt{min-height:auto}.video-with-text__video-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:100%}.video-with-text__video{width:100%;height:100%;display:block}.video-with-text__video video{width:100%;height:100%;object-fit:cover;display:block}.video-with-text__video--mobile{display:block}.video-with-text__video--desktop{display:none}@media screen and (min-width: 750px){.video-with-text__video--mobile{display:none}.video-with-text__video--desktop{display:block}}.video-with-text__sound-toggle{position:absolute;top:1rem;right:1rem;background:#000000b3;border:none;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2}.video-with-text__sound-toggle:hover{background:#000000e6;transform:scale(1.1)}.video-with-text__sound-icon{width:2.4rem;height:2.4rem;filter:brightness(0) invert(1)}.video-with-text__text-item{display:flex;align-items:center;flex:0 0 100%;max-width:100%}.video-with-text__content{padding:3rem 2rem;width:100%}@media screen and (min-width: 750px){.video-with-text__content{padding:4rem 3rem}}.video-with-text__content--top{align-items:flex-start}.video-with-text__content--middle{align-items:center}.video-with-text__content--bottom{align-items:flex-end}.video-with-text__content--desktop-left{text-align:left}.video-with-text__content--desktop-center{text-align:center}.video-with-text__content--desktop-right{text-align:right}.video-with-text__content--mobile-left{text-align:left}.video-with-text__content--mobile-center{text-align:center}.video-with-text__content--mobile-right{text-align:right}@media screen and (min-width: 750px){.video-with-text__content--mobile-left,.video-with-text__content--mobile-center,.video-with-text__content--mobile-right{text-align:inherit}}.video-with-text__heading{margin:0 0 1.5rem;word-break:break-word}.video-with-text__text{margin:0 0 1.5rem}.video-with-text__text:last-child{margin-bottom:0}.video-with-text__text--caption{margin-bottom:1rem}.video-with-text .button{margin-top:1.5rem}@media screen and (min-width: 750px){.video-with-text__media-item--small,.video-with-text__media-item--medium{flex:0 0 calc(56.5% - 1rem);max-width:calc(56.5% - 1rem)}.video-with-text__media-item--large{flex:0 0 100%;max-width:100%}.video-with-text__media-item--large+.video-with-text__text-item{flex:0 0 100%;max-width:100%;margin-top:2rem}.video-with-text__text-item{flex:0 0 calc(43.5% - 1rem);max-width:calc(43.5% - 1rem)}}.video-with-text--overlap .video-with-text__media-item{position:relative;z-index:1}.video-with-text--overlap .video-with-text__text-item{position:relative;z-index:2;margin-top:-5rem}@media screen and (min-width: 750px){.video-with-text--overlap .video-with-text__text-item{margin-top:-8rem}}.video-with-text.scroll-trigger{opacity:0;transform:translateY(2rem);transition:opacity .6s ease,transform .6s ease}.video-with-text.scroll-trigger.animate--slide-in{opacity:1;transform:translateY(0)}.video-with-text__media--placeholder{background:var(--color-background-2);display:flex;align-items:center;justify-content:center}.video-with-text__media--placeholder .placeholder-svg{width:100%;height:100%;max-width:20rem;max-height:20rem;opacity:.3}@media screen and (max-width: 749px){.video-with-text__content{padding:2rem 1.5rem}.video-with-text__sound-toggle{top:.5rem;right:.5rem;width:2.5rem;height:2.5rem}.video-with-text__sound-icon{width:2rem;height:2rem}}.video-with-text__sound-toggle:focus{outline:.2rem solid var(--color-foreground);outline-offset:.2rem}@media (prefers-contrast: high){.video-with-text__sound-toggle{background:#000000e6;border:.2rem solid white}.video-with-text__sound-icon{filter:brightness(0) invert(1) contrast(2)}}@media (prefers-reduced-motion: reduce){.video-with-text__sound-toggle{transition:none}.video-with-text__sound-toggle:hover{transform:none}.video-with-text.scroll-trigger{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-video-with-text.css.map */