.feature-video-grid{--feature-video-grid-accent: #196472;--feature-video-grid-card-background: #ffffff;--feature-video-grid-card-radius: 16px;--feature-video-grid-background-opacity: .08}.feature-video-grid__surface{position:relative;isolation:isolate;overflow:hidden;padding:clamp(1rem,2.2vw,2rem);border:1px solid rgb(var(--text-color) / .08);border-radius:clamp(16px,2vw,28px);background:rgb(var(--background));box-shadow:0 20px 60px #132a3014}.feature-video-grid__background{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:var(--feature-video-grid-background-opacity);pointer-events:none}.feature-video-grid__layout{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);align-items:stretch;gap:clamp(1rem,2vw,1.75rem)}.feature-video-grid__media{position:relative;min-width:0;overflow:hidden;border-radius:calc(var(--feature-video-grid-card-radius) + 2px);background:#0b1518;box-shadow:0 14px 36px #0d212629}.feature-video-grid__media--mobile{display:none}.feature-video-grid__media>video-media,.feature-video-grid__media>video-media>img,.feature-video-grid__media>video-media>video,.feature-video-grid__media>.placeholder{width:100%;height:100%}.feature-video-grid__media>video-media{display:block;aspect-ratio:16 / 9}.feature-video-grid__media>video-media>img,.feature-video-grid__media>video-media>video,.feature-video-grid__media>.placeholder{object-fit:cover}.feature-video-grid__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:clamp(.75rem,1.3vw,1rem)}.feature-video-grid__feature{display:flex;min-width:0;min-height:126px;padding:clamp(.75rem,1.3vw,1.1rem);flex-direction:column;align-items:center;justify-content:center;gap:.45rem;border:1px solid rgb(var(--text-color) / .08);border-radius:var(--feature-video-grid-card-radius);background:var(--feature-video-grid-card-background);box-shadow:0 8px 24px #183a4214;text-align:center}.feature-video-grid__icon{display:grid;width:clamp(34px,3vw,46px);height:clamp(34px,3vw,46px);flex:none;place-items:center;color:var(--feature-video-grid-accent)}.feature-video-grid__icon svg{width:100%;height:100%}.feature-video-grid__value,.feature-video-grid__label{max-width:100%;overflow-wrap:anywhere}.feature-video-grid__value{color:var(--feature-video-grid-accent);font-size:clamp(1.05rem,1.45vw,1.45rem);font-weight:700;line-height:1.05}.feature-video-grid__label{color:rgb(var(--text-color) / .76);font-size:clamp(.76rem,.9vw,.94rem);line-height:1.2}.feature-video-grid__actions{position:relative;display:flex;margin-top:clamp(1rem,2vw,1.75rem);justify-content:center}@media screen and (max-width:1149px)and (min-width:700px){.feature-video-grid__layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:1rem}.feature-video-grid__features{gap:.65rem}.feature-video-grid__feature{min-height:96px;padding:.65rem}.feature-video-grid__icon{width:30px;height:30px}}@media screen and (max-width:699px){.feature-video-grid__surface{padding:.75rem;border-radius:18px}.feature-video-grid__layout{grid-template-columns:1fr;gap:.75rem}.feature-video-grid__media--desktop:has(+.feature-video-grid__media--mobile){display:none}.feature-video-grid__media--mobile{display:block}.feature-video-grid__media>video-media{aspect-ratio:16 / 9}.feature-video-grid__features{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.feature-video-grid__feature{min-height:82px;padding:.5rem .25rem;gap:.24rem;border-radius:min(var(--feature-video-grid-card-radius),12px);box-shadow:0 4px 12px #183a4212}.feature-video-grid__icon{width:25px;height:25px}.feature-video-grid__value{font-size:clamp(.72rem,3.2vw,.9rem);line-height:1.05}.feature-video-grid__label{font-size:clamp(.57rem,2.45vw,.68rem);line-height:1.15}.feature-video-grid__actions{margin-top:.9rem}.feature-video-grid__actions .button{min-height:42px;padding-inline:1.4rem}}@media(prefers-reduced-motion:reduce){.feature-video-grid__feature,.feature-video-grid__media{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/feature-video-grid.css.map */