:root{--color:#333;--bg:#fff}.tip,label span .tip{font-size:16px;line-height:1.5;min-height:1.5em}.tool{cursor:help;font-weight:bold;position:relative}.tool:after{content:'?';display:inline-block;background:#444;border-radius:100%;color:#ddd;width:1.5em;text-align:center}.tool.open:after{content:'✕'}.tip,label span .tip{background:#333;color:#ddd;padding:0.75em;font-size:.8em;font-weight:normal;position:absolute;top:auto;left:0;right:0;cursor:default;overflow:hidden;z-index:999;text-align:left;visibility:hidden;opacity:0;transition:opacity 0.2s ease-in-out;width:20em;line-height:1.15385}.tool.open .tip,html:not(.can-touch) .tool:hover .tip{opacity:1;visibility:visible;top:100%}
