.drift-score {
    position: absolute;
    top: 50px;
    left: 50px;
    // color: gray;
    // font-weight: bold;
    font-family: "Lilian";
    font-size: 70px;
    white-space: pre;
    // font-weight: bold;
    // font-style: italic;
    // text-stroke: 0.5em black;
    text-shadow: 5px 5px 0 rgba(0, 0, 0, 0.95);
    // flex-direction: column;
    /*label {
        mask-image: url("/ui/text-greyscale2.png");
    }*/

    gap: 20px;

    color: white;

    .stats {
        flex-direction: column;
        width: 600px;
    }

    &.active {
        .current {
            color: linear-gradient(90deg, orange, red );
        }
    }

    .current {
        // font-size: 40%;
        /* align-items: center;
        align-content: center;
        justify-content: center;
        gap: 50px;*/

        color: linear-gradient(90deg, lightgray, darkgray );
    }

    row {
        // font-size: 100%;
        // gap: 20px;
        justify-content: space-between;

        column:first-child {
            flex-grow: 1;
        }
    }
    // text-stroke: 5px black;

    .max {
        // font-size: 14px;
        // color: orange;
        color: linear-gradient( 90deg, #6dc6e7, #349cf1 );
        // background-image: linear-gradient(90deg, red, orange );
        // mask-image: linear-gradient(90deg, red, orange );
        // mask-mode: alpha;
        overflow: hidden;
    }

    .total {
        // font-size: 100%;
        color: linear-gradient(90deg, yellow, darkorange );
    }

    .record {
        // font-size: 60px;
        color: linear-gradient(90deg, lime, green );
    }
}