.product-hotspots{position:relative}.product-hotspots{background-image:url(/cdn/shop/files/Clair-Logo_797dc70d-39d2-45a3-9411-c4b8a6bea921.svg?v=1747049711);background-repeat:no-repeat;background-attachment:unset;background-position:100% 75%}.product-hotspots__container{margin:0 auto;max-width:267px}.product-hotspots .title-wrapper{text-align:center;margin-bottom:-30px}.product-hotspots h2.title.h1{font-size:120px;font-style:normal;font-weight:500;line-height:100%;letter-spacing:-3.6px;margin:0}.product-hotspots__image-wrapper{position:relative;width:100%;margin:0 auto;max-width:267px}.product-hotspots__image{display:block;width:100%;height:auto;max-width:267px;pointer-events:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.product-hotspot{position:absolute;z-index:2;transform:translate(-50%,-50%)}.product-hotspot__button{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:none;border-radius:50%;background-color:#fff;color:inherit;cursor:pointer;box-shadow:0 2px 10px #0003;transition:transform .3s ease,box-shadow .3s ease;overflow:visible;z-index:3}.product-hotspot__button:hover,.product-hotspot__button:focus{transform:scale(1.1);box-shadow:0 4px 15px #00000040}.product-hotspot__button:before,.product-hotspot__button:after{content:"";position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.product-hotspot__button:before{width:200%;height:200%;background-color:#fff9;z-index:-2;animation:pulse-outer 3s infinite}.product-hotspot__button:after{width:150%;height:150%;background-color:#fffc;z-index:-1;animation:pulse 2s infinite}.product-hotspot__icon{position:relative;display:block;width:24px;height:24px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:4}.product-hotspot__icon .icon{width:100%;height:100%;display:block;stroke-width:2;stroke:currentColor;transition:all .3s ease}.product-hotspot__icon .icon-close{position:absolute;top:0;left:0;opacity:0;transform:rotate(-45deg) scale(.7)}.product-hotspot__icon .icon-plus{opacity:1;transform:rotate(0) scale(1)}.product-hotspot.is-active .icon-plus{opacity:0;transform:rotate(90deg) scale(.7)}.product-hotspot.is-active .icon-close{opacity:1;transform:rotate(0) scale(1)}.product-hotspot__tooltip{position:absolute;width:300px;padding:20px;background:#fff;border:1px solid #fff;box-shadow:0 4px 12px #363c490d;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:3;text-align:left}.tooltip-position-top{bottom:100%;left:50%;transform:translate(-50%) translateY(-15px) scale(.9)}.product-hotspot.is-active .tooltip-position-top{opacity:1;transform:translate(-50%) translateY(-15px) scale(1);pointer-events:auto}.tooltip-position-bottom{top:100%;left:50%;transform:translate(-50%) translateY(15px) scale(.9)}.product-hotspot.is-active .tooltip-position-bottom{opacity:1;transform:translate(-50%) translateY(15px) scale(1);pointer-events:auto}.product-hotspot .tooltip-position-left{top:50%;right:100%;left:auto;transform:translate(-15px) translateY(-50%) scale(.9)!important;margin-right:15px}.product-hotspot.is-active .tooltip-position-left{opacity:1;transform:translate(-15px) translateY(-50%) scale(1)!important;pointer-events:auto}.tooltip-position-right{position:absolute;top:50%;left:100%;transform:translate(25px) translateY(-50%) scale(.9);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.product-hotspot.is-active .tooltip-position-right{opacity:1;transform:translate(25px) translateY(-50%) scale(1);pointer-events:auto}.product-hotspot__tooltip-icon{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:20px}.product-hotspot__tooltip-icon img{width:72px;height:72px;object-fit:contain}.product-hotspot__tooltip-heading{margin:0 0 10px;font-family:Playfair Display,serif;font-size:28px;font-style:normal;font-weight:500;line-height:120%;letter-spacing:-.84px}.product-hotspot__tooltip-text{font-family:Montserrat,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:-.8px;color:#363c49}.product-hotspot__tooltip-text p{margin:0}@keyframes pulse{0%{width:100%;height:100%;opacity:.8}to{width:150%;height:150%;opacity:0}}@keyframes pulse-outer{0%{width:120%;height:120%;opacity:.6}to{width:200%;height:200%;opacity:0}}@media screen and (max-width: 989px){.product-hotspot__button{width:40px;height:40px}.product-hotspot__icon{width:20px;height:20px}.product-hotspot__tooltip{width:260px;padding:15px}.tooltip-position-left,.tooltip-position-right{position:absolute!important;top:auto!important;bottom:100%!important;left:50%!important;right:auto!important;transform:translate(-50%) translateY(-15px)!important;margin-right:0!important;margin-left:0!important;transition:none!important;transform-origin:center bottom!important;opacity:0}.product-hotspot.is-active .tooltip-position-left,.product-hotspot.is-active .tooltip-position-right{opacity:1;transform:translate(-50%) translateY(-15px)!important;pointer-events:auto;transition:none!important}.product-hotspot__tooltip-icon img{width:50px;height:50px}.product-hotspot__tooltip-heading{font-size:22px;letter-spacing:-.66px}.product-hotspot__tooltip-text{font-size:16px;letter-spacing:-.64px}}@media screen and (min-width: 990px){.product-hotspot[style*=left] .tooltip-position-right{position:absolute;top:50%;left:100%;transform:translate(25px) translateY(-50%) scale(.9);opacity:0;z-index:3}.product-hotspot.is-active[style*=left] .tooltip-position-right{opacity:1;transform:translate(25px) translateY(-50%) scale(1);pointer-events:auto}.product-hotspot .tooltip-position-left{top:50%;right:100%;left:auto;transform:translate(-15px) translateY(-50%) scale(.9)!important;margin-right:15px}.product-hotspot.is-active .tooltip-position-left{transform:translate(-15px) translateY(-50%) scale(1)!important}}@media screen and (min-width: 990px){.product-hotspot[style*="top: 25%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 24%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 23%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 22%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 21%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 20%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 19%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 18%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 17%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 16%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 15%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 14%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 13%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 12%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 11%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 10%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 9%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 8%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 7%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 6%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 5%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 4%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 3%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 2%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 1%"] .product-hotspot__tooltip,.product-hotspot[style*="top: 0%"] .product-hotspot__tooltip{bottom:auto;top:calc(100% + 15px)}.product-hotspot[style*="top: 25%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 24%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 23%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 22%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 21%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 20%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 19%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 18%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 17%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 16%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 15%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 14%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 13%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 12%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 11%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 10%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 9%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 8%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 7%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 6%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 5%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 4%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 3%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 2%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 1%"] .product-hotspot__tooltip:after,.product-hotspot[style*="top: 0%"] .product-hotspot__tooltip:after{bottom:100%;top:auto;border-color:transparent transparent var(--gradient-background) transparent}}@media (max-width: 750px){.product-hotspots h2.title.h1{font-size:80px;font-weight:500;line-height:100%;letter-spacing:-2.4px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-product-hotspots.css.map */