.fl-number,
.fl-number .fl-number-circle-container {
margin: 0 auto;
}
.fl-number-before-text,
.fl-number-after-text {
display: block;
}
.fl-number-before-text {
margin-bottom: 10px;
}
.fl-number-after-text {
margin-top: 10px;
}
.fl-number-string {
line-height: 1;
white-space: nowrap;
overflow: hidden;
}
.fl-number .fl-number-text,
.fl-number .fl-number-circle-container {
position: relative;
z-index: 10;
text-align: center;
}
.fl-number.fl-number-bars .fl-number-text {
text-align: left;
}
.fl-number .fl-number-bar {
text-align: right;
padding: 0;
}
.fl-number .fl-number-position-above .fl-number-bar {
margin-top: 5px;
}
.fl-number .fl-number-position-below .fl-number-bar {
margin-bottom: 5px;
}
.fl-number .svg-container {
display: inline-block;
position: relative;
z-index: 1;
width: 100%;
height: auto;
padding-bottom: 100%;
}
.fl-number .svg-container .svg {
position: absolute;
overflow: visible;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .fl-number-bars .fl-number-bars-container {
width: 100%;
min-height: 10px;
}
.fl-number-bars .fl-number-bar {
width: 0;
min-height: 10px;
}
.fl-number-bars .fl-number-string {
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}