.interactive-image{position:relative;display:flex}.interactive-image img{max-width:100%;height:auto;object-fit:cover}.interactive-image .hot-spot{position:absolute;transform:translate(-50%,-50%)}.hot-spot__content{position:absolute;background-color:var(--color-base-white);opacity:0;visibility:hidden;width:25rem}.hot-spot__content--copy{padding:var(--layout-space-10);padding-top:var(--layout-space-15)}.interactive-image img+.hot-spot__content--copy{padding-top:var(--layout-space-10)}.hot-spot__content--close{position:absolute;top:5px;right:5px;height:30px;width:30px;padding:6px;cursor:pointer;background-color:var(--color-base-white);box-shadow:0 0 5px #0000001a;border-radius:50%}.hot-spot__content--close svg{height:100%;width:100%}.hot-spot__content.active{opacity:1;visibility:visible;z-index:20}.hot-spot__content .hot-spot__content-heading{margin:0;margin-bottom:var(--layout-space-5);font-size:2rem;font-weight:var(--font-weight-normal);color:var(--color-base-sage);text-align:center}.hot-spot__content p{margin:0;font-size:1.4rem;color:var(--color-base-sage);text-align:center;position:relative}.hot-spot__content:before{position:absolute;content:"";color:var(--color-base-white);border-top:2rem solid transparent;border-bottom:2rem solid transparent;border-right:2rem solid white;right:-2rem;top:50%;transform:translateY(-2rem) rotate(180deg);opacity:1;width:2rem}.hot-spot__trigger{height:var(--layout-space-20);width:var(--layout-space-20);background:#f8927b!important;opacity:.8;border-radius:50%;position:relative;cursor:pointer}.hot-spot__trigger:before{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);height:var(--layout-space-14);width:var(--layout-space-14);background:#ffffff80;box-shadow:0 0 5px #0000001a;border-radius:50%;cursor:pointer}.hot-spot__content.left{position:absolute;left:calc(-100% - 23.5rem);transform:translateY(calc(-50% - 2rem))}.hot-spot__content.right{position:absolute;right:calc(-100% - 23.5rem);transform:translateY(calc(-50% - 2rem))}.hot-spot__content.right:before{right:auto;left:-2rem;transform:translateY(-2rem) rotate(0)}.hot-spot__content.top{position:absolute;bottom:calc(100% + 2.5rem);transform:translate(calc(-50% + 1rem))}.hot-spot__content.top:before{top:auto;bottom:-3rem;left:50%;transform:rotate(-90deg)}.hot-spot__content.bottom{position:absolute;top:calc(100% + 2.5rem);transform:translate(calc(-50% + 1rem))}.hot-spot__content.bottom:before{top:-3rem;bottom:auto;left:50%;transform:rotate(90deg)}.test{display:block!important;height:10px;width:10px;background-color:red;border-radius:50%;position:absolute;left:5%;top:5%;transform:translate(-50%,-50%)}@media (max-width: 749px){.hot-spot__content{width:20rem}.hot-spot__trigger{height:var(--layout-space-16);width:var(--layout-space-16)}.hot-spot__trigger:before{height:var(--layout-space-10);width:var(--layout-space-10)}.hot-spot__content.left{position:absolute;left:calc(-100% - 19rem);transform:translateY(calc(-50% - 1.6rem))}.hot-spot__content.right{position:absolute;right:calc(-100% - 19rem);transform:translateY(calc(-50% - 1.6rem))}.hot-spot__content.right:before{right:auto;left:-1.6rem;transform:translateY(-2rem) rotate(0)}.hot-spot__content.top{position:absolute;bottom:calc(100% + 2.5rem);transform:translate(calc(-50% + .6rem))}.hot-spot__content.bottom{position:absolute;top:calc(100% + 2rem);transform:translate(calc(-50% + .6rem))}.hot-spot__content.bottom:before{top:-3rem;bottom:auto;left:50%;transform:rotate(90deg)}}.section-interactive-image{position:relative;z-index:2}.section-interactive-image>div{padding:var(--layout-space-15) var(--layout-space-10)}.section-interactive-image>div>h2{margin-bottom:var(--layout-space-5)}.section-interactive-image>div>p{margin:0}
/*# sourceMappingURL=/cdn/shop/t/667/assets/interactive-image.css.map */