.hotspot-banner{width:100%;text-align:center}.hotspot-banner__inner{display:flex;flex-direction:column;align-items:center;width:100%}.hotspot-banner__intro{margin-bottom:2rem;width:100%;max-width:72rem;color:rgb(var(--color-foreground))}.hotspot-banner__title{margin:0 0 1rem;width:100%;color:rgb(var(--color-foreground))}.hotspot-banner__desc{margin:0;line-height:calc(1 + .6/max(1,var(--font-body-scale)));color:rgba(var(--color-foreground),.8)}.hotspot-banner__desc p{margin:0}.hotspot-banner__desc p+p{margin-top:.8rem}.hotspot-banner__stage{position:relative;display:inline-block;max-width:100%;margin:0 auto}.hotspot-banner__image{display:block;width:100%;height:auto;max-width:100%;border-radius:.8rem;vertical-align:middle}.hotspot-banner__pin{position:absolute;top:var(--pin-top-desktop, 50%);left:var(--pin-left-desktop, 50%);transform:translate(-50%,-50%);z-index:2;cursor:pointer}.hotspot-banner__pin:focus{outline:none}.hotspot-banner__pin:focus-visible .hotspot-banner__pin-button{outline:.2rem solid rgb(var(--color-link));outline-offset:.2rem}.hotspot-banner__pin-button{display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border:0;border-radius:50%;padding:0;font-size:1.8rem;font-weight:700;line-height:1;color:rgb(var(--color-background));background-color:rgb(var(--color-link));transition:transform .2s ease,background-color .2s ease}.hotspot-banner__pin:hover .hotspot-banner__pin-button,.hotspot-banner__pin:focus-within .hotspot-banner__pin-button{transform:scale(1.08)}.hotspot-banner__tooltip{position:absolute;bottom:calc(100% + .8rem);left:50%;transform:translate(-50%);padding:.6rem 1.2rem;border-radius:.8rem;white-space:nowrap;max-width:min(90vw,28rem);overflow:hidden;text-overflow:ellipsis;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 .2rem .6rem rgba(var(--color-foreground),.12);opacity:0;pointer-events:none;transition:opacity .2s ease}.hotspot-banner__pin:hover .hotspot-banner__tooltip,.hotspot-banner__pin:focus-within .hotspot-banner__tooltip{opacity:1;pointer-events:auto}.hotspot-banner__tooltip-link{font-weight:600;color:rgb(var(--color-foreground));text-decoration:none}.hotspot-banner__tooltip-link:hover{text-decoration:underline}@media screen and (max-width: 749px){.hotspot-banner__pin{top:var(--pin-top-mobile, 50%);left:var(--pin-left-mobile, 50%)}}