.arto-xp-bubble{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0 solid #ccc;border-radius:50%;cursor:pointer;display:flex;height:140px;justify-content:center;position:absolute;transition:all .2s;width:140px}.arto-xp-bubble-radar{animation:attention 1.6s infinite}.arto-xp-bubble-index,.arto-xp-bubble-radar{background-color:#5a5a5a;border-radius:50%;height:30px;width:30px}.arto-xp-bubble-index{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:center;left:55px;position:absolute;top:55px;transition:all .1s;z-index:2}.arto-xp-bubble-content{left:60px;overflow:hidden;pointer-events:none;position:absolute;top:30px;transition:all .2s;width:0;z-index:1}.arto-xp-bubble-content-description{background-color:#fff;border-radius:4px;box-shadow:0 0 10px #0000001f;margin:10px;padding:20px 20px 20px 40px;width:320px}.arto-xp-bubble:hover .arto-xp-bubble-index{transform:scale(2)}.arto-xp-bubble.active{z-index:120}.arto-xp-bubble.active .arto-xp-bubble-index{background-color:#000}.arto-xp-bubble.active .arto-xp-bubble-content{width:340px}@keyframes attention{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}