[data-tooltip]{position:relative;z-index:1}[data-tooltip]:after,[data-tooltip]:before{position:absolute;visibility:hidden;opacity:0;left:50%;bottom:calc(100% + 5px);pointer-events:none;-webkit-transition:.2s;transition:.2s;will-change:transform}[data-tooltip]:before{content:attr(data-tooltip);padding:.375rem .75rem;max-width:300px;width:-webkit-max-content;width:-moz-max-content;width:max-content;border-radius:var(--border-radius-xs);font-size:.625rem;background-color:rgba(59,72,80,.9);background-image:linear-gradient(30deg,rgba(59,72,80,.44),rgba(59,68,75,.44),rgba(60,82,88,.44));-webkit-box-shadow:0 0 24px rgba(0,0,0,.2);box-shadow:0 0 24px rgba(0,0,0,.2);color:#fff;text-align:center;white-space:pre-wrap;-webkit-transform:translate(-50%,-5px) scale(.5);transform:translate(-50%,-5px) scale(.5)}[data-tooltip]:after{content:'';border-style:solid;border-width:5px 5px 0;border-color:rgba(55,64,70,.9) transparent transparent transparent;-webkit-transition-duration:0s;transition-duration:0s;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:translateX(-50%) scaleY(0);transform:translateX(-50%) scaleY(0)}[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;opacity:1}[data-tooltip]:hover:before{-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translate(-50%,-5px) scale(1);transform:translate(-50%,-5px) scale(1)}[data-tooltip]:hover:after{-webkit-transition-delay:.5s;transition-delay:.5s;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transform:translateX(-50%) scaleY(1);transform:translateX(-50%) scaleY(1)}[data-tooltip-position=left]:after,[data-tooltip-position=left]:before{left:auto;right:calc(100% + 5px);bottom:50%}[data-tooltip-position=left]:before{-webkit-transform:translate(-5px,50%) scale(.5);transform:translate(-5px,50%) scale(.5)}[data-tooltip-position=left]:hover:before{-webkit-transform:translate(-5px,50%) scale(1);transform:translate(-5px,50%) scale(1)}[data-tooltip-position=left]:after{border-width:5px 0 5px 5px;border-color:transparent transparent transparent rgba(55,64,70,.9);-webkit-transform-origin:left;transform-origin:left;-webkit-transform:translateY(50%) scaleX(0);transform:translateY(50%) scaleX(0)}[data-tooltip-position=left]:hover:after{-webkit-transform:translateY(50%) scaleX(1);transform:translateY(50%) scaleX(1)}[data-tooltip-position=right]:after,[data-tooltip-position=right]:before{left:calc(100% + 5px);bottom:50%}[data-tooltip-position=right]:before{-webkit-transform:translate(5px,50%) scale(.5);transform:translate(5px,50%) scale(.5)}[data-tooltip-position=right]:hover:before{-webkit-transform:translate(5px,50%) scale(1);transform:translate(5px,50%) scale(1)}[data-tooltip-position=right]:after{border-width:5px 5px 5px 0;border-color:transparent rgba(55,64,70,.9) transparent transparent;-webkit-transform-origin:right;transform-origin:right;-webkit-transform:translateY(50%) scaleX(0);transform:translateY(50%) scaleX(0)}[data-tooltip-position=right]:hover:after{-webkit-transform:translateY(50%) scaleX(1);transform:translateY(50%) scaleX(1)}[data-tooltip-position=bottom]:after,[data-tooltip-position=bottom]:before{top:calc(100% + 5px);bottom:auto}[data-tooltip-position=bottom]:before{-webkit-transform:translate(-50%,5px) scale(.5);transform:translate(-50%,5px) scale(.5)}[data-tooltip-position=bottom]:hover:before{-webkit-transform:translate(-50%,5px) scale(1);transform:translate(-50%,5px) scale(1)}[data-tooltip-position=bottom]:after{border-width:0 5px 5px;border-color:transparent transparent rgba(55,64,70,.9) transparent;-webkit-transform-origin:bottom;transform-origin:bottom}[data-tooltip-position=bottom]:after{border-width:0 5px 5px;border-color:transparent transparent rgba(55,64,70,.9) transparent;-webkit-transform-origin:bottom;transform-origin:bottom}