@-webkit-keyframes logo_product_intro_defile{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes logo_product_intro_defile{0%{transform:translate(0)}to{transform:translate(-100%)}}@-webkit-keyframes btn_play_bump{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.2);transform:scale(1.2)}18%{-webkit-transform:scale(.9);transform:scale(.9)}22%{-webkit-transform:scale(1.05);transform:scale(1.05)}25%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes btn_play_bump{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.2);transform:scale(1.2)}18%{-webkit-transform:scale(.9);transform:scale(.9)}22%{-webkit-transform:scale(1.05);transform:scale(1.05)}25%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes btn_play_bump_svg{0%{-webkit-transform:translateX(0);transform:translate(0);opacity:1}5%{-webkit-transform:translateX(0);transform:translate(0);opacity:1}10%{-webkit-transform:translateX(10px);transform:translate(10px);opacity:0}10.1%{-webkit-transform:translateX(-10px);transform:translate(-10px);opacity:0}15%{-webkit-transform:translateX(0);transform:translate(0);opacity:1}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes btn_play_bump_svg{0%{-webkit-transform:translateX(0);transform:translate(0);opacity:1}5%{-webkit-transform:translateX(0);transform:translate(0);opacity:1}10%{-webkit-transform:translateX(10px);transform:translate(10px);opacity:0}10.1%{-webkit-transform:translateX(-10px);transform:translate(-10px);opacity:0}15%{-webkit-transform:translateX(0);transform:translate(0);opacity:1}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}#DB-product-intro{position:relative}#DB-product-intro .DB-product-intro--image_bg-container.has-video{cursor:pointer}#DB-product-intro .DB-product-intro--image_bg-container,#DB-product-intro .DB-product-intro--image_bg-container img,#DB-product-intro .DB-product-intro--image_bg-container video,#DB-product-intro .DB-product-intro--image_bg-container .gradient,#DB-product-intro .DB-product-intro--image_bg-container .gradient-vertical{position:absolute;width:100%;height:100%;top:0;right:0}#DB-product-intro .DB-product-intro--image_bg-container .gradient,#DB-product-intro .DB-product-intro--image_bg-container .gradient-vertical{width:calc(100% + 2px);height:calc(100% + 2px)}#DB-product-intro .DB-product-intro--image_bg-container{height:auto}#DB-product-intro .DB-product-intro--image_bg-container .video-player{background-size:cover;background-position:center;background-repeat:no-repeat}#DB-product-intro .DB-product-intro--image_bg-container img,#DB-product-intro .DB-product-intro--image_bg-container video{position:relative;height:auto;object-fit:inherit}#DB-product-intro .DB-product-intro--image_bg-container img{object-fit:cover;object-position:center;max-height:100%}#DB-product-intro .DB-product-intro--image_bg-container video{opacity:0;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out}#DB-product-intro .DB-product-intro--image_bg-container .btn-video-container{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:70px;height:70px;border-radius:50%;background:rgb(var(--color-white));z-index:1}#DB-product-intro .DB-product-intro--image_bg-container:not(:hover) .video-player:not(.playing) .btn-video-container{-webkit-animation:2s ease-out 1s infinite btn_play_bump;animation:2s ease-out 1s infinite btn_play_bump}#DB-product-intro .DB-product-intro--image_bg-container:not(:hover) .video-player:not(.playing) .btn-video-container svg{-webkit-animation:2s ease-out 1s infinite btn_play_bump_svg;animation:2s ease-out 1s infinite btn_play_bump_svg}#DB-product-intro .DB-product-intro--image_bg-container .btn-video-container .btn-play,#DB-product-intro .DB-product-intro--image_bg-container .btn-video-container .btn-pause,#DB-product-intro .DB-product-intro--image_bg-container .btn-video-container svg{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%;object-fit:contain;object-position:center}#DB-product-intro .DB-product-intro--image_bg-container .btn-video-container,#DB-product-intro .DB-product-intro--image_bg-container .btn-pause,#DB-product-intro .DB-product-intro--image_bg-container .btn-pause svg,#DB-product-intro .DB-product-intro--image_bg-container .btn-play,#DB-product-intro .DB-product-intro--image_bg-container .btn-play svg{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}#DB-product-intro .DB-product-intro--image_bg-container:hover .btn-video-container{-webkit-transform:scale(.9);transform:scale(.9)}#DB-product-intro .DB-product-intro--image_bg-container:hover .btn-video-container svg{-webkit-transform:scale(.8);transform:scale(.8)}#DB-product-intro .DB-product-intro--image_bg-container .btn-pause{-webkit-transform:scale(0);transform:scale(0)}#DB-product-intro .DB-product-intro--image_bg-container .video-player.playing video{opacity:1}#DB-product-intro .DB-product-intro--image_bg-container .video-player.playing .btn-play,#DB-product-intro .DB-product-intro--image_bg-container .video-player.playing .btn-pause,#DB-product-intro .DB-product-intro--image_bg-container .video-player.playing .btn-video-container{-webkit-transform:scale(0);transform:scale(0)}#DB-product-intro{min-height:calc((1040px + (100vw - 1600px)/2)*.5625)}#DB-product-intro .DB-product-intro--image_bg-container{width:calc(1040px + (100vw - 1600px)/2);max-height:100%}@media screen and (max-width:1600px){#DB-product-intro{min-height:36.5625vw}#DB-product-intro .DB-product-intro--image_bg-container{width:65vw}}#DB-product-intro .DB-product-intro--image_bg-container .gradient{display:block;top:auto;bottom:-2px;left:-2px;background:linear-gradient(180deg,#00000040 50%,#020000 99%);pointer-events:none}#DB-product-intro .DB-product-intro--image_bg-container .gradient-vertical{top:-1px;left:-2px;display:block;background:linear-gradient(270deg,#00000040 50%,#020000 99%);pointer-events:none}#DB-product-intro .DB-product-intro--image_bg-container .video-player.playing+.gradient{background:linear-gradient(180deg,#00000040 90%,#020000 99%)}#DB-product-intro .DB-product-intro--image_bg-container .video-player.playing+.gradient+.gradient-vertical{background:linear-gradient(270deg,#00000040 90%,#020000 99%)}#DB-product-intro .DB-product-intro--text_container{position:relative;color:rgb(var(--color-white));padding-top:300px;padding-bottom:0;width:100%;pointer-events:none}#DB-product-intro .DB-product-intro--text-content{width:100%;max-width:710px}#DB-product-intro .DB-product-intro--text_container .jdgm-shop-badge{justify-content:flex-start;margin-bottom:10px}#DB-product-intro .DB-product-intro--text_container .DB-product-intro--title,#DB-product-intro .DB-product-intro--text_container .DB-product-intro--title p,#DB-product-intro .DB-product-intro--text_container .DB-product-intro--subtitle,#DB-product-intro .DB-product-intro--text_container .DB-product-intro--subtitle p,#DB-product-intro .DB-product-intro--text_container .DB-product-intro--text,#DB-product-intro .DB-product-intro--text_container .DB-product-intro--text p{margin:0}#DB-product-intro .DB-product-intro--text_container .DB-product-intro--subtitle{margin-bottom:20px;font-weight:400}#DB-product-intro .DB-product-intro--text_container .DB-product-intro--text{margin-bottom:30px}#DB-product-intro .DB-product-intro--text_container .DB-product-intro--text strong{font-weight:700}#DB-product-intro .DB-product-intro--text_container .ils_parlent_de_nous{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:60px}#DB-product-intro .DB-product-intro--text_container .ils_parlent_de_nous .ils_parlent_de_nous--title{margin-right:40px}#DB-product-intro .DB-product-intro--text_container .ils_parlent_de_nous .logos-container{display:flex}#DB-product-intro .DB-product-intro--text_container .ils_parlent_de_nous .logo-container{width:70px;height:70px;margin-right:30px}#DB-product-intro .DB-product-intro--text_container .ils_parlent_de_nous .logos-container.swiper-container{width:300px;overflow:hidden}#DB-product-intro .DB-product-intro--text_container .ils_parlent_de_nous .logos-container.swiper-container .swiper-wrapper{width:auto;-webkit-animation:30s linear 0s infinite logo_product_intro_defile;animation:30s linear 0s infinite logo_product_intro_defile}#DB-product-intro .DB-product-intro--text_container .ils_parlent_de_nous .logo-container img{width:100%;height:100%;object-fit:contain;object-position:center}@media screen and (max-width:1600px){#DB-product-intro .DB-product-intro--text_container{padding-top:220px}}@media screen and (max-width:1200px){#DB-product-intro{min-height:0}#DB-product-intro .DB-product-intro--image_bg-container,#DB-product-intro .DB-product-intro--image_bg-container img,#DB-product-intro .DB-product-intro--image_bg-container video{position:relative;width:100%}#DB-product-intro .DB-product-intro--image_bg-container .gradient-vertical{display:none}#DB-product-intro .DB-product-intro--text_container{padding-top:50px;padding-bottom:50px}}@media screen and (max-width:768px){#DB-product-intro .DB-product-intro--image_bg-container{margin-top:70px}#DB-product-intro .DB-product-intro--text_container{padding-top:30px;padding-bottom:30px}#DB-product-intro .DB-product-intro--text_container .jdgm-shop-badge{margin-bottom:15px}#DB-product-intro .DB-product-intro--text_container .ils_parlent_de_nous{justify-content:space-between}#DB-product-intro .DB-product-intro--text_container .ils_parlent_de_nous{margin-top:50px}#DB-product-intro .DB-product-intro--text_container .ils_parlent_de_nous .ils_parlent_de_nous--title{margin-right:30px}#DB-product-intro .DB-product-intro--text_container .ils_parlent_de_nous .logo-container{width:50px;height:50px;margin-right:20px}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/DB-product-intro.css.map */