.ripple-btn{position:relative;overflow:clip;user-select:none}.ripple-btn>span{position:absolute;border-radius:50%;pointer-events:none;animation-name:ripple;animation-timing-function:cubic-bezier(0,.4,.6,1);animation-fill-mode:forwards}.ripple-btn .overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:background .4s ease 0s}.ripple-btn:active .overlay{background-color:var(--color-slate-500);opacity:.5;transition:background 1s ease 0s}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(3);opacity:0}}.tooltip{position:fixed;top:calc(100% + 8px);left:50%;font-size:.8rem;pointer-events:none;user-select:none;max-width:25vw;max-height:25vh;z-index:1000}.tooltip-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:8;line-clamp:2;-webkit-box-orient:vertical}