.hotspot{left:var(--mobile-left);position:absolute;top:var(--mobile-top);transform:translate(-50%,-50%)}.hotspot--active{z-index:10}.hotspot--active .hotspot__box{opacity:1;pointer-events:auto}.hotspot--active .hotspot__button{opacity:0;pointer-events:none}@media only screen and (min-width:1024px){.hotspot{left:var(--desktop-left);top:var(--desktop-top)}}.hotspot__button:hover .hotspot__button-icon{color:#fff;transform:rotate(90deg)}.hotspot__button:hover .hotspot__button-icon svg{transform:scale(1.2)}.hotspot__button:hover .hotspot__button-icon:before{background-color:#23195f;height:5rem;width:5rem}.hotspot__button-icon{align-items:center;border-radius:100%;display:flex;height:2.0625rem;justify-content:center;position:relative;transform:rotate(0deg);transition:transform .3s ease-in-out,color .3s ease-in-out;width:2.0625rem}.hotspot__button-icon svg{transform:scale(1);transition:transform .3s ease-in-out}.hotspot__button-icon:after{height:100%;height:3.5rem;opacity:.2;width:100%;width:3.5rem;z-index:-2}.hotspot__button-icon:after,.hotspot__button-icon:before{background-color:#fff;border-radius:100%;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.hotspot__button-icon:before{height:100%;height:2.0625rem;opacity:1;transition:background-color .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out;width:100%;width:2.0625rem;z-index:-1}@media only screen and (min-width:1024px){.hotspot__button-icon{height:3rem;width:3rem}.hotspot__button-icon:after{height:5rem;width:5rem}.hotspot__button-icon:before{height:3rem;width:3rem}}.hotspot__box{opacity:0;pointer-events:none;transition:opacity .15s ease-in-out}.hotspots__modal{align-items:flex-end;-webkit-backdrop-filter:initial;backdrop-filter:none;background:rgba(0,0,0,.25);display:flex}.hotspots__modal .tingle-modal-box{background-color:transparent;margin-bottom:0}.hotspots__modal .tingle-modal-box__content,.hotspots__modal .tingle-modal-box__footer{padding:0}.hotspot__close{position:absolute;right:1rem;top:1rem}.hotspot__close-button{align-items:center;border-radius:100%;display:flex;height:2rem;justify-content:center;width:2rem}.hotspot__close-button--blue{background:#23195f;color:#f5e6d2}.hotspot__close-button--white{background:#f5e6d2;color:#23195f}