.image-hotspots{max-width:900px;position:relative;width:100%}.image-hotspots img{display:block;height:auto;width:100%}.hotspot{position:absolute;transform:translate(-50%,-50%);z-index:1}.hotspot.is-active{z-index:20}.hotspot__button{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;height:2.75rem;justify-content:center;padding:0;position:relative;width:2.75rem;z-index:1}.hotspot__dot{background:var(--primary-color);border:2px solid var(--white-color);border-radius:50%;box-shadow:0 0 0 8px hsla(0,0%,100%,.15);height:1rem;position:relative;width:1rem;z-index:1}.hotspot__dot:before{border:1px solid hsla(0,0%,100%,.25);border-radius:50%;content:"";inset:-10px;position:absolute}.hotspot__panel{background:var(--primary-color);border:1px solid var(--white-color);border-radius:0;border-bottom-right-radius:50px;border-top-right-radius:50px;left:50%;padding:.75rem 1.5rem .75rem .75rem;position:absolute;top:calc(100% + .25rem);transform:translateX(-50%);width:min(300px,80vw);z-index:10}.hotspot__panel p{color:var(--white-color);font-weight:var(--font-weight-semi-bold);hyphens:auto;line-height:1.4;margin:0}.sr-only{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;clip:rect(0,0,0,0)}