[tooltip]:not([tooltip=""]){position:relative}[tooltip]:not([tooltip=""]):hover:after,[tooltip]:not([tooltip=""]) [tooltip]:hover:before{display:block}[tooltip]:not([tooltip=""]).width-100:after{width:100px}[tooltip]:not([tooltip=""]).width-150:after{width:150px}[tooltip]:not([tooltip=""]).width-200:after{width:200px}[tooltip]:not([tooltip=""]).width-250:after{width:250px}[tooltip]:not([tooltip=""]):after{content:attr(tooltip);position:absolute;font-style:normal;left:50%;top:-6px;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);background:#222;color:#fff;font-size:12px;font-weight:400;border-radius:2px;pointer-events:none;font-family:Roboto,sans-serif;display:none;padding:8px;line-height:1.3em;white-space:normal;z-index:999;white-space:nowrap}[tooltip]:not([tooltip=""])[tooltip-placement=top]:after{left:50%;text-align:center}[tooltip]:not([tooltip=""])[tooltip-placement=right]:after{left:100%;top:50%;margin-left:8px;-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%);text-align:left}[tooltip]:not([tooltip=""])[tooltip-placement=bottom]:after{top:100%;margin-top:8px;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);text-align:center}[tooltip]:not([tooltip=""])[tooltip-placement=left]:after{left:0;top:50%;margin-left:-8px;-webkit-transform:translateX(-100%) translateY(-50%);transform:translateX(-100%) translateY(-50%);text-align:left}[tooltip]:not([tooltip=""])[tooltip-placement=bottom-right]:after{left:100%;top:100%;margin-top:8px;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);text-align:center}[tooltip]:not([tooltip=""])[tooltip-placement=bottom-left]:after{left:0;top:100%;margin-left:-8px;-webkit-transform:translateX(-100%) translateY(0);transform:translateX(-100%) translateY(0);text-align:left}