@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";body{height:100vh;width:100%}[title]{position:relative}[title]:after,[title]:before{text-transform:none;font-size:1rem;line-height:1.2;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}[title]:before{content:"";border:5px solid transparent;z-index:12001}[title]:after{content:attr(title);text-align:center;min-width:10em;max-width:21em;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em #00000059;background:#006747;color:#fff;z-index:1000}[title]:hover:after,[title]:hover:before{display:block}[title=""]:after,[title=""]:before{display:none!important}[title]:not([flow]):before,[title][flow^=up]:before{bottom:100%;border-bottom-width:0;border-top-color:#006747}[title]:not([flow]):after,[title][flow^=up]:after{bottom:calc(100% + 5px)}[title]:not([flow]):after,[title]:not([flow]):before,[title][flow^=up]:after,[title][flow^=up]:before{left:50%;transform:translate(-50%,-.5em)}[title][flow^=down]:before{top:100%;border-top-width:0;border-bottom-color:#006747}[title][flow^=down]:after{top:calc(100% + 5px)}[title][flow^=down]:after,[title][flow^=down]:before{left:50%;transform:translate(-50%,.5em)}[title][flow^=left]:before{top:50%;border-right-width:0;border-left-color:#006747;left:calc(0em - 5px);transform:translate(-.5em,-50%)}[title][flow^=left]:after{top:50%;right:calc(100% + 5px);transform:translate(-.5em,-50%)}[title][flow^=right]:before{top:50%;border-left-width:0;border-right-color:#006747;right:calc(0em - 5px);transform:translate(.5em,-50%)}[title][flow^=right]:after{top:50%;left:calc(100% + 5px);transform:translate(.5em,-50%)}@keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%)}}@keyframes tooltips-horz{to{opacity:.9;transform:translateY(-50%)}}[title]:not([flow]):hover:after,[title]:not([flow]):hover:before,[title][flow^=down]:hover:after,[title][flow^=down]:hover:before,[title][flow^=up]:hover:after,[title][flow^=up]:hover:before{animation:tooltips-vert .3s ease-out forwards}[title][flow^=left]:hover:after,[title][flow^=left]:hover:before,[title][flow^=right]:hover:after,[title][flow^=right]:hover:before{animation:tooltips-horz .3s ease-out forwards}