.image-hotspot{position:relative;max-width:100%;margin:0 auto;overflow:hidden;display:block}.image-hotspot .image-hotspot--inner{position:relative;display:block;width:100%}.image-hotspot .image-hotspot--inner img{width:100%;height:auto;display:block}.image-hotspot .hotspot-item{position:absolute;transform:translate(-50%,-50%);z-index:20;cursor:pointer;-webkit-user-select:none;user-select:none;transition:z-index .2s}.image-hotspot .hotspot-item-icon{width:2.4rem;height:2.4rem;border-radius:50%;background:#fffffff2;box-shadow:0 0 0 3px #2e282e73;display:flex;align-items:center;justify-content:center}.image-hotspot .hotspot-item-icon span{width:1.7rem;height:1.7rem;background:#2e282e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.image-hotspot .hotspot-bubble{background:#fff;border-radius:14px;box-shadow:0 15px 40px #00000040;padding:.7rem .8rem;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;z-index:50;text-align:left}.image-hotspot .bubble-right{position:absolute;left:100%;top:50%;transform:translate(25px,-50%);width:280px}.image-hotspot .bubble-left{position:absolute;right:100%;top:50%;transform:translate(-25px,-50%);width:280px}@media(min-width:750px){.image-hotspot .hotspot-item:hover .hotspot-bubble{opacity:1;visibility:visible;pointer-events:all}.image-hotspot .hotspot-item:hover{z-index:60}}.image-hotspot .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.image-hotspot .modal-overlay.show{opacity:1;visibility:visible}.image-hotspot .modal-bubble{background:#fff;border-radius:18px;box-shadow:0 20px 50px #0000004d;width:90%;max-width:340px;padding:2.2rem 1.8rem 1.8rem;position:relative;transform:scale(.85);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.image-hotspot .modal-overlay.show .modal-bubble{transform:scale(1)}.image-hotspot .modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#f1f1f1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#333;cursor:pointer;z-index:10}.image-hotspot .modal-close:hover{background:#e5e5e5}.image-hotspot .modal-content h3{margin:0 0 12px;font-size:1.35rem;color:#2e282e}.image-hotspot .modal-content p{margin:0;font-size:1rem;line-height:1.5;color:#555}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hotspot.css.map */