.tooltip{display:none;position:absolute;top:-20px;left:50%;transform:translateX(-50%);padding:8px;background-color:rgba(9,9,9,.8);color:#000;border-radius:4px;font-size:14px;opacity:0;transition:opacity .3s;z-index:999}.bar:hover .tooltip{display:block;opacity:1}.bar-chart-container{background-color:#282c35;padding:10px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:background-color .3s}.dark{color:#fff}.neon{color:#0ff}.bars{justify-content:space-between;align-items:flex-end;height:300px}.bar,.bars{display:flex}.bar{background-color:#3e187a;background-image:linear-gradient(316deg,#3e187a,#994ecc 74%);margin:0 3px;flex-direction:column;align-items:center;justify-content:flex-end;transition:background-color .3s;position:relative}.bar:hover{background-color:plum}.bar span{margin-top:3px;font-size:14px;font-weight:700;color:#fff}.bar-label{font-size:12px;margin-top:5px;color:#fff;text-align:center;position:absolute;bottom:0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .3s,color .3s}.bar:hover .bar-label{opacity:1}