[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);text-wrap:nowrap;margin:2px;display:none;opacity:0;position:absolute;z-index:100;bottom:100%;left:2px;background-color:rgba(27,28,23,.8);color:var(--color-white);max-width:200px;padding:8px}[data-tooltip]:hover:after{display:block;animation:appear .2s ease-in forwards;animation-delay:.3s}@keyframes appear{0%{opacity:0}to{opacity:1;transform:translateY(-4px)}}