.hotspot-module{font-family:inherit;margin:2rem 0}.hotspot-tabs{margin-bottom:2rem}.hotspot-tabs__nav{display:flex;flex-wrap:wrap;gap:.5rem}.hotspot-tabs__btn{background:transparent;background-color:#d0d0d0;border:none;border-radius:10rem;color:#2c2c2e;cursor:pointer;font-size:18px;padding:16px 32px;position:relative;transition:all .3s ease}.hotspot-tabs__btn--active,.hotspot-tabs__btn:focus,.hotspot-tabs__btn:hover{background-color:#151517;border:none;border-radius:10rem;color:#fff}.hotspot-groups{position:relative}.hotspot-group{display:none;opacity:0}.hotspot-group--active{display:block;opacity:1}.hotspot-container{display:inline-block;max-width:100%;position:relative}.hotspot-image{display:block;height:auto;width:100%}.hotspot-point{cursor:pointer;position:absolute;transform:translate(-50%,-50%);z-index:10}.hotspot-point__marker{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);display:block;position:relative;transition:all .3s ease;z-index:2}.hotspot-point__marker,.hotspot-point__pulse{background:var(--hotspot-color,#4646d1);height:20px;width:20px}.hotspot-point__pulse{animation:hotspotPulse 2s infinite;border-radius:50%;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes hotspotPulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}.hotspot-point:hover .hotspot-point__marker{box-shadow:0 4px 12px rgba(0,0,0,.25);transform:scale(1.2)}.tippy-box[data-theme~=light]{font-size:16px;padding:6px 12px}@media (max-width:768px){.hotspot-tabs__nav{justify-content:center}.hotspot-tabs__btn{font-size:16px;padding:.5rem 1rem}.hotspot-point__marker,.hotspot-point__pulse{height:16px;width:16px}}@media (max-width:480px){.hotspot-point__marker,.hotspot-point__pulse{height:14px;width:14px}}