.video-with-content{margin-left:1rem;margin-right:1rem;border-radius:0;overflow:visible}@media (min-width: 1024px){.video-with-content{margin-left:0rem;margin-right:0rem}}.video-with-content__settings{margin:0 auto;padding:1.5rem;max-width:var(--page-width)}@media (min-width: 1024px){.video-with-content__settings{padding:5rem}}.video-with-content__body{display:grid;grid-template-columns:1fr;gap:28px}@media (min-width: 1024px){.video-with-content__body{grid-template-columns:1fr 1fr;gap:80px}}.video-with-content__content{display:flex;flex-direction:column;align-items:start;order:1}@media (min-width: 1024px){.video-with-content__content{justify-content:center}}.video-with-content__video-container{position:relative;overflow:hidden;border-radius:30px;border:0px solid #121212;order:0;aspect-ratio:auto}@media (min-width: 1024px){.video-with-content__video-container{aspect-ratio:12/9;position:sticky;top:100px;align-self:start}}.video-with-content__video,.video-with-content__video-container iframe{display:block;width:100%;height:100%;object-fit:cover;border:0px}.video-with-content__placeholder{width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-background-contrast))}.video-with-content__placeholder svg{width:100%;height:100%;object-fit:cover}.video-with-content__controls{display:flex;gap:8px;position:absolute;top:16px;left:16px;z-index:2}.video-with-content__control-play,.video-with-content__control-sound{margin:0;cursor:pointer;padding:14px;border:0px solid #121212;border-radius:100px;background-color:#fff;transition:all .25s ease 0s}@media (min-width: 1024px){.video-with-content__control-play:hover,.video-with-content__control-sound:hover{background-color:#f3f3f3}}.video-with-content__control-play svg,.video-with-content__control-sound svg{display:block;width:16px;height:16px;object-fit:cover;background-color:transparent!important}.video-with-content__control-play svg path,.video-with-content__control-sound svg path{fill:#121212}.video-with-content__control-play svg:nth-child(1),.video-with-content__control-sound svg:nth-child(1){display:none}.video-with-content__control-play.active svg:nth-child(1),.video-with-content__control-sound.active svg:nth-child(1){display:block}.video-with-content__control-play.active svg:nth-child(2),.video-with-content__control-sound.active svg:nth-child(2){display:none}.video-with-content__heading-wrapper{text-align:left;margin-top:0}.video-with-content__heading{margin:0;font-size:32px;color:rgb(var(--color-foreground));line-height:130%;text-transform:unset;font-weight:700}@media (min-width: 1024px){.video-with-content__heading{font-size:48px}}.video-with-content__subheading-wrapper{text-align:left;margin-top:16px}.video-with-content__subheading-wrapper p{margin:0;font-size:15px;color:rgb(var(--color-foreground));line-height:150%;text-transform:unset}@media (min-width: 1024px){.video-with-content__subheading-wrapper{margin-top:24px}}.video-with-content__text{text-align:left;margin-top:16px}.video-with-content__text *{margin:0;font-size:15px;color:rgb(var(--color-foreground));line-height:150%;text-transform:unset}@media (min-width: 1024px){.video-with-content__text{margin-top:24px}}.video-with-content__features{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;margin-top:20px}@media (min-width: 1024px){.video-with-content__features{grid-template-columns:1fr;gap:28px}}.video-with-content__feature{display:flex;flex-direction:column;align-items:start;gap:15px}.video-with-content__feature-icon{flex-shrink:0;border:0px solid #f3f3f3;padding:8px;border-radius:4px;overflow:hidden}.video-with-content__feature:hover .video-with-content__feature-icon img,.video-with-content__feature:hover .video-with-content__feature-icon svg{transform:scale(1.1);transition:all .4s ease 0s}.video-with-content__feature-icon img,.video-with-content__feature-icon svg{display:block;width:30px;height:30px;object-fit:cover;transition:all .4s ease 0s}@media (min-width: 1024px){.video-with-content__feature-icon img,.video-with-content__feature-icon svg{width:44px;height:44px}}.video-with-content__feature-icon svg path{fill:rgb(var(--color-foreground))}.video-with-content__feature-icon svg circle{fill:rgb(var(--color-foreground))}.video-with-content__feature-title{margin:0;text-align:left;font-size:16px;color:rgb(var(--color-foreground));line-height:130%;text-transform:unset;font-weight:700}@media (min-width: 1024px){.video-with-content__feature-title{font-size:18px}}.video-with-content__feature-text{margin-top:10px;text-align:left}.video-with-content__feature-text *{margin:0;font-size:15px;color:rgb(var(--color-foreground));line-height:150%;text-transform:unset;text-wrap:wrap;word-break:break-word}.video-with-content__buttons{display:flex;align-items:center;margin-top:24px;gap:12px;flex-wrap:wrap;justify-content:start}@media (min-width: 1024px){.video-with-content__buttons{margin-top:32px;gap:16px}}@media (min-width: 1024px){.video-with-content__video-container{order:0}.video-with-content__content{order:1}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/video-with-content.css.map */