.hotspots-section{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap}.hotspots{display:flex;position:relative;width:100%}.hotspots__image{object-fit:contain}.hotspot{position:absolute;scroll-margin-top:calc(68px + 1rem)}.hotspot__button{height:100%;width:100%}.hotspot.is-visible .hotspot__button,.hotspot.show-in-editor .hotspot__button,.hotspot__button:hover{background-color:rgba(175,1,30,.5)}.hotspot__info{box-shadow:0 .25rem .25rem rgba(0,0,0,.2);opacity:0;padding:1rem;top:100%;transition:opacity .3s;visibility:hidden;width:360px;z-index:99}.hotspot__info,.hotspot__info:before{background-color:#fff;left:50%;position:absolute;transform:translateX(-50%)}.hotspot__info:before{clip-path:polygon(50% 0,0 100%,100% 100%);content:"";height:.75rem;top:-.74rem;width:1rem}.hotspot.is-visible .hotspot__info{opacity:1;visibility:visible}.hotspot__title{text-align:center}.hotspot__description p,.hotspot__title{margin-bottom:.5rem}.hotspot__description>:last-child{margin-bottom:0}.hotspots__info-section{background-color:#fff;display:flex;padding:1rem;width:100%}@media (min-width:768px) and (max-width:1199px){.hotspots{width:75%}.hotspots__info-section{width:25%}}@media (min-width:1200px) and (max-width:1400px){.hotspot__info--left-aligned{left:calc(50% + 1rem)}.hotspot__info--right-aligned{left:calc(50% - 1rem)}}@media (max-width:1199px){.hotspot__info{display:none;opacity:0;visibility:hidden}}@media (min-width:1200px){.hotspots__info-section{display:none;opacity:0;visibility:hidden}}