[tooltip]{position:relative}[tooltip]:after,[tooltip]:before{text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}[tooltip]:before{content:"";border:5px solid transparent;z-index:1001}[tooltip]:after{content:attr(tooltip);text-align:center;min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.4ch;box-shadow:0 1em 2em -.5em rgba(0,0,0,.35);background:#333;color:#fff;z-index:1000}[tooltip]:hover:after,[tooltip]:hover:before{display:block}[tooltip=""]:after,[tooltip=""]:before{display:none!important}[tooltip]:not([flow]):before,[tooltip][flow^=up]:before{bottom:100%;border-bottom-width:0;border-top-color:#333}[tooltip]:not([flow]):after,[tooltip][flow^=up]:after{bottom:calc(100% + 5px)}[tooltip]:not([flow]):after,[tooltip]:not([flow]):before,[tooltip][flow^=up]:after,[tooltip][flow^=up]:before{left:50%;transform:translate(-50%,-.5em)}[tooltip][flow^=down]:before{top:100%;border-top-width:0;border-bottom-color:#333}[tooltip][flow^=down]:after{top:calc(100% + 5px)}[tooltip][flow^=down]:after,[tooltip][flow^=down]:before{left:50%;transform:translate(-50%,.5em)}[tooltip][flow^=left]:before{top:50%;border-right-width:0;border-left-color:#333;left:calc(0em - 5px);transform:translate(-.5em,-50%)}[tooltip][flow^=left]:after{top:50%;right:calc(100% + 5px);transform:translate(-.5em,-50%)}[tooltip][flow^=right]:before{top:50%;border-left-width:0;border-right-color:#333;right:calc(0em - 5px);transform:translate(.5em,-50%)}[tooltip][flow^=right]:after{top:50%;left:calc(100% + 5px);transform:translate(.5em,-50%)}[tooltip]:not([flow]):hover:after,[tooltip]:not([flow]):hover:before,[tooltip][flow^=down]:hover:after,[tooltip][flow^=down]:hover:before,[tooltip][flow^=up]:hover:after,[tooltip][flow^=up]:hover:before{animation:tooltips-vert .15s .15s ease-out forwards}[tooltip][flow^=left]:hover:after,[tooltip][flow^=left]:hover:before,[tooltip][flow^=right]:hover:after,[tooltip][flow^=right]:hover:before{animation:tooltips-horz .15s .15s ease-out forwards}@-moz-keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%)}}@-webkit-keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%)}}@-o-keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%)}}@keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%)}}@-moz-keyframes tooltips-horz{to{opacity:.9;transform:translateY(-50%)}}@-webkit-keyframes tooltips-horz{to{opacity:.9;transform:translateY(-50%)}}@-o-keyframes tooltips-horz{to{opacity:.9;transform:translateY(-50%)}}@keyframes tooltips-horz{to{opacity:.9;transform:translateY(-50%)}}