.video-feature{--g-heading: 0px;--g-heading-after-media: 0px;--g-body: 16px;--g-media: 15px;--g-cta: 20px;--g-image: 10px;--gutter: 10px;--split-gap: 30px;--f-heading: #252729;--f-text: #000000;--f-heading-font: var(--font-heading-family);--f-heading-weight: var(--font-heading-weight);padding:var(--pad-t-d) 0 var(--pad-b-d);background:var(--bg-image, none) center / cover no-repeat var(--bg);color:var(--c-text, var(--f-text))}.video-feature *,.video-feature *:before,.video-feature *:after{box-sizing:border-box}@media screen and (min-width:641px)and (max-width:1024px){.video-feature{padding:var(--pad-t-t) 0 var(--pad-b-t)}}@media screen and (max-width:640px){.video-feature{padding:var(--pad-t-m) 0 var(--pad-b-m)}.video-feature.hide-mobile{display:none}}.video-feature.style-glow{--g-body: 10px;--g-media: 25px;--g-cta: 41px;--gutter: 16px;--f-heading: #000000}.video-feature.style-tutorial{--g-heading: 8px;--g-body: 8px;--g-media: 35px;--gutter: 20px;--f-heading: #242424;--f-heading-font: var(--font-poppins);--f-heading-weight: 600}.video-feature.style-tutorial.layout-split{--g-body: 10px}.video-feature.style-showcase{--g-heading-after-media: 55px;--g-body: 0px;--g-media: 33px;--g-cta: 33px;--gutter: 16px;--f-text: #252729;--f-heading-font: var(--font-poppins);--f-heading-weight: 700}.video-feature.font-londrina{--f-heading-font: var(--font-londrina);--f-heading-weight: 400}@media screen and (min-width:641px)and (max-width:1024px){.video-feature.style-product,.video-feature.style-tutorial.layout-split{--gutter: 0px}}@media screen and (max-width:640px){.video-feature.style-glow{--g-cta: 31px;--gutter: 15px}.video-feature.style-tutorial.layout-split{--g-body: 28px;--gutter: 10px}.video-feature.style-showcase{--g-heading-after-media: 40px}}.video-feature .inner{max-width:calc(1200px + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}@media screen and (min-width:1025px){.video-feature.width-full .inner{max-width:none;padding:0}}.video-feature.layout-stacked .inner{display:flex;flex-direction:column;text-align:center}.video-feature.align-left .inner{text-align:left}.video-feature .inner>.cta,.video-feature .inner>.vf-image,.video-feature .inner>.buttons{align-self:center;justify-self:center}.video-feature.align-left .inner>.cta,.video-feature.align-left .inner>.vf-image,.video-feature.align-left .inner>.buttons{align-self:flex-start;justify-self:start}.video-feature.layout-split .inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr repeat(16,auto) 1fr;column-gap:var(--split-gap)}.video-feature.layout-split .inner:before,.video-feature.layout-split .inner:after{content:"";grid-column:1}.video-feature.layout-split .inner:before{grid-row:1}.video-feature.style-tutorial.layout-split .inner:before,.video-feature.style-tutorial.layout-split .inner:after{min-height:32px}.video-feature.layout-split .inner:after{grid-row:-2 / -1}.video-feature.layout-split .inner>*{grid-column:1}.video-feature.layout-split .inner>:is(.vf-videos,:has(>.vf-videos)){grid-column:2;grid-row:1 / -1;align-self:center}.video-feature.layout-split.media-left .inner:before,.video-feature.layout-split.media-left .inner:after,.video-feature.layout-split.media-left .inner>*{grid-column:2}.video-feature.layout-split.media-left .inner>:is(.vf-videos,:has(>.vf-videos)){grid-column:1}@media screen and (max-width:640px){.video-feature.layout-split .inner{grid-template-columns:minmax(0,1fr);grid-template-rows:none}.video-feature.layout-split .inner,.video-feature.layout-split.align-left .inner{text-align:center}.video-feature.layout-split .inner:before,.video-feature.layout-split .inner:after{display:none}.video-feature.layout-split .inner>*,.video-feature.layout-split.media-left .inner>*{grid-column:1}.video-feature.layout-split .inner>:is(.vf-videos,:has(>.vf-videos)),.video-feature.layout-split.media-left .inner>:is(.vf-videos,:has(>.vf-videos)){grid-column:1;grid-row:auto;order:1;margin-top:var(--g-media)}.video-feature.layout-split.mobile-media-first .inner>:is(.vf-videos,:has(>.vf-videos)){order:-1;margin-top:0;margin-bottom:var(--g-media)}}.video-feature.layout-split_header .inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr repeat(16,auto) 1fr;column-gap:132px;text-align:left}.video-feature.layout-split_header .inner:before,.video-feature.layout-split_header .inner:after{content:"";grid-column:1}.video-feature.layout-split_header .inner:before{grid-row:1}.video-feature.layout-split_header .inner:after{grid-row:-2 / -1}.video-feature.layout-split_header.is-mirrored .inner:before,.video-feature.layout-split_header.is-mirrored .inner:after{grid-column:2}.video-feature.layout-split_header .inner>*{grid-column:1 / -1}.video-feature.layout-split_header .inner>:is(.heading,:has(>.heading)){grid-column:1}.video-feature.layout-split_header .inner>:is(.body,:has(>.body)){grid-column:2;grid-row:1 / -1;align-self:center}.video-feature.layout-split_header.is-mirrored .inner>:is(.heading,:has(>.heading)){grid-column:2;text-align:right}.video-feature.layout-split_header.is-mirrored .inner>:is(.body,:has(>.body)){grid-column:1}.video-feature.layout-split_header .inner>.vf-videos,.video-feature.layout-split_header .inner>*>.vf-videos{margin-top:48px}@media screen and (max-width:640px){.video-feature.layout-split_header .inner>.vf-videos,.video-feature.layout-split_header .inner>*>.vf-videos{margin-top:28px}}@media screen and (max-width:640px){.video-feature.layout-split_header .inner{grid-template-columns:minmax(0,1fr);grid-template-rows:none;text-align:center}.video-feature.layout-split_header .inner:before,.video-feature.layout-split_header .inner:after{display:none}.video-feature.layout-split_header .inner>*,.video-feature.layout-split_header .inner>:is(.heading,:has(>.heading)),.video-feature.layout-split_header .inner>:is(.body,:has(>.body)),.video-feature.layout-split_header.is-mirrored .inner>:is(.heading,:has(>.heading)),.video-feature.layout-split_header.is-mirrored .inner>:is(.body,:has(>.body)){grid-column:1;grid-row:auto;text-align:center}.video-feature.layout-split_header .inner>.body,.video-feature.layout-split_header .inner>*>.body{margin-top:var(--g-body)}}@media screen and (min-width:641px){.video-feature.layout-split_header .body{margin-top:0}}.video-feature .heading{margin:var(--g-heading) 0 0}.video-feature .vf-videos+.heading,.video-feature .vf-videos+*>.heading{margin-top:var(--g-heading-after-media)}.video-feature .body{margin-top:var(--g-body)}.video-feature .inner>.vf-videos,.video-feature .inner>*>.vf-videos{margin-top:var(--g-media)}.video-feature .inner>.cta,.video-feature .inner>*>.cta,.video-feature .buttons{margin-top:var(--g-cta)}.video-feature .inner>.vf-image,.video-feature .inner>*>.vf-image{margin-top:var(--g-image)}.video-feature .icon-text{margin-top:var(--g-body)}.video-feature .inner>.vf-callouts,.video-feature .inner>*>.vf-callouts{margin-top:30px}.video-feature .vf-callouts+.heading,.video-feature .vf-callouts+*>.heading,.video-feature :has(>.vf-callouts)+*>.heading{margin-top:20px}.video-feature .inner>:first-child,.video-feature .inner>:first-child>:first-child,.video-feature.layout-split .inner>:nth-child(1 of:not(:is(.vf-videos,:has(>.vf-videos)))){margin-top:0}.video-feature .heading{color:var(--c-heading, var(--f-heading));font-family:var(--f-heading-font);font-weight:var(--f-heading-weight);font-style:normal;word-break:break-word}.video-feature .heading.is-uppercase{text-transform:uppercase}.video-feature .heading.size-large{font-size:46px;line-height:59.8px;letter-spacing:.6px}.video-feature .heading.size-medium{font-size:38px;line-height:49.4px;letter-spacing:.6px}@media screen and (min-width:641px)and (max-width:1024px){.video-feature .heading.size-medium{font-size:37px;line-height:48.1px}}@media screen and (max-width:640px){.video-feature .heading.size-large,.video-feature .heading.size-medium{font-size:30px;line-height:39px}}.video-feature.style-glow .heading.size-large,.video-feature.style-glow .heading.size-medium{font-size:41px;line-height:53.3px}@media screen and (min-width:641px)and (max-width:1024px){.video-feature.style-glow .heading.size-large,.video-feature.style-glow .heading.size-medium{font-size:37px;line-height:48.1px}}@media screen and (max-width:640px){.video-feature.style-glow .heading.size-large,.video-feature.style-glow .heading.size-medium{font-size:30px;line-height:39px}}.video-feature.style-tutorial .heading.size-large{font-size:33px;line-height:42.9px;letter-spacing:0}.video-feature.style-tutorial .heading.size-medium{font-size:19px;line-height:24.7px;letter-spacing:0}@media screen and (max-width:640px){.video-feature.style-tutorial .heading.size-large{font-size:29px;line-height:37.7px}.video-feature.style-tutorial .heading.size-medium{font-size:17px;line-height:22.1px}}.video-feature.style-showcase .heading.size-large{font-size:41px;line-height:73.8px}.video-feature.style-showcase .heading.size-medium{font-size:40px;line-height:72px}@media screen and (min-width:641px)and (max-width:1024px){.video-feature.style-showcase .heading.size-large{font-size:33px;line-height:59.4px}.video-feature.style-showcase .heading.size-medium{font-size:32px;line-height:57.6px}}@media screen and (max-width:640px){.video-feature.style-showcase .heading.size-large{font-size:31px;line-height:55.8px}.video-feature.style-showcase .heading.size-medium{font-size:24px;line-height:43.2px}}.video-feature.font-londrina .heading{font-weight:400}.video-feature .body{color:var(--c-text, var(--f-text));font-family:var(--font-poppins);font-weight:400;word-break:break-word}.video-feature .body p{margin:0}.video-feature .body.size-medium{font-size:18px;line-height:25.2px;letter-spacing:.6px}.video-feature .body.size-note{font-size:16px;line-height:24px;letter-spacing:0}.video-feature .body.size-large{font-size:24px;line-height:33.6px;letter-spacing:.6px}@media screen and (min-width:641px)and (max-width:1024px){.video-feature .body.size-note{font-size:19px;line-height:28.5px}.video-feature .body.size-large{font-size:16px;line-height:28.8px}}@media screen and (max-width:1024px){.video-feature .body.size-medium{font-size:14px;line-height:25.2px}}@media screen and (max-width:640px){.video-feature .body.size-large{font-size:14px;line-height:25.2px}}.video-feature.style-product.layout-stacked .body.size-medium{width:100%;max-width:720px;margin-inline:auto}@media screen and (min-width:641px)and (max-width:1024px){.video-feature.style-product.layout-stacked .body.size-medium{max-width:624px}}@media screen and (max-width:640px){.video-feature.style-product.layout-stacked .body.size-medium{max-width:none}}.video-feature.style-tutorial .body.size-note{font-size:16px;line-height:20.8px}.video-feature.style-tutorial .body.size-large{font-weight:700;font-size:20px;line-height:44px}@media screen and (min-width:641px)and (max-width:1024px){.video-feature.style-tutorial .body.size-large{font-size:16px;line-height:35.2px}}@media screen and (max-width:640px){.video-feature.style-tutorial .body.size-note{font-size:14px;line-height:18.2px}.video-feature.style-tutorial .body.size-large{font-size:15px;line-height:33px}}.video-feature .icon-text{display:flex;align-items:center;gap:16px;font-family:var(--font-poppins);font-size:18px;line-height:25.2px;text-align:left}.video-feature .icon-text .icon.image{flex-shrink:0;width:76px}.video-feature .icon-text .icon.image img{display:block;width:100%;height:auto}.video-feature .icon-text strong{font-size:24px;line-height:48px}.video-feature .cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 60px;border-radius:999999px;background:var(--cta-bg);color:var(--cta-text);font-family:var(--font-poppins);font-weight:700;font-size:16px;line-height:28.8px;letter-spacing:1px;text-align:center;text-decoration:none;transition:background .2s ease}.video-feature .cta:hover{background:var(--cta-hover-bg, var(--cta-bg))}.video-feature .cta:focus-visible{outline:2px solid var(--cta-bg);outline-offset:3px}.video-feature .cta .arrow{display:inline-flex;width:20px;height:20px}.video-feature .cta .arrow svg{width:100%;height:100%}@media screen and (max-width:640px){.video-feature .cta{padding:12px 50px;font-size:14px;line-height:25.2px}}.video-feature.style-glow .cta{padding:15px 40px;font-family:Inter,sans-serif;line-height:19.2px;text-transform:uppercase}@media screen and (max-width:1024px){.video-feature.style-glow .cta{padding:13px 40px;font-size:14px;line-height:15px}}.video-feature.style-tutorial .cta{min-width:195px;padding:13px 10px;border-radius:100px;line-height:20.8px;letter-spacing:0}@media screen and (max-width:640px){.video-feature.style-tutorial .cta{font-size:14px;line-height:18.2px}}.video-feature.style-showcase .cta{padding:8px 40px;border-radius:100px;font-weight:500;letter-spacing:.6px}@media screen and (max-width:640px){.video-feature.style-showcase .cta{font-size:14px;line-height:25.2px}}.video-feature .buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.video-feature.align-left .buttons{justify-content:flex-start}.video-feature .buttons.dir-column{flex-direction:column;align-items:center;gap:15px}@media screen and (max-width:640px){.video-feature .buttons{flex-direction:column;align-items:center}}.video-feature .vf-image{width:100%;max-width:var(--img-max)}.video-feature .vf-image a{display:block}.video-feature .vf-image img,.video-feature .vf-image svg{display:block;width:100%;height:auto}@media screen and (max-width:640px){.video-feature .inner>.vf-image,.video-feature .inner>*>.vf-image{max-width:none}}.video-feature .vf-videos{--cols: var(--cols-d);width:100%;min-width:0}@media screen and (min-width:641px)and (max-width:1024px){.video-feature .vf-videos{--cols: var(--cols-t)}}@media screen and (max-width:640px){.video-feature .vf-videos{--cols: var(--cols-m)}}.video-feature .vf-videos.display-grid .track{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--vf-gap);align-items:center}.video-feature .vf-videos:has(.vf-video) .vf-image{max-width:none}.video-feature .vf-videos.display-grid:not(:has(.vf-video)) .track{grid-template-columns:repeat(var(--cols),auto);justify-content:center}.video-feature .vf-video{min-width:0}.video-feature .vf-video .frame{display:block;position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:10px;background:#000}.video-feature .vf-video .poster{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.video-feature .vf-video .poster img{display:block;width:100%;height:100%;object-fit:cover}.video-feature .vf-video .poster:focus-visible{outline:3px solid #ffffff;outline-offset:-6px}.video-feature .vf-video .play{position:absolute;top:50%;left:50%;width:68px;transform:translate(-50%,-50%)}.video-feature .vf-video .play svg{display:block;width:100%;height:auto}.video-feature .vf-video .play-disc{display:flex;align-items:center;justify-content:center;width:68px;height:48px;border-radius:12px;background:#000000b3;color:#fff}.video-feature .vf-video .play-disc svg{width:28px;height:28px}.video-feature .vf-video .frame[loaded] .poster{display:none}.video-feature .vf-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-feature .vf-video .frame.is-empty svg{width:100%;height:100%;fill:#555}.video-feature .vf-video .caption{margin:24px 0 0;letter-spacing:0;color:#242424;font-family:var(--font-poppins);font-weight:600;font-size:19px;line-height:24.7px;text-align:center}@media screen and (max-width:640px){.video-feature .vf-video .caption{font-size:17px;line-height:22.1px}}.video-feature .carousel{display:block}.video-feature .carousel .stage{position:relative;padding:0 48px}.video-feature .carousel .viewport{overflow:hidden}.video-feature .carousel .track{display:flex;gap:var(--vf-gap);touch-action:pan-y pinch-zoom}.video-feature .carousel .track>*{flex:0 0 calc((100% - (var(--cols) - 1) * var(--vf-gap)) / var(--cols));min-width:0}.video-feature .carousel .arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#000;color:#fff;cursor:pointer;transform:translateY(-50%)}.video-feature .carousel .arrow.prev{left:0}.video-feature .carousel .arrow.next{right:0}.video-feature .carousel .arrow svg{width:16px;height:16px}.video-feature .carousel.arrows-plain .arrow{background:transparent;color:#000}.video-feature .carousel.arrows-plain .arrow svg{width:28px;height:28px}.video-feature .carousel .arrow:disabled{opacity:.4;cursor:default}.video-feature .carousel .arrow:focus-visible{outline:2px solid currentColor;outline-offset:2px}.video-feature .carousel .dots{display:none}@media screen and (max-width:640px){.video-feature .carousel.has-dots .dots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}}.video-feature .carousel .dot{width:12px;height:12px;padding:0;border:0;border-radius:50%;background:#e2e2e2;cursor:pointer}.video-feature .carousel .dot[aria-current=true]{background:#121212}.video-feature .carousel .dot:focus-visible{outline:2px solid #121212;outline-offset:2px}.video-feature .vf-callouts .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;column-gap:8px}@media screen and (min-width:641px){.video-feature .vf-callouts .center{grid-column:2;grid-row:1}.video-feature .vf-callouts .grid>:is(.callout.pos-left,:has(>.callout.pos-left)){grid-column:1;grid-row:1 / -1;align-self:center}.video-feature .vf-callouts .grid>:is(.callout.pos-right,:has(>.callout.pos-right)){grid-column:3;grid-row:1 / -1;align-self:center}.video-feature .vf-callouts .grid>:is(.callout.pos-below,:has(>.callout.pos-below)){grid-column:2}}.video-feature .vf-callouts .center img,.video-feature .vf-callouts .center svg{display:block;width:100%;height:auto}.video-feature .vf-callouts .callout{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}.video-feature .vf-callouts .callout-icon{width:70px}.video-feature .vf-callouts .callout-icon img{display:block;width:100%;height:auto}.video-feature .vf-callouts .label{margin:0;color:var(--c-heading, var(--f-heading));font-family:var(--font-poppins);font-weight:700;font-size:18px;line-height:39.6px;letter-spacing:.6px;word-break:break-word}.video-feature .vf-callouts .callout-icon+.label{margin-top:10px}@media screen and (min-width:641px)and (max-width:1024px){.video-feature.style-product .vf-callouts{padding-inline:10px}}@media screen and (max-width:640px){.video-feature .vf-callouts .grid{grid-template-rows:none;row-gap:20px;align-items:start}.video-feature .vf-callouts .center{grid-column:1 / -1;justify-self:center;width:calc((100% - 16px)/2)}.video-feature .vf-callouts .callout-icon{width:50px}.video-feature .vf-callouts .callout-icon+.label{margin-top:5px}.video-feature .vf-callouts .label{font-size:13px;line-height:28.6px}}
/*# sourceMappingURL=/cdn/shop/t/248/assets/section-video-feature.css.map */