.video-rows{padding-top:80px;padding-bottom:80px}@media(min-width:750px){.video-rows{padding-top:120px;padding-bottom:120px}}.video-rows__title{text-align:center;color:var(--color-foreground);margin-bottom:48px;margin-left:auto;margin-right:auto}@media(min-width:750px){.video-rows__title{max-width:880px}}.video-rows__image{width:100%;object-fit:cover;height:100%}.video-rows__video-container{position:relative;height:500px;border-radius:8px;overflow:hidden;display:flex}@media(min-width:750px){.video-rows__video-container{height:540px}}.video-rows__source{width:100%;display:none;object-fit:cover}.video-rows__video-container._active .video-rows__source{display:block}.video-rows__video-container._active .video-rows__image,.video-rows__video-button .icon-stop{display:none}.icon-stop{width:24px;height:24px}.video-rows__video-container._active .video-rows__video-button .icon-stop{display:block}.video-rows__video-container._active .video-rows__video-button .icon-play{display:none}.video-rows__video-button{position:absolute;left:16px;bottom:16px}@media(min-width:750px){.video-rows__video-button{position:absolute;left:24px;bottom:24px}}.video-rows__video-button svg{width:24px;height:24px}.video-rows__video-button svg path{fill:#fff}.video-rows__video-container:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;box-shadow:0 0 4px #00000040;background:linear-gradient(179.87deg,#000000b3 .11%,#0000 50%)}.video-rows__image-content{position:absolute;top:16px;left:16px;color:#fff;max-width:430px;width:calc(100% - 32px)}@media(min-width:750px){.video-rows__image-content{top:24px;left:24px}}.video-rows__content{max-width:880px;margin-top:32px;margin-left:auto;margin-right:auto}@media(min-width:750px){.video-rows__content{margin-top:48px}}.video-rows__row:not(:last-child){margin-bottom:48px}@media(min-width:750px){.video-rows__row:not(:last-child){margin-bottom:80px}}.video-rows__row-title{text-align:center}@media(min-width:750px){.video-rows__row-title{max-width:690px;margin-left:auto;margin-right:auto}}.video-rows__row-text{color:var(--color-foreground)}@media(min-width:750px){.video-rows__row-text{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/section-video-rows.css.map */