.demo-section{overflow:initial}.demo-section.grey-waves{position:relative;overflow:hidden;padding:50px 0;background:#f7fafe}@media(min-width:1200px){.demo-section.grey-waves{padding:60px 0}}@media(min-width:1440px){.demo-section.grey-waves{padding:80px 0}}@media(min-width:1800px){.demo-section.grey-waves{padding:140px 0}}@media(max-width:1199px){.demo-section.grey-waves .bg-waves{display:none}}.demo-section.grey-waves>.container{position:relative;z-index:10}.ui-bar{--ui-bar-color: #dedee3;--ui-bar-height: 26px;display:flex;width:100%;height:var(--ui-bar-height);flex:0 1 auto;flex-basis:var(--ui-bar-height);align-items:center;justify-content:flex-start;padding-left:13px;border-radius:16px 16px 0 0;background-color:var(--ui-bar-color);gap:5px}.ui-bar .dot{display:block;width:8px;height:8px;border-radius:100%;background-color:var(--ui-bar-dot-color, #f0463d)}.ui-bar .dot:nth-child(2){--ui-bar-dot-color: #e9c300}.ui-bar .dot:nth-child(3){--ui-bar-dot-color: #4cc844}.demo-section-inner{position:relative;display:grid}.demo-section-inner .static-image{display:none}.demo-section-inner .interactive-screen:has(.h5p-iframe-wrapper){overflow:hidden;border-radius:16px}@media(min-width:768px){.demo-section-inner{grid-template-columns:20% 29% 1fr 29% 20%}.demo-section-inner .interactive-screen{position:relative;grid-column:2/5;grid-row:1;scale:1}.demo-section-inner .interactive-screen:before{position:absolute;z-index:-1;background:#000;content:"";filter:blur(30px);top:2em;right:.5em;bottom:.75em;left:.5em}.demo-section-inner .interactive-screen.has-bg-layer:before{display:none}.demo-section-inner .interactive-screen.has-bg-layer .video-holder{margin:0}.demo-section-inner .interactive-screen .layer-bg{position:absolute;z-index:-1;bottom:-1rem;left:-1rem;width:75%;height:75%;border-radius:1.5rem;animation:bg-layer-anim 1s 3s forwards;pointer-events:none;transform:scale(0)}@keyframes bg-layer-anim{0%{transform:scale(0)}to{transform:scale(1)}}.demo-section-inner .static-image{--translateX-direction: 1;position:relative;z-index:0;display:grid;align-self:center;border:1px solid #BEC3CD;border-radius:16px;background-size:cover;cursor:pointer;grid-row:1;justify-items:center;transform:translate(0);transition:transform .5s ease-out}.demo-section-inner .static-image:hover,.demo-section-inner .static-image:focus-visible{transform:translate(calc(var(--translateX-direction) * 10%))}.demo-section-inner .static-image img{border-radius:0 0 16px 16px}.demo-section-inner .static-image.move-front{animation:moveFront 1s forwards ease-out}.demo-section-inner .static-image.move-back{animation:moveBack 1s forwards ease-out}.demo-section-inner .static-image:before{position:absolute;z-index:-1;bottom:0;display:block;width:90%;height:20px;border-radius:100px;background-color:#000;content:"";filter:blur(15px);opacity:.9}.demo-section-inner .static-image.move-front:after{position:absolute;top:0;right:.8em;display:block;content:"X";font-family:system-ui;font-size:.8em;font-weight:700}.demo-section-inner .static-image--left{--translateX-direction: -1;grid-column:1/3;justify-self:start}.demo-section-inner .static-image--right{--translateX-direction: 1;grid-column:4/6;justify-self:end}}@keyframes moveFront{0%{z-index:0;transform:translate(calc(var(--translateX-direction) * 10%)) translateZ(0)}49%{z-index:0;transform:translate(calc(var(--translateX-direction) * 70%)) translateZ(80px)}50%{z-index:6;transform:translate(calc(var(--translateX-direction) * 70%)) translateZ(80px)}to{z-index:6;transform:translate(calc(var(--translateX-direction) * 0)) translateZ(80px)}}@keyframes moveBack{0%{z-index:6;transform:translate(calc(var(--translateX-direction) * 0)) translateZ(80px)}49%{z-index:6;transform:translate(calc(var(--translateX-direction) * 70%)) translateZ(80px)}50%{z-index:0;transform:translate(calc(var(--translateX-direction) * 70%)) translateZ(80px)}to{z-index:0;transform:translate(calc(var(--translateX-direction) * 10%)) translateZ(0)}}.hero-carousel-item .video-container.product-media .layer-bg,.hero-carousel-item .video-container.product-media .circle-image{animation:layerAnim 0s forwards}.hero-carousel-item .video-container.product-media .layer-bg{animation-timing-function:ease}.hero-carousel-item .video-container.product-media .circle-image{transform:scale(1)}.hero-carousel-item .hero-section-inner{align-items:center}.hero-carousel-item .hero-section-inner .video-container:has(.video-playing) .animation-controls{opacity:0}.hero-carousel-item .hero-section-inner .video-container:hover .animation-controls{opacity:1}.hero-carousel-item .hero-section-inner .video-container .animation-controls{transition:.27s}.video-container.product-media{position:relative;display:flex;margin:8px auto}@media(max-width:1199px){.video-container.product-media{max-width:600px}}@media(prefers-reduced-motion){.video-container.product-media.show-anim .layer-bg,.video-container.product-media.show-anim .circle-image{animation:layerAnim 0s forwards}.video-container.product-media.show-anim .layer-bg{animation-timing-function:ease}.video-container.product-media.show-anim .circle-image{animation-timing-function:cubic-bezier(.445,.05,.485,1.65)}}.video-container.product-media.show-anim .layer-bg,.video-container.product-media.show-anim .circle-image{animation:layerAnim .75s forwards}.video-container.product-media.show-anim .layer-bg{animation-timing-function:ease}.video-container.product-media.show-anim .circle-image{animation-timing-function:cubic-bezier(.445,.05,.485,1.65)}.video-container.product-media.embed-video .gallery-controls{display:none}.video-container.product-media.embed-video .btn-play{position:absolute;top:50%;left:50%;opacity:1;transform:translate(-50%,-50%);transition:.27s}.video-container.product-media.embed-video .storylane-wrapper{width:100%}.video-container.product-media video,.video-container.product-media .embed-wrapper,.video-container.product-media .image-media{display:flex;width:85%;border-radius:16px}.video-container.product-media video.add-border,.video-container.product-media .embed-wrapper.add-border,.video-container.product-media .image-media.add-border{border:1px solid #BEC3CD}.video-container.product-media video.video-play .btn-play,.video-container.product-media .embed-wrapper.video-play .btn-play,.video-container.product-media .image-media.video-play .btn-play{opacity:0;pointer-events:none}.video-container.product-media .embed-wrapper,.video-container.product-media .image-media{overflow:hidden;background-repeat:no-repeat;background-size:cover}.video-container.product-media .embed-wrapper iframe video,.video-container.product-media .image-media iframe video{object-fit:cover}.video-container.product-media .embed-wrapper .video-holder{width:100%;height:100%;margin:0}.video-container.product-media .layer-bg{position:absolute;z-index:-1;width:50%;height:75%;border-radius:16px;transform:scale(0)}.video-container.product-media .layer-bg.top-left{top:3%;left:5%}@media(min-width:1024px){.video-container.product-media .layer-bg.top-left{top:5%}}.video-container.product-media .layer-bg.top-right{top:3%;right:5%}@media(min-width:1024px){.video-container.product-media .layer-bg.top-right{top:5%}}.video-container.product-media .layer-bg.bottom-left{bottom:3%;left:5%}@media(min-width:1024px){.video-container.product-media .layer-bg.bottom-left{bottom:5%}}.video-container.product-media .layer-bg.bottom-right{right:5%;bottom:3%}@media(min-width:1024px){.video-container.product-media .layer-bg.bottom-right{bottom:5%}}.video-container.product-media .circle-image{position:absolute;z-index:11;width:15%;max-width:143px;max-height:143px;aspect-ratio:1/1;transform:scale(0)}.video-container.product-media .circle-image.circle-image-size-1{width:12%}.video-container.product-media .circle-image.top-left{top:0;left:0%}.video-container.product-media .circle-image.top-right{top:0;right:0%}.video-container.product-media .circle-image.bottom-left{bottom:0;left:0%}.video-container.product-media .circle-image.bottom-right{right:0%;bottom:0}.circle-image-animate{display:block;animation:layerAnim .75s .2s forwards}@keyframes layerAnim{0%{transform:scale(0)}to{transform:scale(1)}}