.DB-product-how-it-work{background:rgb(var(--color-light-grey));color:rgb(var(--color-black));padding-top:80px;padding-bottom:0;margin-bottom:-100px}.DB-product-how-it-work .page-width{display:flex;justify-content:space-between;align-items:stretch}.DB-product-how-it-work .left,.DB-product-how-it-work .right{width:calc((100% - 200px)/2)}.DB-product-how-it-work .left .title{margin:0;padding-bottom:70px}.DB-product-how-it-work .how-it-work__list{padding-left:50px}.DB-product-how-it-work .how-it-work__list-item{position:relative;padding-left:80px;padding-bottom:180px}.DB-product-how-it-work .how-it-work__list-item:last-child{padding-bottom:250px}@media screen and (max-width:1200px){.DB-product-how-it-work .how-it-work__list-item:last-child{padding-bottom:150px}}@media screen and (max-width:768px){.DB-product-how-it-work .how-it-work__list-item:last-child{padding-bottom:100px}}.DB-product-how-it-work .how-it-work__list-item:before{content:"";display:block;position:absolute;left:0;top:0;width:60px;height:60px;background-image:url(./icon-how-it-work-list.png);background-size:contain;background-position:center;background-repeat:no-repeat}.DB-product-how-it-work .how-it-work__list-item:after{content:"";display:block;position:absolute;left:23px;top:25px;width:10px;height:calc(100% + 25px);background-image:url(./how-it-work-line.png);background-size:cover;background-position:center;background-repeat:repeat-y}.DB-product-how-it-work .how-it-work__list-item:last-of-type:after{content:"";display:block;position:absolute;left:23px;top:25px;width:10px;height:90%;background-image:url(./how-it-work-line.png);background-size:cover;background-position:center;background-repeat:repeat-y}.DB-product-how-it-work .how-it-work__list-item .item-subtitle{color:rgb(var(--color-red));-webkit-text-transform:uppercase;-moz-text-transform:uppercase;-o-text-transform:uppercase;text-transform:uppercase;padding-top:20px;margin-bottom:10px}.DB-product-how-it-work .how-it-work__list-item .item-title{margin:0 0 15px;font-weight:900}.DB-product-how-it-work .how-it-work__list-item .item-text ol{padding-left:20px}.DB-product-how-it-work .images-container{position:sticky;top:calc((100vh - 420px)/2)}.DB-product-how-it-work .images-container .image-zone{position:relative;width:420px;height:550px}.DB-product-how-it-work .images-container .image{position:absolute;top:0;left:0;width:420px;height:420px}.DB-product-how-it-work .images-container .image .img-animator{width:420px;height:420px;border-radius:10px;overflow:hidden;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.DB-product-how-it-work .images-container.transitioning .image .img-animator{-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-how-it-work .images-container .image:nth-child(1){-webkit-transform:rotate(5deg) translate3d(10px,0,0);-moz-transform:rotate(5deg) translate3d(10px,0,0);-o-transform:rotate(5deg) translate3d(10px,0,0);transform:rotate(5deg) translate3d(10px,0,0)}.DB-product-how-it-work .images-container .image:nth-child(2){-webkit-transform:rotate(-8deg) translate3d(-20px,-5px,0);-moz-transform:rotate(-8deg) translate3d(-20px,-5px,0);-o-transform:rotate(-8deg) translate3d(-20px,-5px,0);transform:rotate(-8deg) translate3d(-20px,-5px,0)}.DB-product-how-it-work .images-container .image:nth-child(3){-webkit-transform:rotate(-1deg) translate3d(0,-25px,0);-moz-transform:rotate(-1deg) translate3d(0,-25px,0);-o-transform:rotate(-1deg) translate3d(0,-25px,0);transform:rotate(-1deg) translate3d(0,-25px,0)}.DB-product-how-it-work .images-container .image.next{z-index:1}.DB-product-how-it-work .images-container .image.next+.image.next{z-index:0}.DB-product-how-it-work .images-container .image.prev{z-index:0}.DB-product-how-it-work .images-container .image.prev+.image.prev{z-index:1}.DB-product-how-it-work .images-container.transitioning .image.from-selected{z-index:4}.DB-product-how-it-work .images-container:not(.transitioning) .image.selected{z-index:4}.DB-product-how-it-work .images-container .image img{width:100%;height:100%;object-fit:cover;object-position:center}.DB-product-how-it-work .images-container.transitioning .image.selected.from-next .img-animator,.DB-product-how-it-work .images-container.transitioning .image.next.from-selected .img-animator{-webkit-transform:translate3d(25%,0,0);-moz-transform:translate3d(25%,0,0);-o-transform:translate3d(25%,0,0);transform:translate3d(25%,0,0);z-index:3}.DB-product-how-it-work .images-container.transitioning .image.prev.from-selected .img-animator,.DB-product-how-it-work .images-container.transitioning .image.selected.from-prev .img-animator{-webkit-transform:translate3d(-25%,0,0);-moz-transform:translate3d(-25%,0,0);-o-transform:translate3d(-25%,0,0);transform:translate3d(-25%,0,0);z-index:3}@media screen and (max-width:1200px){.DB-product-how-it-work .page-width{position:relative;flex-direction:column}.DB-product-how-it-work .left{width:100%;flex-direction:column}.DB-product-how-it-work .left .title{position:relative;z-index:1;padding-bottom:450px;text-align:center;font-size:24px}.DB-product-how-it-work .right{width:100%;height:calc(100% - 150px);position:absolute;top:-30px;left:0;display:flex;justify-content:center}.DB-product-how-it-work .images-container{width:100%;height:550px;top:0;padding-top:0;display:flex;justify-content:center;background:linear-gradient(0deg,rgba(var(--color-light-grey),0) 5%,rgba(var(--color-light-grey),1) 20%);position:static}.DB-product-how-it-work .images-container .image-zone{top:130px;width:320px;height:320px}.DB-product-how-it-work .images-container .image,.DB-product-how-it-work .images-container .image .img-animator{width:320px;height:320px}.DB-product-how-it-work .how-it-work__list{padding-left:0}.DB-product-how-it-work .how-it-work__list-item{padding-bottom:70px}}@media screen and (max-width:768px){.DB-product-how-it-work{padding-top:40px}.DB-product-how-it-work .right{top:-40px;height:calc(100% - 80px)}.DB-product-how-it-work .images-container{height:420px}.DB-product-how-it-work .images-container .image-zone{position:relative;top:120px;width:220px;height:220px}.DB-product-how-it-work .images-container .image,.DB-product-how-it-work .images-container .image .img-animator{width:220px;height:220px}.DB-product-how-it-work .left .title{padding-bottom:320px}.DB-product-how-it-work .how-it-work__list{padding-right:0}.DB-product-how-it-work .how-it-work__list-item:last-of-type:after{content:"";display:block;position:absolute;left:23px;top:25px;width:10px;height:75%;background-image:url(./how-it-work-line.png);background-size:cover;background-position:center;background-repeat:repeat-y}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/DB-product-how-it-work.css.map */