@keyframes pulse{0%{box-shadow:0 0 rgba(var(--hotspot-color)/.7)}to{box-shadow:0 0 0 7px rgba(var(--hotspot-color)/0)}}.hotspot{transform:translate(-50%,-50%)}.hotspot.is-active{z-index:31}.hotspot__btn{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;transition:transform .3s,opacity .3s;border:4px solid rgb(var(--text-color));border-radius:50%;background-color:rgb(var(--hotspot-color));color:rgb(var(--color-dark-green))}.hotspot__btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;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:12px;height:12px;margin:2px;stroke-width:2px;stroke:var(--hotspot-cross-color)}.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{--element-margin-bottom: 2em}.shoppable-image__image,.product-features{z-index:1}@media (max-width: 1023.98px){.shoppable-image__image{margin-bottom:var(--shoppable-image-gap)}}.shoppable-image .section__block--heading{font-weight:700;font-size:min(calc(2.6px * var(--body-font-size)),7vw);line-height:1em;letter-spacing:-.02em}.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:.7;background-color:rgb(var(--hotspot-color))}.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}.shoppable-image__badge{position:absolute;transform:translate(-50%,-50%) rotate(var(--badge-rotate));width:min(25%,110px);top:calc((100vw - var(--gutter)) / var(--shoppable-image-aspect-ratio) - var(--column-gap) / 2);left:var(--badge-position-x)}.shoppable-image__badge svg,.shoppable-image__badge img{width:100%;height:auto}@media (min-width: 769px){.hotspot__btn{width:24px;height:24px}.hotspot__card{padding:calc(6 * var(--space-unit))}.hotspot__card--wide{width:344px}.shoppable-image .card.color-scheme .card__info{padding:calc(14 * var(--space-unit)) calc(8 * var(--space-unit))}}@media (min-width: 1024px){.shoppable-image{display:flex;gap:var(--shoppable-image-gap)}.shoppable-image .section__block--heading{font-weight:800;font-size:calc(7vw * var(--content-width))}.shoppable-image__image{flex:1 1 auto}.shoppable-image__text{flex:0 0 calc(100% * var(--content-width, .34) - var(--shoppable-image-gap, 0))}.shoppable-image__text .card__info,.shoppable-image .card.color-scheme .card__info{padding:calc(8 * var(--space-unit))}.shoppable-image__badge{width:max(8.34%,110px)}.shoppable-image.image_last .shoppable-image__badge{left:calc(-1 * var(--column-gap) / 2);top:var(--badge-position-y)}.shoppable-image.image_first .shoppable-image__badge{right:calc(var(--column-gap) / 2);top:var(--badge-position-y)}}@media (min-width: 1280px){.shoppable-image__text .card__info{padding:calc(10 * var(--space-unit))}.shoppable-image .card.color-scheme .card__info{padding-top:calc(12 * var(--space-unit))}.shoppable-image .section__block--heading{font-weight:800;font-size:min(calc(8vw * var(--content-width)),54px)}}.shoppable-image__image img,.shoppable-image__text .card{border-radius:var(--overlay-border-radius, 0)}.shoppable-image .card__info img{margin-bottom:var(--element-margin-bottom, 2em)}#main-content .cc-shoppable-image:first-child .section{margin-top:30px}.cc-shoppable-image .btn--arrow-with-text{letter-spacing:.11em}@media (min-width: 1024px) and (max-width: 1279.98px){.cc-shoppable-image .btn--arrow-with-text{letter-spacing:0}}@media (min-width: 1536px){.shoppable-image .card.color-scheme .card__info{padding-top:calc(17.5 * var(--space-unit))}}@media (min-width: 1536px){.shoppable-image .section__block--heading{font-size:54px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hotspots-image.css.map */