hotspot-items{--hotspot-icon-size:2.4rem;--hotspot-hit-size:4.8rem;--hotspot-icon-url:url(//stylecraftus.com/cdn/shop/t/2/assets/dot.png?v=7138498378348514281779804458);--hotspot-content-gap:1rem;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;z-index:4;pointer-events:none}hotspot-items .hotspot{position:absolute;left:var(--position-x);top:var(--position-y);transform:translate(-50%,-50%);pointer-events:auto}hotspot-items .hotspot .hotspot-btn{display:block;position:relative;width:var(--hotspot-hit-size);height:var(--hotspot-hit-size);padding:0;border:1px solid var(--scheme-highlights);border-radius:50%;background:transparent var(--hotspot-icon-url) center / var(--hotspot-icon-size) var(--hotspot-icon-size) no-repeat}hotspot-items .hotspot .hotspot-btn:before,hotspot-items .hotspot .hotspot-btn:after{display:none}hotspot-items .hotspot .hotspot-content{position:absolute;top:50%;left:auto;width:max-content;max-width:min(27rem,calc(100vw - 2rem));transform:translateY(calc(-50% + var(--hotspot-shift-y, 0px))) translate(var(--hotspot-shift-x, 0px));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease;overflow:hidden;background:var(--background-color);border:2px solid var(--border_color);border-radius:1.2rem;color:var(--text_color);z-index:101;padding:1.2rem}@media(hover:hover){hotspot-items .hotspot:hover .hotspot-content{opacity:1;visibility:visible;pointer-events:auto}}hotspot-items .hotspot.active .hotspot-content{opacity:1;visibility:visible;pointer-events:auto}hotspot-items .hotspot .hotspot-content.content-left{right:calc(100% + var(--hotspot-content-gap))}hotspot-items .hotspot .hotspot-content.content-right{left:calc(100% + var(--hotspot-content-gap))}hotspot-items .hotspot .hotspot-content-inner{text-align:left}hotspot-items .hotspot-image{display:block;width:100%;border-radius:8px;margin-bottom:12px}hotspot-items .hotspot .hotspot-content-inner .title{font-size:1.4rem;margin-bottom:1rem}@media(max-width:66em){hotspot-items .hotspot .hotspot-content{max-width:min(18rem,calc(100vw - 1rem))}hotspot-items .hotspot .hotspot-content-inner{padding:.75rem}hotspot-items .hotspot .hotspot-content.content-left{right:calc(100% + 1rem)}hotspot-items .hotspot .hotspot-content.content-right{left:calc(100% + 1rem)}}hotspot-items .hotspot:hover,hotspot-items .hotspot.active{z-index:100}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hotspot_items.css.map */