.click-spots{overflow:hidden;position:relative;max-width:100%}.click-spots--hidden-desktop,.click-spots--hidden-mobile{display:none}.click-spots__background-image{line-height:0}.click-spots .click-spot{position:absolute;cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none}.click-spots .click-spot.active .click-spot__circle--front{transform:scale(1)}.click-spots .click-spot.active .click-spot__product-container{opacity:1;transform:scale(1)}.click-spots .click-spot__product{z-index:20;position:absolute;background-color:rgb(var(--color-background));padding:1.6rem;border-radius:1.6rem;box-shadow:0 .2rem 1.6rem 0 rgba(var(--color-shadow), 0.2)}.click-spots .click-spot__product-title{position:relative;z-index:30;white-space:nowrap;color:rgb(var(--color-foreground))}.click-spots .click-spot__product:after{z-index:25;content:"";position:absolute;width:3rem;height:3rem;background-color:rgb(var(--color-background));border-radius:.4rem;transform:translate(-50%, -50%) rotate(45deg)}.click-spots .click-spot__product--top{bottom:0;left:0;transform:translate(-50%, -4rem)}.click-spots .click-spot__product--top:after{bottom:1rem;left:50%;transform:translate(-50%, 50%) rotate(45deg)}.click-spots .click-spot__product--right{top:0;left:0;transform:translate(4rem, -50%)}.click-spots .click-spot__product--right:after{top:50%;left:1rem;transform:translate(-50%, -50%) rotate(45deg)}.click-spots .click-spot__product--bottom{top:0;left:0;transform:translate(-50%, 4rem)}.click-spots .click-spot__product--bottom:after{top:1rem;left:50%;transform:translate(-50%, -50%) rotate(45deg)}.click-spots .click-spot__product--left{top:0;right:0;transform:translate(-4rem, -50%)}.click-spots .click-spot__product--left:after{top:50%;right:1rem;transform:translate(50%, -50%) rotate(45deg)}.click-spots .click-spot__circle{z-index:5;position:absolute;background-color:rgb(var(--color-background));border-radius:50%;top:calc(var(--circle-size)/-2);left:calc(var(--circle-size)/-2);width:var(--circle-size);height:var(--circle-size)}.click-spots .click-spot__circle--back{--circle-size: 4.8rem;opacity:.5;animation:pulse 4s infinite ease-in-out}.click-spots .click-spot__circle--front{--circle-size: 3.2rem;transform:scale(0.5);transition:transform .1s ease-in-out}.click-spots .click-spot__product-container{position:relative;transform:scale(0.5);opacity:0;transition:transform .1s ease-in-out,opacity .1s ease-in-out;z-index:10}.click-spots .click-spot__catcher{position:absolute;top:-3.5rem;left:-3.5rem;width:7rem;height:7rem;z-index:100}@media screen and (min-width: 750px){.click-spots--hidden-mobile{display:block}}@media screen and (max-width: 749px){.click-spots--hidden-desktop{display:block}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}