Template:Tooltip/styles.css

.tooltip { position: absolute; left: 0; right: 0; margin: 5px 10px; padding: 10px 15px; background: white; color: #54595d; box-shadow: 0 14px 28px rgba(0,0,0,0.0625), 0 10px 10px rgba(0,0,0,0.055); opacity: 0; visibility: hidden; user-select: none; transition: opacity 0.2s ease,box-shadow 0.2s ease; }

/* Trigger */ .tooltip-target:hover .tooltip { opacity: 1; visibility: visible; user-select: auto; }

/* Dark mode */ @media (prefers-color-scheme: dark) { .tooltip { background: #33363d; color: #c1c2c5; } }