.eval-bar-container{display:flex;flex-direction:column;align-items:center;height:100%}.eval-bar{position:relative;width:28px;height:100%;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px #0000004d,inset 0 1px 2px #ffffff1a;border:1px solid rgba(255,255,255,.1);background:#1a1a1a}.eval-bar-section{position:absolute;left:0;right:0;transition:height .3s cubic-bezier(.4,0,.2,1)}.eval-bar-white{bottom:0;background:linear-gradient(to right,#e8e8e8,#fff,#e8e8e8);box-shadow:inset 0 1px 2px #0000001a}.eval-bar-black{top:0;background:linear-gradient(to right,#2a2a2a,#3a3a3a,#2a2a2a);box-shadow:inset 0 -1px 2px #0000004d}.eval-bar-text{position:absolute;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;font-family:Inter,Segoe UI,sans-serif;letter-spacing:-.5px;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;z-index:10;transition:top .3s cubic-bezier(.4,0,.2,1)}.eval-bar-text.on-white{color:#1a1a1a;text-shadow:0 1px 1px rgba(255,255,255,.3)}.eval-bar-text.on-black{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}@media(max-width:768px){.eval-bar{width:20px}.eval-bar-text{font-size:9px}}