.product-features{display:flex;flex-flow:row nowrap;align-items:center}.product-features .first{flex:0 0 500px;display:flex;flex-flow:column nowrap}.product-features .first .carousel-close{display:none}.product-features .first .product-features-pages .page{display:none}.product-features .first .product-features-pages .page.active{display:block}.product-features .first .product-features-pages .page .product-features-carousel{transition:opacity .3s ease}.product-features .first .product-features-pages .page .product-features-carousel img{width:100%;height:230px;object-fit:cover;margin-right:20px}.product-features .first .product-features-pages .page .carousel-info{display:flex;flex-flow:row nowrap;margin-top:20px;padding:0 20px}.product-features .first .product-features-pages .page .carousel-info .controls{display:flex;flex-flow:row nowrap;margin-left:auto}.product-features .first .product-features-pages .page .carousel-info .controls .ctrl{cursor:pointer}.product-features .first .product-features-pages .page .carousel-info .controls .ctrl svg{transition:fill .3s ease;fill:var(--color-base);width:24px;height:24px}.product-features .first .product-features-pages .page .carousel-info .controls .ctrl:hover svg{fill:var(--color-primary)}.product-features .first .product-features-pages .page .carousel-info .controls .ctrl.ctrl-next{margin-left:15px}.product-features .second{margin:0 auto}.product-features .second .annotated-image{position:relative;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.product-features .second .annotated-image img{width:500px;object-fit:contain}.product-features .second .annotated-image .annotation{background-color:var(--color-primary);border-radius:50%;padding:6px;position:absolute;display:flex;cursor:pointer;transition:transform .3s ease}@keyframes pulse{from{transform:scale(1.0);opacity:1;border:3px solid var(--color-primary)}to{transform:scale(2.2);opacity:0;border:1px solid var(--color-primary)}}@-webkit-keyframes pulse{from{-webkit-transform:scale(1.0);opacity:1;border:3px solid var(--color-primary)}to{-webkit-transform:scale(2.2);opacity:0;border:1px solid var(--color-primary)}}.product-features .second .annotated-image .annotation::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:3px solid var(--color-primary);animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-name:pulse;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite}.product-features .second .annotated-image .annotation.active{transform:scale(1.4)}.product-features .second .annotated-image .annotation.active::before{display:none}.product-features .second .annotated-image .annotation svg{transition:fill .3s ease,transform .3s ease;fill:var(--color-primary-light);width:18px;height:18px;transform:none}.product-features .second .annotated-image .annotation:hover svg{fill:var(--color-white);transform:rotate(90deg)}.product-features .second .annotated-image .annotation.active:hover svg{transform:none}@media(max-width:1100px){.product-features{display:grid;grid-template-columns:1fr}.product-features .first{padding:20px;width:100%;flex:unset}.product-features .first .carousel-close{display:block;position:absolute;top:25px;right:25px;width:1.25rem;height:1.25rem;transform:none;transition:transform .3s ease;cursor:pointer}.product-features .first .carousel-close:hover{transform:rotate(-90deg)}.product-features .first .carousel-close svg{fill:var(--color-base);transition:fill .3s ease}.product-features .first .carousel-close:hover svg{fill:var(--color-primary)}.product-features .first img{height:300px}.product-features .first,.product-features .second{grid-column:1;grid-row:1}.product-features .first{height:0;opacity:0;position:relative;z-index:-1;pointer-events:none;transition:opacity .3s ease}.product-features .first.active{height:auto;opacity:1;z-index:1;pointer-events:unset;background-color:var(--color-background-light)}.product-features .first.active+.second{opacity:0}}@media(max-width:500px){.product-features .first img{height:200px}.product-features .second,.product-features .second .annotated-image,.product-features .second .annotated-image img{width:100%}}