.widget.deltas {
    width: calc(5 * var(--block-width) - 2 * var(--base-margin));
    margin: var(--base-margin) var(--base-margin);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.widget.deltas > .title {
    font-weight: bold;
}

.widget.deltas > .field {
    padding: 0 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 64px;
}

.widget.deltas > .field > .title {
    font-size: .6em;
}

.widget.deltas > .field > .value {
    font-family: 'Roboto Mono', monospace;
}

.widget.deltas > .field > .value_small {
    font-family: 'Roboto Mono', monospace;
    font-size: .75em;
}