.video-feature__frame{border-radius:var(--video-feature-radius, 18px);overflow:hidden}.video-feature__panel{background:var(--video-feature-panel, #4a2c0c);color:var(--video-feature-text, #ffffff);padding:3.2rem 3.2rem 3.6rem}.video-feature__steps{position:relative}.video-feature__step{position:relative;display:flex;flex-direction:column;align-items:var(--video-feature-step-items, center);text-align:var(--video-feature-step-align, center)}.video-feature__step:not(:last-child):after{content:"";position:absolute;top:calc(var(--video-feature-icon-size, 5.6rem) / 2 - var(--video-feature-connector-height, 1.8rem) / 2 + var(--video-feature-connector-offset, 0px));inset-inline-end:calc((var(--video-feature-gap, 2.4rem) + var(--video-feature-connector-width, 4rem)) * -.5);width:var(--video-feature-connector-width, 4rem);height:var(--video-feature-connector-height, 1.8rem);background:var(--video-feature-connector, #e0a800);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 16'%3E%3Cpath d='M2 11c8-9 22-9 33-3' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M29 4.5l6.5 3.5-4 4.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 16'%3E%3Cpath d='M2 11c8-9 22-9 33-3' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M29 4.5l6.5 3.5-4 4.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.video-feature__heading,.video-feature__panel .video-feature__step-title{color:var(--video-feature-text, #ffffff)}.video-feature .video-feature__step-text{letter-spacing:normal}.video-feature__panel .video-feature__step-text{color:var(--video-feature-text, #ffffff);opacity:.78}.video-feature__subheading{color:var(--video-feature-subheading, #e0a800)}.video-feature__header{margin-top:0!important}.video-feature__media{position:relative;width:100%;aspect-ratio:var(--video-feature-ratio, 16 / 9);background:#0000000f}.video-feature__poster,.video-feature__poster img,.video-feature__poster svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.video-feature__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;z-index:1}.video-feature__poster{z-index:2;transition:opacity .3s ease}.video-feature__media[data-started=true] .video-feature__poster{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.video-feature__poster{transition:none}}.video-feature__header{text-align:center;margin:4rem 0 3.2rem}.video-feature__heading{margin:0 0 1.2rem}.video-feature__subheading{margin:0 auto;max-width:68rem}.video-feature__steps{display:grid;grid-template-columns:repeat(var(--video-feature-columns, 4),minmax(0,1fr));gap:var(--video-feature-gap, 2.4rem)}.video-feature__step-icon{width:var(--video-feature-icon-size, 5.6rem);height:var(--video-feature-icon-size, 5.6rem);margin-bottom:1.2rem}.video-feature__step-icon img{width:100%;height:100%;object-fit:contain;display:block}.video-feature__step-title{margin:0 0 .6rem}.video-feature__step-text{margin:0;opacity:.75}@media screen and (max-width:749px){.video-feature__step:not(:last-child):after{width:var(--video-feature-connector-width-mobile, 2.4rem);height:var(--video-feature-connector-height-mobile, 1.1rem);top:calc(var(--video-feature-icon-size-mobile, 4.4rem) / 2 - var(--video-feature-connector-height-mobile, 1.1rem) / 2 + var(--video-feature-connector-offset-mobile, 0px));inset-inline-end:calc((var(--video-feature-gap, 2.4rem) + var(--video-feature-connector-width-mobile, 2.4rem)) * -.5)}.video-feature__media{aspect-ratio:var(--video-feature-ratio-mobile, 4 / 3)}.video-feature__header{margin:0 0 2.4rem}.video-feature__panel{padding:2.4rem 1.6rem 2.8rem}.video-feature__step{align-items:var(--video-feature-step-items-mobile, flex-start);text-align:var(--video-feature-step-align-mobile, start)}.video-feature__step:nth-child(2n):after{display:none}.video-feature__steps{grid-template-columns:repeat(var(--video-feature-columns-mobile, 1),minmax(0,1fr));gap:2rem}.video-feature__step-icon{width:var(--video-feature-icon-size-mobile, 4.4rem);height:var(--video-feature-icon-size-mobile, 4.4rem);margin-bottom:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-video-feature.css.map */