svg {shape-rendering: auto}

.graf {
    /*optional*/
    overflow: visible;

    touch-action: none;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.graf-tooltip {
    left: 0;
    top: 0;

    transform-origin: 0 0;

    background-color: #ffffff;
    padding: 4px 8px;

    font-variant-numeric: tabular-nums;
}

.graf-tooltip .tooltip-item {
    display: flex;
    gap: 8px;
}

.graf-tooltip .tooltip-item .label {
    font-weight: 500;
}

.graf .x_axis text:first-of-type {
    text-anchor: start;
}

.graf .x_axis text:last-of-type {
    text-anchor: end;
}