.new-image-hotspot{position:relative;max-width:100%;margin:0 auto;overflow:hidden;display:block}.new-image-hotspot .image-hotspot--inner{position:relative;display:block;width:100%}.new-image-hotspot .image-hotspot--inner img{width:100%;height:auto;display:block}.new-image-hotspot .new-hotspot-item{position:absolute;transform:translate(-50%,-50%);z-index:20;cursor:pointer;-webkit-user-select:none;user-select:none;transition:z-index .2s}.new-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}.new-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}.new-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}.new-image-hotspot .bubble-right{position:absolute;left:100%;top:50%;transform:translate(25px,-50%);width:280px}.new-image-hotspot .bubble-left{position:absolute;right:100%;top:50%;transform:translate(-25px,-50%);width:280px}@media(min-width:750px){.new-image-hotspot .new-hotspot-item:hover .hotspot-bubble{opacity:1;visibility:visible;pointer-events:all}.new-image-hotspot .new-hotspot-item:hover{z-index:60}}.new-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}.new-image-hotspot .modal-overlay.show{opacity:1;visibility:visible}.new-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)}.new-image-hotspot .modal-overlay.show .modal-bubble{transform:scale(1)}.new-image-hotspot .modal-close{position:absolute;top:12px;right:12px;width:35px;height:35px;background:#f1f1f1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:#333;cursor:pointer;z-index:10}.new-image-hotspot .modal-close:hover{background:#e5e5e5}.new-image-hotspot .modal-content h3{margin:0 0 12px;font-size:2rem;color:#2e282e}.new-image-hotspot .modal-content p{margin:0;font-size:1.7rem;line-height:1.5;color:#555}
/*# sourceMappingURL=/cdn/shop/t/6/assets/new-hotspot.css.map */