.Tooltips{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5}.Tooltips:hover p{visibility:visible;opacity:1}.Tooltips:hover p.OnTop{transform:translate(-50%,-100%)}.Tooltips:hover p.OnBottom{transform:translate(-50%,100%)}.Tooltips:hover p.OnLeft{transform:translate(-100%,-50%)}.Tooltips:hover p.OnRight{transform:translate(100%,-50%)}.Tooltips p{min-width:250px;opacity:0;display:inline-block;visibility:hidden;position:absolute;text-align:center !important;width:auto;background:var(--color-p);color:#fff;font-size:1.8rem;line-height:1.1;padding:10px;border-radius:3px;white-space:normal;box-shadow:0px 2px 4px 0px rgba(0,0,0,.2);transition:all .2s ease-out}.Tooltips p.OnTop{top:-25px;left:50%;transform:translate(-50%,-150%)}.Tooltips p.OnTop:before{position:absolute;content:"";width:0;height:0;border-top:8px solid var(--color-p);border-left:8px solid transparent;border-right:8px solid transparent;bottom:-8px;margin-left:-8px;left:50%}.Tooltips p.OnBottom{bottom:-35px;left:50%;transform:translate(-50%,150%)}.Tooltips p.OnBottom:before{position:absolute;content:"";width:0;height:0;border-bottom:8px solid var(--color-p);border-left:8px solid transparent;border-right:8px solid transparent;top:-8px;margin-left:-8px;left:50%}.Tooltips p.OnLeft{left:-15px;top:-15px;transform:translate(-150%,-50%)}.Tooltips p.OnLeft:before{position:absolute;content:"";width:0;height:0;border-left:8px solid var(--color-p);border-top:8px solid transparent;border-bottom:8px solid transparent;top:50%;margin-top:-8px;right:-8px}.Tooltips p.OnRight{right:-15px;top:-15px;transform:translate(150%,-50%)}.Tooltips p.OnRight:before{position:absolute;content:"";width:0;height:0;border-right:8px solid var(--color-p);border-top:8px solid transparent;border-bottom:8px solid transparent;top:50%;margin-top:-8px;left:-8px}@media (max-width:768px){.Tooltips{display:none}}