.ec-hotspot-wrapper{position:absolute;z-index:5}.ec-hotspot{width:40px;height:40px;border-radius:900px;background:#1f1f1fcc;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;color:#fff;padding:8px;box-sizing:border-box}.ec-hotspot.is-active{background:#0009;border:.5px solid #f1e7da;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.ec-hotspot__icon{display:block;flex-shrink:0}.ec-hotspot .ec-hotspot__icon--mobile{display:none}@media screen and (max-width:749px){.ec-hotspot-wrapper.is-active .ec-hotspot__icon--desktop{display:none}.ec-hotspot-wrapper.is-active .ec-hotspot__icon--mobile{display:block}}.ec-hotspot-card{position:absolute;left:calc(100% + 16px);top:0;width:263px;background:#000000b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:.5px solid #f1e7da;border-radius:4px;padding:16px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.ec-hotspot-wrapper.is-active .ec-hotspot-card{opacity:1;pointer-events:all}.ec-hotspot-wrapper.opens-left .ec-hotspot-card{left:auto;right:calc(100% + 16px)}.ec-hotspot-wrapper.opens-up .ec-hotspot-card{top:auto;bottom:0}@media(hover:hover){.ec-hotspot-wrapper:hover .ec-hotspot-card{opacity:1;pointer-events:all}.ec-hotspot-wrapper:hover .ec-hotspot{background:#0009;border:.5px solid #f1e7da;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}.ec-hotspot-card__inner{display:flex;gap:8px;align-items:flex-start}.ec-hotspot-card__img{width:75px;height:75px;object-fit:contain;flex-shrink:0;background:#f2f2f2}.ec-hotspot-card__info{flex:1;display:flex;flex-direction:column;gap:8px}.ec-hotspot-card__title,.ec-hotspot-card__price{font-family:Figtree,sans-serif;font-weight:400;font-size:14px;line-height:1.3;color:#f1e7da;margin:0}.ec-hotspot-card__action{margin-top:12px}.ec-quick-add-btn{font-family:Figtree,sans-serif;font-weight:400;font-size:14px;color:#f1e7da;background:transparent;border:.5px solid #f1e7da;padding:6px 12px;cursor:pointer;width:100%;transition:opacity .2s;text-align:center;text-decoration:none;display:block;box-sizing:border-box}.ec-quick-add-btn:disabled{opacity:.5;cursor:default}@media screen and (max-width:749px){.ec-hotspot-card{position:fixed;left:16px;right:16px;bottom:16px;top:auto;width:auto;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/486/assets/hotspot.css.map */