.graphiq{width:100%;position:relative;display:flex}.graphiq__graph-layout{flex:1;overflow-x:hidden}.graphiq__graph-values{font-size:.75em;padding-right:5px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:1.25em;text-align:right;font-weight:700}.graphiq__line{fill:none;stroke-miterlimit:10}.graphiq__graph-key{display:flex;justify-content:space-between}.graphiq__graph-key .key{font-size:.75em;text-align:center;display:block}.graphiq__y-division{fill:none;stroke-miterlimit:10;z-index:-1;transition:0.25s ease-in}.graphiq__graph-dot{transition:stroke-width ease-in-out 0.2s;transform-origin:50% 50%}.graphiq__value-dialog{display:block;position:absolute;background:transparent;font-size:.75em;line-height:0;padding:.66em .33em;font-weight:700;-webkit-animation:float 0.3s ease-out forwards;animation:float 0.3s ease-out forwards}@-webkit-keyframes float{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY()}}@keyframes float{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY()}}