@keyframes pulse{0%{box-shadow:0 0 rgba(var(--hotspot-color)/.7)}to{box-shadow:0 0 0 12px rgba(var(--hotspot-color)/0)}}.hotspot{transform:translate(-50%,-50%)}.hotspot.is-active{z-index:31}.hotspot__btn{width:32px;height:32px;transition:transform .3s,opacity .3s;border:4px solid rgb(var(--text-color));border-radius:50%;opacity:.6;background-color:rgb(var(--hotspot-color, 255 255 255))}.hotspot__btn:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;animation:pulse 2.5s cubic-bezier(.1,.5,.3,1) infinite;border-radius:50%}.is-active>.hotspot__btn,.hotspot__btn:hover{opacity:1}.is-active>.hotspot__btn:before,.hotspot__btn:hover:before{animation:none}.is-active>.hotspot__btn{transform:rotate(45deg)}.hotspot__btn>.icon{width:18px;height:18px;margin:2px;stroke-width:2px;stroke:var(--hotspot-cross-color, #000)}.hotspot__card{visibility:hidden;top:calc(100% + 12px);left:50%;width:272px;padding:16px;transform:translate(-50%);transition:visibility 0s .3s,opacity .3s;opacity:0;background-color:rgba(var(--bg-color));box-shadow:-4px 0 12px #0003;color:rgb(var(--text-color))}.is-active>.hotspot__card{visibility:visible;transition:visibility 0s,opacity .3s;opacity:1}.cc-product-features{position:relative;z-index:3}.shoppable-image__image,.product-features{z-index:1}.product-features__text .card__info{padding:calc(6 * var(--space-unit)) calc(6 * var(--space-unit)) calc(8 * var(--space-unit)) calc(6 * var(--space-unit))}.hotspot__btn{border:0;opacity:1;background-color:rgb(var(--hotspot-color, 255 255 255))}.hotspot__card .card__vendor{font-size:.88em}.hotspot__card .card-link{display:inline-block;position:relative;width:100%;padding-inline-end:30px;font-size:var(--h6-font-size)}.hotspot__card .card-link:before{content:"";position:absolute;top:50%;right:0;width:24px;height:24px;transform:translateY(-50%);transition:background-color .2s ease;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='currentColor' stroke-width='1.5' fill='none'><path d='M4.696 12h14.686m-7.007-7.5 7.5 7.5-7.5 7.5'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='currentColor' stroke-width='1.5' fill='none'><path d='M4.696 12h14.686m-7.007-7.5 7.5 7.5-7.5 7.5'/></svg>")}[dir=rtl] .hotspot__card .card-link:before{right:auto;left:0;transform:translateY(-50%) scaleX(-1)}.hotspot__card hr{margin-top:calc(2 * var(--space-unit));margin-bottom:calc(2 * var(--space-unit))}.hotspot__card{padding:calc(5 * var(--space-unit));transform:translate(-50%) scale(.8);transition:visibility 0s .3s,opacity .3s,transform .3s}.is-active>.hotspot__card{transform:translate(-50%) scale(1);transition:visibility 0s,opacity .3s,transform .3s}.hotspot__dot{display:none}@media(max-width:768px){.hotspot__btn{width:14px;height:14px;border:none;opacity:1;background-color:#0006}.hotspot__btn:before{display:none}.is-active>.hotspot__btn,.hotspot__btn:hover{background-color:#000000bf}.hotspot__btn>.icon{display:none}.hotspot__dot{display:block;position:absolute;top:9.5px;left:50%;width:8px;height:8px;background-color:#fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}}@media(min-width:769px){.hotspot__btn{width:24px;height:24px}.hotspot__card{padding:calc(6 * var(--space-unit))}.hotspot__card--wide{width:344px}}@media(min-width:1024px){.shoppable-image{display:flex}.shoppable-image__image{flex:1 1 auto}.shoppable-image__text{flex:0 0 calc((100% - var(--column-gap) * 4) / 3)}.shoppable-image__text .card__info{padding:calc(8 * var(--space-unit))}}@media(min-width:1280px){.shoppable-image__text .card__info{padding:calc(10 * var(--space-unit))}}.hotspot--edge-start .hotspot__card{left:0;transform:scale(.8);transform-origin:left top}.hotspot--edge-start.is-active>.hotspot__card{transform:scale(1);transform-origin:left top}.hotspot--edge-end .hotspot__card{left:auto;right:0;transform:scale(.8);transform-origin:right top}.hotspot--edge-end.is-active>.hotspot__card{transform:scale(1);transform-origin:right top}
/*# sourceMappingURL=/cdn/shop/t/14/assets/hotspots-image.css.map */