.custom-hotspot{overflow-x:hidden}.custom-hotspot__layout{display:grid;grid-template-columns:1fr;gap:3rem}@media screen and (min-width:750px){.custom-hotspot__layout{grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:6rem;align-items:start}}.custom-hotspot__tablist{display:flex;flex-wrap:wrap;gap:.8rem 2.4rem;margin-top:2rem}.custom-hotspot__tab{position:relative;padding:0 0 .8rem;background:none;border:0;cursor:pointer;font:inherit;color:rgba(var(--color-foreground),.65);text-transform:uppercase;letter-spacing:.1rem;transition:color var(--duration-short) ease}.custom-hotspot__tab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:.2rem;background:rgb(var(--color-foreground));transform:scaleX(0);transform-origin:left;transition:transform var(--duration-short) ease}.custom-hotspot__tab:hover,.custom-hotspot__tab--active{color:rgb(var(--color-foreground))}.custom-hotspot__tab--active:after{transform:scaleX(1)}.custom-hotspot__panel[hidden]{display:none}.custom-hotspot__media-wrap{position:relative}.custom-hotspot__point{position:absolute;left:var(--hotspot-left, 50%);top:var(--hotspot-top, 50%);transform:translate(-50%,-50%);pointer-events:none}.custom-hotspot__marker,.custom-hotspot__card{pointer-events:auto}.custom-hotspot__marker{position:relative;width:3.6rem;height:3.6rem;border-radius:50%;border:0;background:rgba(var(--color-background),.85);color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--duration-short) ease}.custom-hotspot__marker-icon.svg-wrapper{width:1rem;height:1rem}.custom-hotspot__marker[aria-expanded=true]{transform:rotate(45deg)}.custom-hotspot__point--active{z-index:5}.custom-hotspot__card{position:absolute;left:50%;bottom:calc(100% + 1.2rem);transform:translate(calc(-50% + var(--hotspot-card-shift-x, 0px)));width:max-content;min-width:22rem;max-width:min(30rem,calc(100vw - 3.2rem));padding:1.2rem 1.4rem;background:rgb(var(--color-background));border:var(--popup-border-width) solid rgba(var(--color-foreground),var(--popup-border-opacity));box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));opacity:0;visibility:hidden;transition:opacity var(--duration-short) ease,visibility var(--duration-short) ease}.custom-hotspot__card--product{padding:1.2rem 1.4rem}.custom-hotspot__card-link{display:block;text-decoration:none;color:rgb(var(--color-foreground))}.custom-hotspot__card-media{display:block;flex-shrink:0;width:11rem}.custom-hotspot__card-media img{display:block;width:100%;height:100%;object-fit:cover}.custom-hotspot__card-info{display:block;min-width:0}.custom-hotspot__card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:600}.custom-hotspot__card-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:.4rem;font-size:1.3rem;line-height:1.4;color:rgba(var(--color-foreground),.75)}.custom-hotspot__card-info .custom-hotspot__card-price{margin-top:.4rem}.custom-hotspot__point--flip-y .custom-hotspot__card{bottom:auto;top:calc(100% + 1.2rem)}.custom-hotspot__point--active .custom-hotspot__card{opacity:1;visibility:visible}@media(prefers-reduced-motion:no-preference){.custom-hotspot__marker:after{content:"";position:absolute;top:-.4rem;right:-.4rem;bottom:-.4rem;left:-.4rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.4);animation:customHotspotPulse 2.2s ease-out infinite}}@keyframes customHotspotPulse{0%{opacity:.6;transform:scale(.85)}70%,to{opacity:0;transform:scale(1.25)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-custom-hotspot.css.map */