@layer components{:root{--transition-easing: cubic-bezier(.4, 0, .2, 1)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(.8)}}.product-hotspot{position:absolute;z-index:3;border-radius:50%;width:30px;height:30px}.product-hotpot__icon{cursor:pointer;border-radius:50%;width:100%;height:100%}.product-hotspot__icon-inner{position:absolute;bottom:50%;left:50%;transform:scale(1) translate(-50%,50%);transition:transform .15s var(--transition-easing);border-radius:50%;background-color:#fff;width:14px;height:14px}.product-hotspot--active .product-hotspot__icon-inner{transform:scale(.7) translate(-70%,70%)}.product-hotspot__icon-background{animation:pulse .8s cubic-bezier(.42,0,.58,1) .1s infinite alternate both running;transition:background-color .15s var(--transition-easing),box-shadow .15s var(--transition-easing);outline:none;box-shadow:none;border-radius:50%;background-color:#0006;width:100%;height:100%}.product-hotspot--active .product-hotspot__icon-background{animation-play-state:paused;box-shadow:0 0 0 2px #fff inset,0 1px 4px #00000026;background-color:#0009}.product-hotspot__icon-background,.product-hotspot__icon-inner{display:block}.product-hotspot__tooltip{position:absolute;opacity:0;transition:opacity .25s var(--transition-easing),margin-top .25s var(--transition-easing);margin-top:0;box-shadow:0 1px 4px #00000026;width:250px;pointer-events:none}.product-hotspot--active .product-hotspot__tooltip{opacity:1;z-index:4;margin-top:20%;pointer-events:all}@media screen and (min-width: 768px){.product-hotspot__tooltip{width:270px}}}
/*# sourceMappingURL=/cdn/shop/t/467/assets/product-hotspot.css.map */