.video-with-content{padding-top:var(--padding-top-mob);padding-bottom:var(--padding-bottom-mob);background:var(--section-bg)}.video-with-content .video-with-content-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:92px}.video-with-content .video-side-wrapper{flex:0 0 60%;max-width:calc(60% - 46px);opacity:0;transition:all .6s;transform:translateY(50%)}.video-with-content .content-side-wrapper{flex:0 0 40%;max-width:calc(40% - 46px);opacity:0;transition:all .6s;transform:translateY(50%)}.active .content-side-wrapper,.active .video-side-wrapper{transform:translateY(0);opacity:1}.video-with-content .top-heading{font-size:var(--heading-size-mob);line-height:1.2;color:var(--heading-color);margin:0 0 22px;max-width:403px}.video-with-content .top-heading strong{color:var(--highlight-color)}.video-with-content .video-wrapper video{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}.video-with-content .top-text p{color:var(--top-text-color);font-size:16px;max-width:462px;margin:0 0 26px;line-height:1.52}.video-with-content .thumnail-wrapper{background:var(--thum-bg);display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:396px;border-radius:8px;padding:23px 21px 23px 18px}.video-with-content .thumnail-image img{display:block;width:100%;height:100%;object-fit:cover}.video-with-content .thumnail-text p{color:var(--thum-text-color);font-size:16px;max-width:190px;line-height:1.375}.video-with-content .overheating-control-wrapper{max-width:406px}.video-with-content .heating-plate-icons{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.video-with-content .warm-icon img,..video-with-content .heat-icon img{display:block;width:100%;height:auto;object-fit:cover}.video-with-content .heat-text{font-size:18px;color:#000;line-height:1}.video-with-content .heating-plate-wrapper{height:8px;width:100%;background:linear-gradient(90deg,#b5dbf6,#ff6900);border-radius:4px;margin-bottom:11px;position:relative}.video-with-content .heating-plate-wrapper:after{content:"";width:12px;height:12px;background:#fff;border:1px solid #E5680E;display:block;border-radius:50%;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.image-with-content .video-with-content-container{display:flex;gap:100px;align-items:center;justify-content:center;flex-wrap:wrap}.image-with-content .video-side-wrapper,.image-with-content .content-side-wrapper{flex:0 0 50%;max-width:calc(50% - 50px)}.image-with-content .top-heading{max-width:553px}.image-with-content .top-text p{max-width:568px}@media(min-width:768px){.video-with-content{padding-top:var(--padding-top-desk);padding-bottom:var(--padding-bottom-desk)}.video-with-content .video-with-content-container{gap:4.7917vw}.video-with-content .video-side-wrapper{max-width:calc(60% - 2.3958vw)}.video-with-content .content-side-wrapper{max-width:calc(40% - 2.42vw)}.video-with-content .top-heading{font-size:var(--heading-size-desk);margin:0 0 1.1458vw;max-width:20.9896vw}.video-with-content .top-text p{font-size:.9375vw;max-width:24.0625vw;margin:0 0 1.6667vw}.video-with-content .thumnail-wrapper{gap:.625vw;max-width:20.625vw;border-radius:.4167vw;padding:1.1979vw 1.0938vw 1.1979vw .9375vw}.video-with-content .thumnail-text p{font-size:.8333vw;max-width:9.8958vw}.video-with-content .overheating-control-wrapper{max-width:21.1458vw}.video-with-content .heat-text{font-size:1.0938vw}.video-with-content .heating-plate-wrapper{height:.4167vw;border-radius:.2083vw;margin-bottom:.5729vw}.video-with-content .heating-plate-wrapper:after{width:.625vw;height:.625vw;border:.0521vw solid #E5680E;top:-.1042vw;left:50%;transform:translate(-50%)}.image-with-content .video-with-content-container{gap:5.2083vw}.image-with-content .video-side-wrapper,.image-with-content .content-side-wrapper{flex:0 0 50%;max-width:calc(50% - 3.6042vw)}.image-with-content .top-heading{max-width:28.8021vw}.image-with-content .top-text p{max-width:29.5833vw}.mobile-topheading{display:none}}@media(max-width:767px){.video-with-content .video-side-wrapper,.video-with-content .content-side-wrapper{flex:0 0 100%;max-width:100%}.video-with-content .video-with-content-container{gap:24px}.video-with-content .top-heading{margin:0 0 14px;max-width:100%}.video-with-content .top-text p{font-size:14px;max-width:100%}.mobile-topheading{display:block;transition:all .6s;transform:translateY(100%)}.active .mobile-topheading{transform:translateY(0)}.content-only-desktop{display:none}.video-with-content .mobile-topheading .top-text p{margin:0;text-align:center}.video-with-content .thumnail-wrapper{gap:24px;max-width:100%;border-radius:8px;padding:8px 20px;flex-wrap:unset}.thumnail-image{flex:0 0 134px;max-width:134px}.video-with-content .thumnail-text p{font-size:14px}.mobile-topheading h2.top-heading{margin-left:auto;margin-right:auto;text-align:center;line-height:1.417}.warm-icon img,.heat-icon img{display:block;width:19px;max-width:100%;height:100%;object-fit:cover}.heat-icon img{width:15px}.video-with-content .heat-text{font-size:16px}.video-with-content .overheating-control-wrapper{max-width:100%}}@media(min-width:1922px){.video-with-content .video-with-content-container{gap:92px}.video-with-content .video-side-wrapper{max-width:calc(60% - 46px)}.video-with-content .content-side-wrapper{max-width:calc(40% - 46px)}.video-with-content .top-heading{margin:0 0 22px;max-width:403px;font-size:40px}.video-with-content .top-text p{font-size:18px;max-width:462px;margin:0 0 32px}.thumnail-image{max-width:210px}.video-with-content .thumnail-wrapper{gap:12px;max-width:456px;border-radius:8px;padding:23px 21px 23px 18px}.video-with-content .thumnail-text p{font-size:16px;max-width:190px}.video-with-content .overheating-control-wrapper{max-width:406px}.video-with-content .heat-text{font-size:21px}.video-with-content .heating-plate-wrapper{height:8px;border-radius:4px;margin-bottom:11px}.video-with-content .heating-plate-wrapper:after{width:12px;height:12px;border:1px solid #E5680E;top:-2px}.image-with-content .video-with-content-container{gap:100px}.image-with-content .video-side-wrapper,.image-with-content .content-side-wrapper{max-width:calc(50% - 50px)}.image-with-content .top-heading{max-width:553px}.image-with-content .top-text p{max-width:568px}.video-with-content{padding-top:100px}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/video-with-content.css.map */