/* Font metrics are inherited so the original values keep their width and baseline. */
.seven-sections .result-value .flip-visual,
.seven-sections .result-value .flip-reserve,
.seven-sections .result-value .flip-digits,
.seven-sections .result-value .flip-digit,
.seven-sections .result-value .flip-panel,
.seven-sections .result-value .flip-glyph{
  font:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0;
}
.seven-sections .result-value .flip-visual{display:inline-block;position:relative;vertical-align:baseline}
.seven-sections .result-value .flip-reserve{display:block;visibility:hidden}
.seven-sections .result-value .flip-digits{position:absolute;inset:0;display:flex}
.seven-sections .result-value .flip-digit{position:relative;display:block;flex:1 1 0;min-width:0;height:100%;perspective:500px}
.seven-sections .result-value .flip-panel{position:absolute;left:0;width:100%;height:50%;overflow:hidden;background:#fff;backface-visibility:hidden;text-align:left}
.seven-sections .result-value .flip-upper{top:0;transform-origin:center bottom}
.seven-sections .result-value .flip-lower{bottom:0;transform-origin:center top}
.seven-sections .result-value .flip-glyph{position:absolute;left:0;width:100%;height:200%;display:block}
.seven-sections .result-value .flip-upper .flip-glyph{top:0}
.seven-sections .result-value .flip-lower .flip-glyph{bottom:0}
.seven-sections .result-value .flip-leaf{z-index:2}
.flip-digit::after{content:"";position:absolute;z-index:3;top:50%;left:2%;right:3%;height:1px;background:#23415e12;pointer-events:none}