div.zone{overflow:visible;position:relative}.tooltip{background-color:#000;border-radius:12px;bottom:100%;color:#fff;display:block;font-size:23px;left:50%;opacity:0;padding:.5rem;position:absolute;transform:translateX(-50%) translateY(0);transition:opacity .3s ease;visibility:hidden;white-space:nowrap;z-index:10}iframe{height:100%;overflow:visible;width:200px}.zones>a{transform:translateX(-50%) translateY(-50%)}.image_zones.wrapper{display:flex;justify-content:center;position:relative}.zones.wrapper{bottom:0;left:0;margin:auto;max-height:100%;max-width:100%;position:absolute;right:0;top:0}div.zone:hover span.tooltip{display:block!important;opacity:1;overflow:visible!important;visibility:visible;z-index:1}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin_counter{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes slide_right{0%{transform:translate(-75%,-50%)}50%{transform:translate(-25%,-50%)}to{transform:translate(-75%,-50%)}}@keyframes slide_left{0%{transform:translate(-25%,-50%)}50%{transform:translate(-75%,-50%)}to{transform:translate(-25%,-50%)}}@keyframes bounce_down{0%{transform:translate(-50%,-75%)}50%{transform:translate(-50%,-25%)}to{transform:translate(-50%,-75%)}}@keyframes bounce_up{0%{transform:translate(-50%,-25%)}50%{transform:translate(-50%,-75%)}to{transform:translate(-50%,-25%)}}@keyframes grow{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.5)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes shrink{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.5)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes vibrate{0%{transform:translate(-50%,-50%) scale(.95)}50%{transform:translate(-50%,-50%) scale(1.05)}to{transform:translate(-50%,-50%) scale(.95)}}@media (max-width:1024px){div.zones div.zone span.tooltip{display:none}div.zone:hover span.tooltip{display:inline-block!important}}