.hdt-section.video-features-section{position:relative;overflow:hidden;background-color:var(--section-bg-color, #FFFFFF)}.video-features-section-inner{width:100%;height:100%;position:relative;z-index:1}#shopify-section-video-with-features,#shopify-section-video-with-features>div{background-color:var(--section-bg-color, #FFFFFF)}.video-features-wrapper{display:flex;flex-direction:column;gap:40px;background-color:var(--section-bg-color, #FFFFFF);width:100%}@media screen and (min-width: 768px){.video-features-wrapper{flex-direction:row;align-items:center}}.video-container{width:100%;position:relative;overflow:hidden;border-radius:var(--video-border-radius)}@media screen and (min-width: 768px){.video-container{width:50%}.video-features-layout-video-right .video-container{order:2}}.video-container video,.video-container iframe,.video-container hdt-video-player{width:100%;height:100%;object-fit:cover;display:block}.video-container hdt-video-player{aspect-ratio:16/9;display:block}.video-container hdt-video-player video{width:100%;height:100%;object-fit:cover}.content-container{width:100%;padding:20px 0}@media screen and (min-width: 768px){.content-container{width:50%;padding:0 20px}.video-features-layout-video-right .content-container{order:1;padding-left:0}.video-features-layout-video-left .content-container{padding-right:0}}.content-heading{font-size:var(--heading-size-mobile, 28px);font-weight:400;margin-bottom:20px;color:var(--heading-color);line-height:1.2}.content-heading p{margin:0}@media screen and (min-width: 768px){.content-heading{font-size:var(--heading-size-desktop, 36px)}}.content-text{margin-bottom:30px;color:var(--text-color);font-size:var(--text-size-mobile, 14px);line-height:1.5}.content-text p{margin:0}.video-feature-text-left{text-align:left}.video-feature-text-center{text-align:center}.video-feature-text-right{text-align:right}@media screen and (min-width: 768px){.content-text{font-size:var(--text-size-desktop, 16px)}}.video-features-list{margin-bottom:30px}.video-feature-item{display:flex;align-items:center;margin-bottom:15px}.video-feature-icon{width:var(--default-icon-size, 50px);height:var(--default-icon-size, 50px);margin-right:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-feature-icon img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}.video-feature-item:hover .video-feature-icon img{transform:scale(1.05)}.video-feature-text{font-weight:500;color:var(--feature-color);font-size:var(--feature-size-mobile, 14px);line-height:1.4}@media screen and (min-width: 768px){.video-feature-text{font-size:var(--feature-size-desktop, 16px)}}@media screen and (max-width: 767px){.video-feature-icon{width:calc(var(--default-icon-size, 50px) * .85);height:calc(var(--default-icon-size, 50px) * .85)}}.video-percent-list{display:flex;flex-wrap:wrap;gap:20px}.video-percent-item{display:flex;flex-direction:row;align-items:center;margin-bottom:15px}.video-percent-circle{position:relative;width:100px;height:100px;border-radius:50%;background-color:#000;border:none;display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0;color:var(--percent-color, #FFFFFF);font-size:26px;font-weight:700;box-shadow:0 0 0 4px transparent;overflow:hidden}.video-percent-circle:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:4px solid var(--circle-bg, #e53e3e);opacity:1;z-index:-1}.video-percent-circle:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:conic-gradient(var(--circle-bg, #e53e3e) calc(var(--percent-value, 95) * 3.6deg),transparent calc(var(--percent-value, 95) * 3.6deg));mask:radial-gradient(transparent 60%,black 62%);-webkit-mask:radial-gradient(transparent 60%,black 62%)}@media screen and (min-width: 768px){.video-percent-circle{width:70px;height:70px;font-size:15px}.video-percent-circle:before{top:-3px;left:-3px;right:-3px;bottom:-3px;border-width:3px}.video-percent-circle:after{top:-3px;right:-3px;bottom:-3px;left:-3px;mask:radial-gradient(transparent 58%,black 61%);-webkit-mask:radial-gradient(transparent 58%,black 61%)}}.video-percent-text{font-weight:500;font-size:var(--percent-text-size-mobile, 12px);color:var(--percent-text-color);line-height:1.4}.video-percent-text p{margin:0}@media screen and (min-width: 768px){.video-percent-text{font-size:var(--percent-text-size-desktop, 14px)}}@media screen and (max-width: 767px){.video-percent-item{margin-bottom:20px}.video-percent-circle{width:65px;height:65px;font-size:15px}.video-percent-circle:before{top:-3px;left:-3px;right:-3px;bottom:-3px;border-width:3px}.video-percent-circle:after{top:-3px;right:-3px;bottom:-3px;left:-3px;mask:radial-gradient(transparent 58%,black 61%);-webkit-mask:radial-gradient(transparent 58%,black 61%)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/video-with-features.css.map */