.video-with-text{margin-top:0;margin-bottom:0}.video-with-text--none{background-color:transparent}.video-with-text--light{background-color:#f7f7f7}.video-with-text--dark{background-color:#1a1a1a;color:#fff}.video-with-text--dark .video-with-text__heading,.video-with-text--dark .video-with-text__text{color:#fff}.video-with-text--accent{background-color:#f0f0f0}.video-with-text__grid{display:grid;grid-template-columns:1fr;gap:0}@media screen and (min-width: 750px){.video-with-text__grid--2-col-tablet{grid-template-columns:repeat(2,1fr)}.video-with-text__grid--3-col-tablet{grid-template-columns:2fr 1fr}.video-with-text__grid--reverse{direction:rtl}.video-with-text__grid--reverse>*{direction:ltr}}@media screen and (min-width: 990px){.video-with-text__grid--3-col-tablet{grid-template-columns:1fr 1fr}}.video-with-text__media{position:relative;overflow:hidden;background-color:#ffffff0a}.video-with-text__media--adapt{height:auto}.video-with-text__media--small{height:30rem}.video-with-text__media--medium{height:40rem}.video-with-text__media--large{height:55rem}@media screen and (max-width: 749px){.video-with-text__media--small,.video-with-text__media--medium,.video-with-text__media--large{height:25rem}}.video-with-text__media-wrapper{position:relative;width:100%;height:100%;display:block}.video-with-text__media--adapt .video-with-text__media-wrapper{padding-bottom:0!important}.video-with-text__poster{position:relative;width:100%;height:100%;cursor:pointer;border:none;padding:0;background:transparent}.video-with-text__poster img{width:100%;height:100%;object-fit:cover;display:block}.deferred-media__poster-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;color:#000;transition:transform .3s ease;pointer-events:none;display:flex;align-items:center;justify-content:center}.video-with-text__poster:hover .deferred-media__poster-button{transform:translate(-50%,-50%) scale(1.1)}.video-with-text__poster:active .deferred-media__poster-button{transform:translate(-50%,-50%) scale(.95)}.video-with-text__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.video-with-text__media--adapt .video-with-text__video{position:relative;width:100%;height:auto}.video-placeholder{width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center;background-color:#0000000a}.video-placeholder svg{width:100%;height:100%;max-height:400px;object-fit:cover}.video-with-text__text-item{display:flex;align-items:center}.video-with-text__content{padding:3rem 2rem;width:100%}@media screen and (min-width: 750px){.video-with-text__content{padding:4rem 3rem}}@media screen and (min-width: 990px){.video-with-text__content{padding:5rem 4rem}}.video-with-text__content--top{align-self:flex-start}.video-with-text__content--middle{align-self:center}.video-with-text__content--bottom{align-self:flex-end}.video-with-text__content--desktop-left{text-align:left}.video-with-text__content--desktop-center{text-align:justify}.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__text--caption{margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em;font-size:1.2rem;opacity:.7}.video-with-text__heading{margin-top:0;margin-bottom:1.5rem;word-break:break-word}.video-with-text__text{margin-bottom:2rem}.video-with-text__text:last-child{margin-bottom:0}.video-with-text__content .button{margin-top:2rem}@media screen and (min-width: 750px){.video-with-text__media-item--small,.video-with-text__media-item--medium{grid-column:span 1}.video-with-text__media-item--large{grid-column:span 2}}.video-with-text__poster:focus{outline:2px solid rgba(0,0,0,.5);outline-offset:4px}.video-with-text__poster:focus:not(:focus-visible){outline:none}[dir=rtl] .video-with-text__content--desktop-left{text-align:right}[dir=rtl] .video-with-text__content--desktop-right{text-align:left}
/*# sourceMappingURL=/cdn/shop/t/44/assets/video-with-text.css.map */