.image-with-text--video.page-width{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}.image-with-text--video .image-with-text__media{position:relative}.image-with-text--video .image-with-text__media video{width:auto;height:100%;margin:auto;display:block}.image-with-text--video .image-with-text__media .poster-image{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-with-text--video .image-with-text__media .play-btn{position:absolute;z-index:2;top:50%;left:50%;cursor:pointer;transform:translate(-50%,-50%)}.image-with-text--video .image-with-text__media .play-btn svg{width:100px;height:100px}.image-with-text--video.image-with-text-list .image-with-text__text-item,.image-with-text--video.image-with-text-list .image-with-text__text-item>.image-with-text__content{overflow:visible}.image-with-text--video .text-list{display:flex;flex-direction:column;flex-wrap:wrap;max-height:400px;column-gap:52px;row-gap:30px;overflow:visible}.image-with-text--video .text-list .list-item{width:calc(50% - 26px);min-width:0;overflow:visible}.image-with-text--video .text-list .list-item__text-side{padding:0;row-gap:10px;align-items:flex-start;min-width:0;flex:1 1 auto;overflow:visible}.image-with-text--video .list-item__text-side .text{width:100%;max-width:100%}.image-with-text--video .text-list .list-item__text-side .title{padding:8px;font-size:18px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.3px;text-transform:uppercase;display:inline;width:fit-content;white-space:nowrap}.image-with-text--video .list-item__title-holder{position:relative;display:inline-block;width:max-content;max-width:100%;align-self:flex-start}.image-with-text--video .list-item__title-decor{position:absolute;z-index:4;width:var(--decor-size, 44px);height:auto;line-height:0;pointer-events:none}.image-with-text--video .list-item__title-decor-img{display:block;width:100%;height:auto}.image-with-text--video .list-item__title-decor--top_left .list-item__title-decor{top:-6px;left:-3px;transform:translate(-42%,-42%) rotate(var(--decor-rotate, 0deg));transform-origin:center center}.image-with-text--video .list-item__title-decor--top_right .list-item__title-decor{top:-3px;right:-3px;transform:translate(42%,-42%) rotate(var(--decor-rotate, 0deg));transform-origin:center center}.image-with-text--video .list-item__title-decor--bottom_left .list-item__title-decor{bottom:-3px;left:-3px;transform:translate(-42%,42%) rotate(var(--decor-rotate, 0deg));transform-origin:center center}.image-with-text--video .list-item__title-decor--bottom_right .list-item__title-decor{bottom:-3px;right:-3px;transform:translate(42%,42%) rotate(var(--decor-rotate, 0deg));transform-origin:center center}.image-with-text--video .list-item__title-wave-stack{position:relative;display:inline-block;width:auto;max-width:100%;min-width:0;align-self:flex-start;vertical-align:top;background:none!important;overflow:visible;--list-item-wave-h: 12px;--list-item-wave-overlap: 1px}@media screen and (min-width:750px){.image-with-text--video .list-item__title-wave-stack{--list-item-wave-h: 20px;--list-item-wave-overlap: 3px}}.image-with-text--video .list-item__title-text-width{position:relative;z-index:1;width:fit-content;max-width:100%;min-width:0;overflow-wrap:break-word;word-break:normal}.image-with-text--video .list-item__title-wave-stack .sinusoidal-wave{position:absolute;left:0;right:0;z-index:0;width:100%;color:rgb(var(--color-background));min-width:0}.image-with-text--video .list-item__title-wave-stack .sinusoidal-wave--narrow.sinusoidal-wave--top{top:auto;bottom:calc(100% - var(--list-item-wave-overlap));height:var(--list-item-wave-h)}.image-with-text--video .list-item__title-wave-stack .sinusoidal-wave--narrow.sinusoidal-wave--bottom{top:calc(100% - var(--list-item-wave-overlap));bottom:auto;height:var(--list-item-wave-h)}.image-with-text--video .list-item__title-wave-stack .sinusoidal-wave--narrow .sinusoidal-wave__svg{display:block;width:100%;min-width:0;height:var(--list-item-wave-h);min-height:0}.image-with-text--video .list-item__title-wave-stack .sinusoidal-wave--bottom .sinusoidal-wave__svg{transform:rotate(180deg);transform-origin:center center}.image-with-text--video .list-item__title-surface.title{display:block;width:100%;box-sizing:border-box;margin:0;background:rgb(var(--color-background));padding:8px 12px;font-size:18px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.3px;text-transform:uppercase}@media screen and (max-width:1200px){.image-with-text--video .text-list{column-gap:20px}.image-with-text--video .text-list .list-item{width:calc(50% - 10px)}}@media screen and (max-width:750px){.image-with-text--video.page-width{padding:0}.image-with-text--video .image-with-text__media{aspect-ratio:1/1.3;width:100%;height:auto}.image-with-text--video .text-list{grid-template-columns:1fr;grid-auto-flow:unset}.image-with-text--video .text-list .list-item__text-side .title,.image-with-text--video .text-list .list-item__text-side .list-item__title-surface.title{font-size:16px;line-height:normal}.image-with-text--video .text-list{max-height:none}.image-with-text--video .text-list .list-item{width:100%}}@media screen and (min-width:750px){.image-with-text--video.page-width{padding:0 5rem}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/component-image-with-video.css.map */
