@keyframes show-tooltip-top{0%{opacity:0;transform:translateY(.2rem)}to{opacity:1;transform:translateY(0)}}@keyframes hide-tooltip-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(.2rem)}}@keyframes show-tooltip-right{0%{opacity:0;transform:translate(-.2rem)}to{opacity:1;transform:translate(0)}}@keyframes hide-tooltip-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-.2rem)}}@keyframes show-tooltip-bottom{0%{opacity:0;transform:translateY(-.2rem)}to{opacity:1;transform:translateY(0)}}@keyframes hide-tooltip-bottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.2rem)}}@keyframes show-tooltip-left{0%{opacity:0;transform:translate(.2rem)}to{opacity:1;transform:translateY(0)}}@keyframes hide-tooltip-left{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(.2rem)}}:root{--tooltip-color: #fafaff;--tooltip-shadow: rgba(0, 0, 0, .24) 0px 3px 8px;--tooltip-background: #000000FF;--tooltip-arrow-size: 5px}.minimal-tooltip{color:var(--tooltip-color);opacity:0;padding:.2rem .5rem;z-index:99999;position:absolute;background:var(--tooltip-background);box-shadow:var(--tooltip-shadow);animation-fill-mode:backwards;border-radius:.2rem;pointer-events:none;&.visible{pointer-events:auto;animation-fill-mode:forwards}&:after{border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:#0000;border-width:var(--tooltip-arrow-size)}&.top{animation-name:hide-tooltip-top;&.visible{animation-name:show-tooltip-top}&:after{top:100%;left:50%;margin-left:calc(var(--tooltip-arrow-size) * -1);border-top-color:var(--tooltip-background)}}&.right{animation-name:hide-tooltip-right;&.visible{animation-name:show-tooltip-right}&:after{top:50%;right:100%;margin-top:calc(var(--tooltip-arrow-size) * -1);border-right-color:var(--tooltip-background)}}&.bottom{animation-name:hide-tooltip-bottom;&.visible{animation-name:show-tooltip-bottom}&:after{left:50%;bottom:100%;margin-left:calc(var(--tooltip-arrow-size) * -1);border-bottom-color:var(--tooltip-background)}}&.left{animation-name:hide-tooltip-left;&.visible{animation-name:show-tooltip-left}&:after{top:50%;left:100%;margin-top:calc(var(--tooltip-arrow-size) * -1);border-left-color:var(--tooltip-background)}}}