.tooltip{display:inline;position:relative;z-index:999}.tooltip::after{content:'';position:absolute;width:100%;height:20px;bottom:100%;left:50%;pointer-events:none;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:hover::after{pointer-events:auto}.tooltip-content{position:absolute;z-index:9999;width:300px;left:50%;bottom:100%;font-size:20px;line-height:1.4;text-align:center;font-weight:400;color:#fffaf0;background:transparent;opacity:0;margin:0 0 20px -150px;cursor:default;pointer-events:none;-webkit-font-smoothing:antialiased;-webkit-transition:opacity .3s .3s;transition:opacity .3s .3s}.tooltip:hover .tooltip-content{opacity:1;pointer-events:auto;-webkit-transition-delay:0s;transition-delay:0s}.tooltip-content span{display:block}.tooltip-text{border-bottom:10px solid #000;overflow:hidden;-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-webkit-transition:-webkit-transform .3s .3s;transition:transform .3s .3s}.tooltip:hover .tooltip-text{-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.tooltip-inner{background:rgba(85,61,61,0.95);padding:20px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);webkit-transition:-webkit-transform .3s;transition:transform .3s}.tooltip:hover .tooltip-inner{-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.tooltip-content::after{content:'';bottom:-20px;left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-top-color:#000;border-width:10px;margin-left:-10px}
