.image-text-with-hotspot-wrapper .gradient{background:var(--rose)}.image-text-with-hotspot .hotspot-wrapper{position:absolute;z-index:1}.image-text-with-hotspot .hotspot-wrapper+.hotspot-wrapper{z-index:0}.image-text-with-hotspot .hotspot svg{width:16px;height:16px;vertical-align:middle}.image-text-with-hotspot .hotspot{border:0;padding:0;background:transparent;cursor:pointer;position:relative;animation:zoom-in-zoom-out 2s ease-in-out infinite;z-index:1111}.image-text-with-hotspot .hotspot .hotspot-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;z-index:1}.image-text-with-hotspot .hotspot:after{width:28px;height:28px;border-radius:50%;position:absolute;content:"";background:var(--l-green);top:50%;left:50%;transform:translate(-50%,-50%)}.image-text-with-hotspot .hotspot:before{width:50px;height:50px;border-radius:50%;opacity:.2;position:absolute;content:"";background:var(--rose);top:50%;left:50%;transform:translate(-50%,-50%)}.image-text-with-hotspot .hotspot-wrapper{overflow:visible}.image-text-with-hotspot .hotspot:hover{animation-play-state:paused}.image-text-with-hotspot .hotspot-content-wrapper{background:var(--p-bg);border-radius:20px;padding:15px;min-width:252px;position:absolute;width:100%;top:50%;transition:.2s all ease-in-out;z-index:-1;transform:translateY(-50%);opacity:0;visibility:hidden}.image-text-with-hotspot .hotspot-content-wrapper.left-side{left:calc(100% + .7rem)}.image-text-with-hotspot .hotspot-content-wrapper.right-side{right:calc(100% + .7rem)}.image-text-with-hotspot .hotspot-content img{width:100%;height:auto;border-radius:10px;vertical-align:middle}.image-text-with-hotspot .hotspot-img-wrapper{display:block}.image-text-with-hotspot h3.hotspot-title{font-size:var(--base-m-size);font-family:var(--body-font);font-weight:var(--bold-weight);margin:18px 0 0;line-height:normal}.hotspot-text p{margin-top:10px;font-size:calc(var(--base-size) - 1px);color:var(--dk-blue);line-height:18px}.image-text-with-hotspot .hotspot-wrapper .active+.hotspot-content-wrapper{opacity:1;visibility:visible}.image-text-with-hotspot-wrapper{position:relative;z-index:1;overflow-x:hidden}.hotspot-icon-minus,.active .hotspot-icon-plus{display:none}.active .hotspot-icon-minus{display:block}.image-text-with-hotspot .hotspot-wrapper.activate,.image-text-with-hotspot .hotspot-wrapper.active-tab{z-index:6}@keyframes zoom-in-zoom-out{0%{transform:scale(1.2)}50%{transform:scale(1)}to{transform:scale(1.2)}}@media (max-width: 1200px){.image-text-with-hotspot .hotspot-content-wrapper{min-width:200px}}@media (max-width: 719px){.image-text-with-hotspot .hotspot-content-wrapper.right-side{top:120%}.image-text-with-hotspot .hotspot:before{width:25px;height:25px}.image-text-with-hotspot .hotspot:after{width:16px;height:16px}.image-text-with-hotspot .hotspot .hotspot-icon{width:16px;height:16px}.image-text-with-hotspot .hotspot svg{width:10px;height:10px;position:relative;top:-1px}.image-text-with-hotspot .hotspot-content-wrapper{min-width:190px}.hotspot-text p{margin-bottom:0}}@media (max-width: 370px){.image-text-with-hotspot .hotspot-content-wrapper.left-side,.image-text-with-hotspot .hotspot-content-wrapper.right-side{min-width:160px}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/image-text-hotspot.css.map */