.media-with-text{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.media-with-text .media-with-text__block{max-width:var(--block-width);aspect-ratio:1/1}.media-with-text .media-with-text__block-inner{border-radius:var(--item-border-radius);border-width:var(--item-border-width)}.media-with-text .media-with-text__container .media-with-text__block{overflow:hidden}.media-with-text .media-with-text__block-outer{padding:var(--item-padding);will-change:transform;transform:translateZ(0);transition:transform .9s cubic-bezier(.22,1,.36,1)}.media-with-text .media-with-text__block-inner{will-change:clip-path;overflow:hidden;clip-path:inset(0 100% 0 0);transition:clip-path .9s cubic-bezier(.2,.8,.2,1)}.media-with-text .media-with-text__block-outer.in-view .media-with-text__block-inner{clip-path:inset(0 0 0 0)}.media-with-text .media-with-text__container .media-with-text__block:nth-child(2) .media-with-text__block-outer{transform:translate3d(24em,0,0)}.media-with-text .media-with-text__container .media-with-text__block:nth-child(2) .media-with-text__block-outer.in-view{transform:translateZ(0)}.media-with-text .media-with-text__container .media-with-text__block:nth-child(2) .media-with-text__block-inner{transition-delay:.35s}.media-with-text .media-with-text__block-inner{-webkit-clip-path:inset(0 100% 0 0)}.media-with-text .media-with-text__block-outer.in-view .media-with-text__block-inner{-webkit-clip-path:inset(0 0 0 0)}@media screen and (max-width:48rem){.media-with-text .media-with-text__container{flex-flow:column}.media-with-text .media-with-text__block{max-width:100%}}.media-with-text .media-with-text__content{text-align:var(--horizontal-align);align-items:var(--vertical-align)}.media-with-text .subheading,.media-with-text .heading,.media-with-text .body-text{text-shadow:var(--media-with-text-text-shadow)}.media-with-text video{transition:all .3s ease-in-out}.media-with-text video.loaded{z-index:10;position:relative;opacity:1}.media-with-text video:not(.loaded){opacity:0}.media-with-text .icons{color:rgb(var(--color-icons))}.media-with-text .media-with-text__block-outer{transition:background-color .3s ease-in-out}.media-with-text .media-with-text__block:hover .media-with-text__block-outer{background-color:var(--media-with-text-hover-color)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/media-with-text.css.map */