@layer components {
    .stat-plumb {
        display: grid;
        justify-items: center;
        gap: var(--space-1);
        position: relative;
        padding-block-start: var(--space-6);
    }

    .stat-plumb::before {
        content: "";
        position: absolute;
        inset-block-start: 0;
        width: 2px;
        height: var(--space-5);
        background: var(--wheat);
    }

    .stat-plumb-value {
        font-family: var(--font-data);
        font-weight: 500;
        font-size: 1.5rem;
    }

    .stat-plumb-label {
        color: var(--fog);
        font-size: var(--size-small);
    }
}