.hotspots{--hs-marker: var(--hotspots-marker-size-mobile, var(--hotspots-marker-size, 3.2rem));--hs-marker-bg: var(--hotspots-marker-bg, rgb(var(--color-background)));--hs-marker-color: var(--hotspots-marker-color, rgb(var(--color-foreground)));--hs-marker-radius: 50%;--hs-marker-shadow: 0 .2rem 1.2rem rgba(0, 0, 0, .22);display:block;min-width:0}@media screen and (min-width:750px){.hotspots{--hs-marker: var(--hotspots-marker-size, 3.2rem)}}.hotspots--shape-rounded{--hs-marker-radius: 28%}.hotspots--shape-square{--hs-marker-radius: .2rem}.hotspots--shadow-none{--hs-marker-shadow: none}.hotspots--shadow-strong{--hs-marker-shadow: 0 .6rem 2.4rem rgba(0, 0, 0, .38)}.hotspots__layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(26rem,100%),1fr));gap:1.2rem 1.6rem;container-type:inline-size;counter-reset:hotspot hotspot-card}.hotspots__image{grid-column:1 / -1;grid-row:1;position:relative;overflow:hidden;border-radius:var(--hotspots-radius, var(--media-container-radius, 0));background:rgba(var(--color-foreground),.04)}.hotspots__image--ratio{aspect-ratio:var(--hotspots-ratio)}.hotspots__image picture{display:block;height:100%}.hotspots__img{display:block;width:100%;height:auto}.hotspots__image--ratio .hotspots__img{height:100%;object-fit:cover}svg.hotspots__placeholder{aspect-ratio:3 / 2;height:100%;fill:rgba(var(--color-foreground),.35)}.hotspot{grid-column:1 / -1;grid-row:1;align-self:start;justify-self:start;position:relative;z-index:2;left:calc(var(--hotspot-x-mobile, 50) * 1%);top:calc(var(--hotspot-y-mobile, 50) * 1%);width:var(--hs-marker);height:var(--hs-marker);margin:calc(var(--hs-marker) / -2) 0 0 calc(var(--hs-marker) / -2);counter-increment:hotspot}.hotspot[data-open]{z-index:3}.hotspot__marker{position:relative;display:grid;place-items:center;width:100%;height:100%;padding:0;border:var(--hotspots-marker-border, 0 solid transparent);border-radius:var(--hs-marker-radius);background:var(--hotspot-bg, var(--hs-marker-bg));color:var(--hotspot-color, var(--hs-marker-color));box-shadow:var(--hs-marker-shadow);cursor:pointer;transition:transform .2s ease,background-color .2s ease,color .2s ease}.hotspot__marker:hover,.hotspot[data-open] .hotspot__marker{background:var(--hotspots-marker-bg-hover, var(--hotspot-bg, var(--hs-marker-bg)));color:var(--hotspots-marker-color-hover, var(--hotspot-color, var(--hs-marker-color)))}.hotspots--hover-zoom .hotspot__marker:hover,.hotspots--hover-zoom .hotspot[data-open] .hotspot__marker{transform:scale(1.12)}.hotspot__marker:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.hotspot__marker>*{display:none;grid-area:1 / 1}.hotspots--marker-dot .hotspot__dot,.hotspots--marker-thumbnail .hotspot:not(.hotspot--thumb) .hotspot__dot{display:block;width:36%;aspect-ratio:1;border-radius:50%;background:currentColor}.hotspots--anim-pulse .hotspot__marker:before,.hotspots--anim-ring .hotspot__marker:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--hotspot-bg, var(--hs-marker-bg));animation:hotspot-pulse 2.2s ease-out infinite}.hotspots--anim-ring .hotspot__marker:before{top:-.2rem;right:-.2rem;bottom:-.2rem;left:-.2rem;background:none;box-shadow:0 0 0 .2rem var(--hotspot-bg, var(--hs-marker-bg));animation-name:hotspot-ring}.hotspots--marker-icon .hotspot__icon{display:block;width:56%;height:56%;background:currentColor;-webkit-mask:var(--hotspots-icon) center / contain no-repeat;mask:var(--hotspots-icon) center / contain no-repeat}.hotspots .hotspot--own-icon .hotspot__marker>:not(.hotspot__icon){display:none}.hotspots .hotspot--own-icon .hotspot__marker>.hotspot__icon{display:block;width:56%;height:56%;background:none;-webkit-mask:none;mask:none}.hotspot__icon--own svg{display:block;width:100%;height:100%;fill:currentColor}.hotspots--marker-thumbnail .hotspot__thumb{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit}.hotspot__thumb img{display:block;width:100%;height:100%;object-fit:cover}.hotspot__label{position:absolute;top:50%;left:calc(100% + .8rem);display:none;max-width:min(20rem,35cqw);overflow:hidden;padding:.4rem 1rem;border-radius:10rem;font-size:1.3rem;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;color:var(--hotspot-color, var(--hs-marker-color));background:var(--hotspot-bg, var(--hs-marker-bg));box-shadow:var(--hs-marker-shadow);transform:translateY(-50%);pointer-events:none;transition:opacity .2s ease}.hotspot--left-mobile .hotspot__label{right:calc(100% + .8rem);left:auto}@media screen and (min-width:750px){.hotspot__label{max-width:min(20rem,45cqw)}.hotspot--left-mobile .hotspot__label{right:auto;left:calc(100% + .8rem)}.hotspot--left .hotspot__label{right:calc(100% + .8rem);left:auto}}.hotspot__label>*{display:none}.hotspots--label-price .hotspot__label:has(.hotspot__label-price),.hotspots .hotspot__label--custom{display:block}@media screen and (min-width:750px){.hotspots--label-title .hotspot__label:has(.hotspot__label-title){display:block}}.hotspots--label-title .hotspot__label-title,.hotspots--label-price .hotspot__label-price{display:inline}.hotspot[data-open] .hotspot__label{opacity:0}.hotspots--marker-plus .hotspot__plus{display:block;width:52%;height:52%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;transition:transform .25s ease}.hotspot[data-open] .hotspot__plus{transform:rotate(45deg)}.hotspots--marker-number .hotspot__number{display:block;font-weight:var(--font-body-weight-bold, 600);font-size:calc(var(--hs-marker) * .42);line-height:1}.hotspot__number:before{content:counter(hotspot)}.hotspot__popover{position:absolute;top:calc(100% + 1rem);left:calc(1.2rem + var(--hs-marker) / 2 - var(--hotspot-x-mobile, 50) * 1cqw);z-index:1;width:calc(100cqw - 2.4rem);padding:1.2rem;border-radius:var(--content-container-radius, 1.2rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 1.2rem 3.6rem #0000002e;text-align:start;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(.6rem);transition:opacity .2s ease,transform .2s ease,visibility .2s}.hotspot--above-mobile .hotspot__popover{top:auto;bottom:calc(100% + 1rem);transform:translateY(-.6rem)}.hotspot[data-open] .hotspot__popover{opacity:1;visibility:visible;pointer-events:auto;transform:none}.hotspot__close{position:absolute;top:.6rem;right:.6rem;display:grid;place-items:center;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:50%;background:none;color:rgba(var(--color-foreground),.7);cursor:pointer}.hotspot__close svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}@media screen and (min-width:750px){.hotspot{left:calc(var(--hotspot-x, 50) * 1%);top:calc(var(--hotspot-y, 50) * 1%)}.hotspot__popover,.hotspot--above-mobile .hotspot__popover{top:50%;bottom:auto;left:calc(100% + 1.4rem);width:min(32rem,calc(100cqw - 2.4rem));translate:0 -50%;transform:translate(-.6rem)}.hotspot--left .hotspot__popover,.hotspot--left.hotspot--above-mobile .hotspot__popover{left:auto;right:calc(100% + 1.4rem);transform:translate(.6rem)}.hotspot--from-top .hotspot__popover{top:-1.2rem;translate:none}.hotspot--from-bottom .hotspot__popover{top:auto;bottom:-1.2rem;translate:none}.hotspot[data-open] .hotspot__popover{transform:none}}.hotspot-product{display:grid;grid-template-columns:8.4rem minmax(0,1fr);align-items:center;gap:1.4rem}.hotspot-product__media{display:block;aspect-ratio:1;overflow:hidden;border-radius:calc(var(--media-container-radius, .8rem) * .6);background:rgba(var(--color-foreground),.04)}.hotspot-product__media :is(img,svg){display:block;width:100%;height:100%;object-fit:cover}.hotspot-product__info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.hotspot-product__title{display:-webkit-box;padding-right:2.6rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:rgb(var(--color-foreground));font-weight:var(--font-body-weight-bold, 600);line-height:1.35;text-decoration:none}.hotspot-product__title:hover{text-decoration:underline}.hotspot-product__price{display:flex;flex-wrap:wrap;gap:0 .8rem;margin:.2rem 0 .8rem;font-size:1.4rem}.hotspot-product__price s{opacity:.6}.hotspot-product__action,.hotspot-product__form{width:100%}.hotspot-product__button{width:100%;min-width:0;min-height:3.8rem;padding:.6rem 1.2rem;font-size:1.4rem}.hotspot-product__error{margin:.6rem 0 0;font-size:1.3rem;line-height:1.35}.hotspots--no-add .hotspot-product__action{display:none}.hotspot-product--sample{opacity:.85}.hotspot-text__title{margin:0 0 .4rem;padding-right:2.6rem;font-weight:var(--font-body-weight-bold, 600);color:rgb(var(--color-foreground));line-height:1.35}.hotspot-text__body{font-size:1.4rem;line-height:1.5}.hotspot-text__body>:first-child{margin-top:0}.hotspot-text__body>:last-child{margin-bottom:0}.hotspot-text__link{display:inline-block;margin-top:.8rem;color:rgb(var(--color-foreground));font-size:1.4rem;text-underline-offset:.3em}.hotspot-card{display:none;align-items:flex-start;gap:1.2rem;padding:1.2rem;border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--content-container-radius, 1.2rem);counter-increment:hotspot-card}.hotspot-card>:last-child{flex:1 1 auto;min-width:0}.hotspot-card :is(.hotspot-product__title,.hotspot-text__title){padding-right:0}.hotspot-card__number{display:none}.hotspots--marker-number .hotspot-card__number{display:grid;place-items:center;flex:none;width:2.8rem;height:2.8rem;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.3rem;font-weight:var(--font-body-weight-bold, 600)}.hotspot-card__number:before{content:counter(hotspot-card)}@media screen and (max-width:749px){.hotspots--list-mobile .hotspot-card,.hotspots--list-always .hotspot-card{display:flex}}@media screen and (min-width:750px){.hotspots--list-always .hotspot-card{display:flex}}@keyframes hotspot-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.9);opacity:0}}@keyframes hotspot-ring{0%{transform:scale(1);opacity:.9}to{transform:scale(1.8);opacity:0}}@media(prefers-reduced-motion:reduce){.hotspots--anim-pulse .hotspot__marker:before,.hotspots--anim-ring .hotspot__marker:before{animation:none}.hotspot__marker,.hotspot__popover,.hotspot__plus{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/component-hotspots.css.map */