.hot-spots-grid{display:grid}.hot-spot-wrapper{position:relative}.hot-spot-wrapper.round-enabled>.media-wrapper{border-radius:var(--block-card-radius)}.hot-spot-hover{display:block;top:var(--hotspot-vertical, 0px);left:var(--hotspot-horizotal, 0px);position:absolute}.hot-spot-button{width:var(--hotspot-size);height:var(--hotspot-size);border-radius:50%;place-items:center;transition:transform .2s ease-in-out;display:grid;position:relative;border:0;cursor:pointer;transition:all .5s ease-in-out;padding:0}.hot-spot-button>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:rgba(var(--color-background-hotspot));color:rgba(var(--color-text-hotspot));transition:all .5s ease-in-out;position:relative;padding:5px}.hot-spot-button:before{content:"";box-sizing:content-box;padding:15px;background:radial-gradient(55% 45% at 45% 55%,rgba(var(--color-background-hotspot) / 0),rgba(var(--color-background-hotspot) / .5));border-radius:inherit;width:100%;height:100%;animation:1s ease-in-out infinite alternate hotspot;position:absolute}.hot-spot-wrapper .media-wrapper img{opacity:1}@keyframes hotspot{0%{transform:scale(1)}to{transform:scale(.8)}}.hot-spot-content-box{display:grid;grid-template-columns:32px 1fr;gap:16px;padding:10px;background-color:rgba(var(--color-background));border-radius:var(--card-radius);transition:all .5s ease-in-out}.hot-spot-hover .hot-spot-content-box{position:absolute;min-width:190px;max-width:190px;width:max-content;overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none}.hot-spot-content-box.top{top:calc(100% + 20px)}.hot-spot-content-box.bottom{bottom:calc(100% + 20px)}.hot-spot-content-box.left{left:0}.hot-spot-content-box.right{right:0}.hot-spot-content-box .hot-spot-image{max-width:32px;min-width:32px;height:32px;background-color:rbg(var(--color-media-background));border-radius:var(--card-radius);overflow:hidden}.hot-spot-content-box .hot-spot-image img{width:100%;height:100%;object-fit:cover}.hot-spot-hover:is(.active,:hover) .hot-spot-content-box{opacity:1;visibility:visible;pointer-events:all}.hot-spot-hover:is(.active,:hover) .hot-spot-button{transform:rotate(45deg)}.hot-spot-hover:is(.active,:hover) .hot-spot-button>span{color:rgba(var(--color-background-hotspot));background-color:rgba(var(--color-text-hotspot))}.hotspot-view-products{position:absolute;bottom:15px;right:15px;cursor:pointer;gap:14px}@media (min-width: 768px){.hot-spot-content-box{grid-template-columns:60px 1fr}.hot-spot-hover .hot-spot-content-box{min-width:300px;max-width:300px}.hot-spot-content-box .hot-spot-image{max-width:60px;min-width:60px;height:60px}}@media (max-width: 767px){.hot-spot-textbox>span{font-size:var(--text-size-small)}.hot-spot-button>span svg{width:80%;height:80%;min-width:80%}.hot-spot-textbox>a{font-size:var(--text-size-base)}.hot-spot-content-box.left{left:0}.hot-spot-content-box.right{right:0}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/hot-spots.css.map */