.ultimeter-container {
display: flex;
}
.ultimeter-container .ultimeter-confetti {
position: absolute;
width: 100vw;
height: 100vh;
top: 0;
display: block;
margin: 0 auto;
user-select: none;
z-index: 999;
}
.ultimeter-container.ultimeter_align_left {
justify-content: start;
}
.ultimeter-container.ultimeter_align_center {
justify-content: center;
}
.ultimeter-container.ultimeter_align_right {
justify-content: end;
}
.ultimeter-container.scalable .ultimeter {
width: 400px;
}
.ultimeter-container.infinite {
display: inline;
}
.ultimeter-container.infinite .ultimeter {
display: flex;
}
.ultimeter-container.infinite .ultimeter .basic {
flex-direction: column;
align-items: center;
}
.ultimeter-container.infinite.ultimeter_align_left .ultimeter {
justify-content: start;
}
.ultimeter-container.infinite.ultimeter_align_center .ultimeter {
justify-content: center;
}
.ultimeter-container.infinite.ultimeter_align_right .ultimeter {
justify-content: end;
}
.ultimeter-container.progressbar .ultimeter-confetti {
top: -150px;
}
.ultimeter-container.progressbar .ultimeter {
width: 100%;
}
.ultimeter-container.radial .progress-value .current-label {
display: flex;
flex-direction: column;
gap: 5px;
}
.ultimeter-container.radial .progress-value .current-label .formatted-current {
font-size: 36px;
}
.ultimeter-container.radial .progress-value .current-label span {
margin: 0;
}
.ultimeter-container.verticalprogress .ultimeter {
min-height: 600px;
display: flex;
}
.ultimeter-container.verticalprogress .ultimeter .outer {
width: 60px;
display: flex;
flex-direction: column;
justify-content: end;
height: 100%;
border-radius: 100px;
z-index: 5;
}
.ultimeter-container.verticalprogress .ultimeter .outer .inner {
width: 60px;
border-radius: 100px;
min-width: 60px;
min-height: 60px;
}
.ultimeter-container.verticalprogress .ultimeter .left {
display: flex;
align-items: end;
margin-right: -30px;
}
.ultimeter-container.verticalprogress .ultimeter .left .ultimeter_meter_amount {
padding-right: 40px;
border-top: 1px solid;
height: 0%;
}
.ultimeter-container.verticalprogress .ultimeter .right {
position: relative;
margin-left: -30px;
}
.ultimeter-container.verticalprogress .ultimeter .right .ultimeter_meter_amount {
padding-left: 40px;
border-top: 1px solid;
}
.ultimeter-container.verticalprogress .ultimeter .right .ultimeter_milestone {
position: absolute;
border-bottom: 1px solid;
white-space: nowrap;
padding-left: 40px;
z-index: 0;
}
.ultimeter-container.verticalprogress.medium .ultimeter {
min-height: 400px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .outer {
width: 40px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .outer .inner {
width: 40px;
min-width: 40px;
min-height: 40px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .left {
margin-right: -20px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .left .ultimeter_meter_amount {
padding-right: 30px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .right {
margin-left: -20px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .right .ultimeter_meter_amount, .ultimeter-container.verticalprogress.medium .ultimeter .right .ultimeter_milestone {
padding-left: 30px;
}
@media (max-width: 576px) {
.ultimeter-container.verticalprogress.medium .ultimeter {
min-height: 200px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .outer {
width: 20px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .outer .inner {
width: 20px;
min-width: 20px;
min-height: 20px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .left {
margin-right: -10px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .left .ultimeter_meter_amount {
padding-right: 20px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .right {
margin-left: -10px;
}
.ultimeter-container.verticalprogress.medium .ultimeter .right .ultimeter_meter_amount, .ultimeter-container.verticalprogress.medium .ultimeter .right .ultimeter_milestone {
padding-left: 20px;
}
}
.ultimeter-container.verticalprogress.small .ultimeter {
min-height: 200px;
}
.ultimeter-container.verticalprogress.small .ultimeter .outer {
width: 20px;
}
.ultimeter-container.verticalprogress.small .ultimeter .outer .inner {
width: 20px;
min-width: 20px;
min-height: 20px;
}
.ultimeter-container.verticalprogress.small .ultimeter .left {
margin-right: -10px;
}
.ultimeter-container.verticalprogress.small .ultimeter .left .ultimeter_meter_amount {
padding-right: 20px;
}
.ultimeter-container.verticalprogress.small .ultimeter .right {
margin-left: -10px;
}
.ultimeter-container.verticalprogress.small .ultimeter .right .ultimeter_meter_amount, .ultimeter-container.verticalprogress.small .ultimeter .right .ultimeter_milestone {
padding-left: 20px;
}
@media (max-width: 576px) {
.ultimeter-container.verticalprogress .ultimeter {
min-height: 200px;
}
.ultimeter-container.verticalprogress .ultimeter .outer {
width: 20px;
}
.ultimeter-container.verticalprogress .ultimeter .outer .inner {
width: 20px;
min-width: 20px;
min-height: 20px;
}
.ultimeter-container.verticalprogress .ultimeter .left {
margin-right: -10px;
}
.ultimeter-container.verticalprogress .ultimeter .left .ultimeter_meter_amount {
padding-right: 20px;
}
.ultimeter-container.verticalprogress .ultimeter .right {
margin-left: -10px;
}
.ultimeter-container.verticalprogress .ultimeter .right .ultimeter_meter_amount, .ultimeter-container.verticalprogress .ultimeter .right .ultimeter_milestone {
padding-left: 20px;
}
}
.ultimeter-container .ultimeter_thermometer {
display: block;
margin: 0 auto;
position: relative;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_thermometer_tube_topper {
height: 25px;
width: 50px;
border-radius: 100px 100px 0px 0px;
background: #eee;
margin: 0 auto;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_meter_progress {
height: 0%;
width: 60%;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%);
z-index: 5;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_meter_progress .ultimeter_meter_amount {
padding: 0 60px 0 5px;
vertical-align: top;
position: absolute;
border-top: 1px solid #060;
color: #060;
right: 0;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_thermometer_tube {
height: 400px;
width: 50px;
margin: auto;
position: relative;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_thermometer_tube .ultimeter_thermometer_tube_scale {
background: linear-gradient(to bottom, black 0%, rgba(255, 255, 255, 0) 10%);
background-position: 0 -2px;
background-size: 100% 5%;
height: 380px;
position: absolute;
width: 30%;
left: 70%;
top: 0px;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_thermometer_tube .ultimeter_meter_goal {
position: absolute;
left: 40px;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_thermometer_tube .ultimeter_meter_goal .ultimeter_meter_amount {
display: inline-block;
vertical-align: top;
padding: 0 5px 0 30px;
border-top: 1px solid black;
color: #333;
text-align: right;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_thermometer_tube .ultimeter_milestone {
position: absolute;
padding: 0 5px 0 30px;
border-bottom: 1px dotted black;
color: #333;
white-space: nowrap;
left: 35px;
font-size: 12px;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_thermometer_bulb {
height: 100px;
border-radius: 100px;
width: 100px;
background: #eee;
position: relative;
top: -15px;
margin: 0 auto;
}
.ultimeter-container .ultimeter_thermometer .ultimeter_thermometer_bulb .ultimeter_thermometer_bulb_mercury {
width: 80px;
height: 80px;
border-radius: 100px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
}
.ultimeter-container .ultimeter_thermometer.medium .ultimeter_thermometer_tube_topper {
height: 20px;
width: 37.5px;
}
.ultimeter-container .ultimeter_thermometer.medium .ultimeter_thermometer_tube {
height: 300px;
width: 37.5px;
}
.ultimeter-container .ultimeter_thermometer.medium .ultimeter_thermometer_tube .ultimeter_thermometer_tube_scale {
height: 285px;
}
.ultimeter-container .ultimeter_thermometer.medium .ultimeter_thermometer_tube .ultimeter_meter_goal {
left: 37.5px;
}
.ultimeter-container .ultimeter_thermometer.medium .ultimeter_thermometer_tube .ultimeter_milestone {
left: 26px;
}
.ultimeter-container .ultimeter_thermometer.medium .ultimeter_thermometer_bulb {
width: 75px;
height: 75px;
top: -10px;
}
.ultimeter-container .ultimeter_thermometer.medium .ultimeter_thermometer_bulb .ultimeter_thermometer_bulb_mercury {
width: 60px;
height: 60px;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_tube_topper {
height: 15px;
width: 25px;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_tube {
height: 200px;
width: 25px;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_tube .ultimeter_thermometer_tube_scale {
height: 200px;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_tube .ultimeter_meter_goal {
left: 25px;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_tube .ultimeter_milestone {
left: 17px;
font-size: 0.75rem;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_tube .ultimeter_meter_progress .ultimeter_meter_amount {
padding-right: 40px;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_tube .ultimeter_meter_amount {
font-size: 0.8rem;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_bulb {
width: 50px;
height: 50px;
top: -7px;
}
.ultimeter-container .ultimeter_thermometer.small .ultimeter_thermometer_bulb .ultimeter_thermometer_bulb_mercury {
width: 40px;
height: 40px;
}
.ultimeter-container .ultimeter_thermometer.responsive {
width: 100%;
min-height: 200px;
height: 400px;
display: flex;
align-items: center;
flex-direction: column;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_thermometer_tube_topper {
background: #eee;
height: 10%;
border-top-left-radius: 250px;
border-top-right-radius: 250px;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_meter_goal {
position: absolute;
top: 0px;
left: 80%;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_meter_goal .ultimeter_meter_amount {
display: inline-block;
padding: 0 5px 0 30px;
color: #333;
text-align: right;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_meter_progress {
height: 0%;
max-height: 380px;
width: 60%;
z-index: 5;
position: absolute;
bottom: 0;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_meter_progress .ultimeter_meter_amount {
padding: 0 60px 0 5px;
position: absolute;
border-top: 1px solid #060;
color: #060;
right: 0;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_thermometer_tube {
height: 80%;
background: #eee;
position: relative;
display: flex;
align-items: end;
justify-content: center;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_thermometer_tube .ultimeter_thermometer_tube_scale {
background: linear-gradient(to bottom, black 0%, rgba(255, 255, 255, 0) 10%);
background-position: 0 4%;
background-size: 100% 5%;
height: 100%;
position: absolute;
width: 30%;
left: 70%;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_milestone {
position: absolute;
padding: 0 5px 0 60px;
border-bottom: 1px dotted black;
color: #333;
white-space: nowrap;
left: 0;
font-size: 12px;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_thermometer_bulb {
border-radius: 100px;
background: #eee;
position: relative;
top: -4%;
display: flex;
justify-content: center;
align-items: center;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_thermometer_bulb:after {
content: "";
padding-bottom: 100%;
display: block;
}
.ultimeter-container .ultimeter_thermometer.responsive .ultimeter_thermometer_bulb .ultimeter_thermometer_bulb_mercury {
width: 80%;
height: 80%;
border-radius: 100px;
z-index: 15;
position: absolute;
}
.ultimeter-container.sp-ultimeter .primary-color {
color: #f5d62f;
background-color: #f5d62f;
border-color: #f5d62f;
}
.ultimeter-container.sp-ultimeter .secondary-color {
color: #000000;
background-color: #000000;
border-color: #000000;
}
.ultimeter-container.sp-ultimeter.infinite .primary-color, .ultimeter-container.sp-ultimeter.infinite .secondary-color, .ultimeter-container.sp-ultimeter.custom .primary-color, .ultimeter-container.sp-ultimeter.custom .secondary-color, .ultimeter-container.sp-ultimeter.radial .primary-color, .ultimeter-container.sp-ultimeter.radial .secondary-color {
background: none;
}
.ultimeter-container.sp-ultimeter .ultimeter_thermometer .ultimeter_thermometer_tube {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.ultimeter-container.sp-ultimeter .ultimeter_thermometer .ultimeter_thermometer_tube_topper {
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
top: 3px;
position: absolute;
}
.ultimeter-container.sp-ultimeter .ultimeter_thermometer .ultimeter_meter_progress {
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
.ultimeter-container.sp-ultimeter .ultimeter_thermometer .ultimeter_thermometer_bulb_mercury {
background: #f5d62f !important;
background-color: #f5d62f !important;
}
.ultimeter-container.sp-ultimeter .ultimeter_thermometer .ultimeter_meter_amount {
color: #000000;
border-color: #000000;
}
.ultimeter-container.sp-ultimeter.progressbar .ultimeter_progressbar_outer {
box-shadow: none;
}
.ultimeter-container.sp-ultimeter.progressbar .ultimeter_progressbar_outer .ultimeter_progressbar_progress {
box-shadow: none;
} .ultimeter-percentage:after {
content: "%";
}
.ultimeter_meter {
display: flex;
margin-bottom: 20px;
word-break: normal;
position: relative;
}
@media (max-width: 640px) {
.ultimeter_meter {
font-size: 12px;
}
}
.ultimeter_meter_amount {
word-break: normal;
width: max-content;
}
.ultfetti {
position: absolute;
left: 50%;
transform: translate(-50%);
width: 100%;
height: 100%;
z-index: 999;
}
.ultimeter_thermometer_2020 {
display: block;
margin: 0 auto;
position: relative;
}
.ultimeter_thermometer_2020 .ultimeter_thermometer_tube_topper {
height: 25px;
width: 50px;
border-radius: 100px 100px 0px 0px;
background: #eee;
margin: 0 auto;
}
.ultimeter_thermometer_2020 .ultimeter_meter_progress {
height: 0%;
width: 60%;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%);
z-index: 5;
}
.ultimeter_thermometer_2020 .ultimeter_meter_progress .ultimeter_meter_amount {
padding: 0 60px 0 5px;
vertical-align: top;
position: absolute;
border-top: 1px solid #060;
color: #060;
right: 0;
}
.ultimeter_thermometer_2020 .ultimeter_thermometer_tube {
height: 400px;
width: 50px;
background: #eee;
margin: auto;
position: relative;
border-radius: 0px;
}
.ultimeter_thermometer_2020 .ultimeter_thermometer_tube .ultimeter_thermometer_tube_scale {
background: linear-gradient(to bottom, black 0%, rgba(255, 255, 255, 0) 10%);
background-position: 0 -2px;
background-size: 100% 5%;
height: 380px;
position: absolute;
width: 30%;
left: 70%;
top: 0px;
}
.ultimeter_thermometer_2020 .ultimeter_thermometer_tube .ultimeter_meter_goal {
position: absolute;
left: 50px;
}
.ultimeter_thermometer_2020 .ultimeter_thermometer_tube .ultimeter_meter_goal .ultimeter_meter_amount {
display: inline-block;
vertical-align: top;
padding: 0 5px 0 30px;
border-top: 1px solid black;
color: #333;
text-align: right;
}
.ultimeter_thermometer_2020 .ultimeter_thermometer_tube .ultimeter_milestone {
position: absolute;
padding: 0 5px 0 30px;
border-bottom: 1px dotted black;
color: #333;
white-space: nowrap;
left: 35px;
font-size: 12px;
}
.ultimeter_thermometer_2020 .ultimeter_thermometer_bulb {
height: 100px;
border-radius: 100px;
width: 100px;
background: #eee;
position: relative;
top: -15px;
margin: 0 auto;
}
.ultimeter_thermometer_2020 .ultimeter_thermometer_bulb .ultimeter_thermometer_bulb_mercury {
width: 80px;
height: 80px;
border-radius: 100px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_medium .ultimeter_thermometer_tube_topper {
height: 20px;
width: 37.5px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_medium .ultimeter_thermometer_tube {
height: 300px;
width: 37.5px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_medium .ultimeter_thermometer_tube .ultimeter_thermometer_tube_scale {
height: 285px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_medium .ultimeter_thermometer_tube .ultimeter_meter_goal {
left: 37.5px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_medium .ultimeter_thermometer_tube .ultimeter_milestone {
left: 26px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_medium .ultimeter_thermometer_bulb {
width: 75px;
height: 75px;
top: -10px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_medium .ultimeter_thermometer_bulb .ultimeter_thermometer_bulb_mercury {
width: 60px;
height: 60px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_tube_topper {
height: 15px;
width: 25px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_tube {
height: 200px;
width: 25px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_tube .ultimeter_thermometer_tube_scale {
height: 200px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_tube .ultimeter_meter_goal {
left: 25px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_tube .ultimeter_milestone {
left: 17px;
font-size: 0.75rem;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_tube .ultimeter_meter_progress .ultimeter_meter_amount {
padding-right: 40px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_tube .ultimeter_meter_amount {
font-size: 0.8rem;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_bulb {
width: 50px;
height: 50px;
top: -7px;
}
.ultimeter_thermometer_2020.ultimeter_thermometer_2020_small .ultimeter_thermometer_bulb .ultimeter_thermometer_bulb_mercury {
width: 40px;
height: 40px;
}
.ultimeter_basictrack_outer {
width: 70px;
height: 300px;
position: relative;
background: #ddd;
border: 1px solid #aaa;
border-radius: 12px;
box-shadow: 1px 1px 4px #999, 5px 0 20px #999;
margin: 0 auto;
}
.ultimeter_basictrack_inner {
height: 280px;
top: 10px;
width: 20px;
border: 1px solid #aaa;
position: relative;
margin: 0 auto;
background: rgb(255, 255, 255);
background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(255, 255, 255) 10%);
background-position: 0 -1px;
background-size: 100% 5.4%;
}
.ultimeter_basictrack_inner .ultimeter_milestone {
position: absolute;
padding: 0 5px 0 60px;
border-bottom: 1px dotted black;
color: #333;
white-space: nowrap;
font-size: 12px;
}
.ultimeter_basictrack_progress {
height: 0%;
width: 100%;
opacity: 0.6;
position: absolute;
bottom: 0;
left: 0;
}
.ultimeter_basictrack_goal {
position: absolute;
top: 0;
}
.ultimeter_basictrack_amount {
display: inline-block;
padding: 0 5px 0 60px;
border-top: 1px solid black;
color: #333;
}
.ultimeter_basictrack_progress .ultimeter_basictrack_amount {
padding: 0 60px 0 5px;
position: absolute;
border-top: 1px solid #060;
color: #060;
right: 0;
} .ultimeter_thermometer_scalable {
width: 100%;
min-height: 200px;
height: 400px;
display: flex;
align-items: center;
flex-direction: column;
}
.ultimeter_thermometer_scalable .ultimeter_meter_goal {
position: absolute;
top: 0px;
left: 80%;
}
.ultimeter_thermometer_scalable .ultimeter_meter_goal .ultimeter_meter_amount {
display: inline-block;
padding: 0 5px 0 30px;
color: #333;
text-align: right;
border-top: 1px solid;
}
.ultimeter_thermometer_scalable_cap {
width: 10%;
background: #eee;
height: 10%;
border-top-left-radius: 250px;
border-top-right-radius: 250px;
}
.ultimeter_thermometer_scalable .ultimeter_meter_progress {
height: 0%;
max-height: 380px;
width: 60%;
z-index: 5;
position: absolute;
bottom: 0;
}
.ultimeter_thermometer_scalable .ultimeter_meter_progress .ultimeter_meter_amount {
padding: 0 60px 0 5px;
position: absolute;
border-top: 1px solid #060;
color: #060;
right: 0;
}
.ultimeter_thermometer_scalable_tube {
height: 80%;
width: 10%;
background: #eee;
position: relative;
display: flex;
align-items: end;
justify-content: center;
}
.ultimeter_thermometer_scalable_tube .ultimeter_thermometer_scalable_tube_scale {
background: linear-gradient(to bottom, black 0%, rgba(255, 255, 255, 0) 10%);
background-position: 0 4%;
background-size: 100% 5%;
height: 100%;
position: absolute;
width: 30%;
left: 70%;
}
.ultimeter_thermometer_scalable_tube .ultimeter_milestone {
position: absolute;
padding: 0 5px 0 60px;
border-bottom: 1px dotted black;
color: #333;
white-space: nowrap;
left: 0;
font-size: 12px;
}
.ultimeter_thermometer_scalable_bulb {
border-radius: 100px;
width: 20%;
background: #eee;
position: relative;
top: -4%;
display: flex;
justify-content: center;
align-items: center;
}
.ultimeter_thermometer_scalable_bulb:after {
content: "";
padding-bottom: 100%;
display: block;
}
.ultimeter_thermometer_scalable_bulb .ultimeter_thermometer_scalable_bulb_mercury {
width: 80%;
height: 80%;
border-radius: 100px;
z-index: 15;
position: absolute;
} .ultimeter_progressbar {
margin-bottom: 80px;
flex-direction: column;
}
.ultimeter_progressbar_outer {
height: 22px;
border-radius: 10px;
box-shadow: 0 -1px 1px #c0bfbc inset;
position: relative;
}
.ultimeter_progressbar_outer .ultimeter_milestone {
position: absolute;
padding: 50px 0px 0px 5px;
border-left: 1px dotted black;
color: #333;
width: 110px;
font-size: 12px;
}
.ultimeter_progressbar_progress {
height: 100%;
color: #fff;
text-align: right;
line-height: 22px;
width: 0;
border-radius: 9px;
box-shadow: 0 2px 2px #333;
position: absolute;
top: 0px;
}
.ultimeter_progressbar_goal .ultimeter_progressbar_amount {
color: #333;
float: right;
line-height: 22px;
}
.ultimeter_progressbar_progress .ultimeter_progressbar_amount {
color: #333;
position: absolute;
top: 30px;
text-align: left;
}
.ultimeter_progressbar_total_amount {
margin-left: 5px;
}
.ultimeter_progressbar.ultimeter_progressbar_icon .ultimeter_progressbar_outer {
box-shadow: none;
height: 64px;
}
.ultimeter_progressbar.ultimeter_progressbar_icon .ultimeter_progressbar_outer .ultimeter_milestone {
padding-top: 65px;
}
.ultimeter_progressbar.ultimeter_progressbar_icon .ultimeter_progressbar_progress {
height: 5px;
overflow: visible !important;
margin-top: 29.5px;
background-size: calc(100% - 64px) !important;
box-shadow: none;
}
.ultimeter_progressbar.ultimeter_progressbar_icon .ultimeter_progressbar_progress img {
height: 64px;
max-height: 64px;
min-width: 64px;
z-index: 999;
margin-top: -29.5px;
display: inline;
}
.ultimeter_progressbar.ultimeter_progressbar_icon .ultimeter_progressbar_progress .progressbar-fontawesome {
font-size: 40px;
margin-top: -16px;
}
.ultimeter_progressbar.ultimeter_progressbar_icon .ultimeter_progressbar_progress .ultimeter_progressbar_amount {
margin-top: 10px;
} .ultimeter-container.radial.sp-ultimeter .ultimeter_radial:after {
border: 40px solid #000;
}
.ultimeter-container.radial.sp-ultimeter .ultimeter_radial .progress-bar {
border-width: 40px;
}
.ultimeter-container.radial.sp-ultimeter .ultimeter_radial .progress-value .current-label {
gap: 10px;
}
.ultimeter-container.radial.sp-ultimeter .ultimeter_radial .progress-value .current-label .calculated {
font-size: 48px;
font-weight: 700;
}
.ultimeter_radial {
width: 300px;
height: 300px;
line-height: 300px;
display: block;
background: none;
margin: 10px auto;
box-shadow: none;
position: relative;
}
.ultimeter_radial:after {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
border: 20px solid #eee;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
}
.ultimeter_radial > span {
width: 50%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1;
}
.ultimeter_radial .progress-left {
left: 0;
}
.ultimeter_radial .progress-bar {
width: 100%;
height: 100%;
background: none;
border-width: 20px;
border-style: solid;
position: absolute;
top: 0;
border-color: #ffb43e;
box-sizing: border-box;
}
.ultimeter_radial .progress-left .progress-bar {
left: 100%;
border-top-right-radius: 150px;
border-bottom-right-radius: 150px;
border-left: 0;
-webkit-transform-origin: center left;
transform-origin: center left;
}
.ultimeter_radial .progress-right {
right: 0;
}
.ultimeter_radial .progress-right .progress-bar {
left: -100%;
border-top-left-radius: 150px;
border-bottom-left-radius: 150px;
border-right: 0;
-webkit-transform-origin: center right;
transform-origin: center right;
}
.ultimeter_radial .progress-value {
display: flex;
flex-direction: column;
border-radius: 50%;
font-size: 24px;
text-align: center;
line-height: 20px;
align-items: center;
justify-content: center;
height: 100%;
font-weight: 300;
padding: 20px;
}
.ultimeter_radial .progress-value div {
margin-top: 10px;
} .ultimeter_radial[data-percentage="1"] .progress-right .progress-bar {
animation: loading-1 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="1"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="2"] .progress-right .progress-bar {
animation: loading-2 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="2"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="3"] .progress-right .progress-bar {
animation: loading-3 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="3"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="4"] .progress-right .progress-bar {
animation: loading-4 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="4"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="5"] .progress-right .progress-bar {
animation: loading-5 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="5"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="6"] .progress-right .progress-bar {
animation: loading-6 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="6"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="7"] .progress-right .progress-bar {
animation: loading-7 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="7"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="8"] .progress-right .progress-bar {
animation: loading-8 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="8"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="9"] .progress-right .progress-bar {
animation: loading-9 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="9"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="10"] .progress-right .progress-bar {
animation: loading-10 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="10"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="11"] .progress-right .progress-bar {
animation: loading-11 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="11"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="12"] .progress-right .progress-bar {
animation: loading-12 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="12"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="13"] .progress-right .progress-bar {
animation: loading-13 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="13"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="14"] .progress-right .progress-bar {
animation: loading-14 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="14"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="15"] .progress-right .progress-bar {
animation: loading-15 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="15"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="16"] .progress-right .progress-bar {
animation: loading-16 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="16"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="17"] .progress-right .progress-bar {
animation: loading-17 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="17"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="18"] .progress-right .progress-bar {
animation: loading-18 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="18"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="19"] .progress-right .progress-bar {
animation: loading-19 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="19"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="20"] .progress-right .progress-bar {
animation: loading-20 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="20"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="21"] .progress-right .progress-bar {
animation: loading-21 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="21"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="22"] .progress-right .progress-bar {
animation: loading-22 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="22"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="23"] .progress-right .progress-bar {
animation: loading-23 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="23"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="24"] .progress-right .progress-bar {
animation: loading-24 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="24"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="25"] .progress-right .progress-bar {
animation: loading-25 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="25"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="26"] .progress-right .progress-bar {
animation: loading-26 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="26"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="27"] .progress-right .progress-bar {
animation: loading-27 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="27"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="28"] .progress-right .progress-bar {
animation: loading-28 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="28"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="29"] .progress-right .progress-bar {
animation: loading-29 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="29"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="30"] .progress-right .progress-bar {
animation: loading-30 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="30"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="31"] .progress-right .progress-bar {
animation: loading-31 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="31"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="32"] .progress-right .progress-bar {
animation: loading-32 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="32"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="33"] .progress-right .progress-bar {
animation: loading-33 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="33"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="34"] .progress-right .progress-bar {
animation: loading-34 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="34"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="35"] .progress-right .progress-bar {
animation: loading-35 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="35"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="36"] .progress-right .progress-bar {
animation: loading-36 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="36"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="37"] .progress-right .progress-bar {
animation: loading-37 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="37"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="38"] .progress-right .progress-bar {
animation: loading-38 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="38"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="39"] .progress-right .progress-bar {
animation: loading-39 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="39"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="40"] .progress-right .progress-bar {
animation: loading-40 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="40"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="41"] .progress-right .progress-bar {
animation: loading-41 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="41"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="42"] .progress-right .progress-bar {
animation: loading-42 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="42"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="43"] .progress-right .progress-bar {
animation: loading-43 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="43"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="44"] .progress-right .progress-bar {
animation: loading-44 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="44"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="45"] .progress-right .progress-bar {
animation: loading-45 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="45"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="46"] .progress-right .progress-bar {
animation: loading-46 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="46"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="47"] .progress-right .progress-bar {
animation: loading-47 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="47"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="48"] .progress-right .progress-bar {
animation: loading-48 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="48"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="49"] .progress-right .progress-bar {
animation: loading-49 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="49"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="50"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="50"] .progress-left .progress-bar {
animation: 0;
}
.ultimeter_radial[data-percentage="51"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="51"] .progress-left .progress-bar {
animation: loading-1 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="52"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="52"] .progress-left .progress-bar {
animation: loading-2 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="53"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="53"] .progress-left .progress-bar {
animation: loading-3 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="54"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="54"] .progress-left .progress-bar {
animation: loading-4 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="55"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="55"] .progress-left .progress-bar {
animation: loading-5 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="56"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="56"] .progress-left .progress-bar {
animation: loading-6 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="57"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="57"] .progress-left .progress-bar {
animation: loading-7 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="58"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="58"] .progress-left .progress-bar {
animation: loading-8 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="59"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="59"] .progress-left .progress-bar {
animation: loading-9 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="60"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="60"] .progress-left .progress-bar {
animation: loading-10 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="61"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="61"] .progress-left .progress-bar {
animation: loading-11 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="62"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="62"] .progress-left .progress-bar {
animation: loading-12 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="63"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="63"] .progress-left .progress-bar {
animation: loading-13 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="64"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="64"] .progress-left .progress-bar {
animation: loading-14 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="65"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="65"] .progress-left .progress-bar {
animation: loading-15 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="66"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="66"] .progress-left .progress-bar {
animation: loading-16 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="67"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="67"] .progress-left .progress-bar {
animation: loading-17 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="68"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="68"] .progress-left .progress-bar {
animation: loading-18 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="69"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="69"] .progress-left .progress-bar {
animation: loading-19 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="70"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="70"] .progress-left .progress-bar {
animation: loading-20 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="71"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="71"] .progress-left .progress-bar {
animation: loading-21 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="72"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="72"] .progress-left .progress-bar {
animation: loading-22 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="73"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="73"] .progress-left .progress-bar {
animation: loading-23 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="74"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="74"] .progress-left .progress-bar {
animation: loading-24 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="75"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="75"] .progress-left .progress-bar {
animation: loading-25 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="76"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="76"] .progress-left .progress-bar {
animation: loading-26 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="77"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="77"] .progress-left .progress-bar {
animation: loading-27 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="78"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="78"] .progress-left .progress-bar {
animation: loading-28 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="79"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="79"] .progress-left .progress-bar {
animation: loading-29 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="80"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="80"] .progress-left .progress-bar {
animation: loading-30 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="81"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="81"] .progress-left .progress-bar {
animation: loading-31 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="82"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="82"] .progress-left .progress-bar {
animation: loading-32 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="83"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="83"] .progress-left .progress-bar {
animation: loading-33 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="84"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="84"] .progress-left .progress-bar {
animation: loading-34 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="85"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="85"] .progress-left .progress-bar {
animation: loading-35 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="86"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="86"] .progress-left .progress-bar {
animation: loading-36 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="87"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="87"] .progress-left .progress-bar {
animation: loading-37 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="88"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="88"] .progress-left .progress-bar {
animation: loading-38 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="89"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="89"] .progress-left .progress-bar {
animation: loading-39 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="90"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="90"] .progress-left .progress-bar {
animation: loading-40 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="91"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="91"] .progress-left .progress-bar {
animation: loading-41 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="92"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="92"] .progress-left .progress-bar {
animation: loading-42 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="93"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="93"] .progress-left .progress-bar {
animation: loading-43 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="94"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="94"] .progress-left .progress-bar {
animation: loading-44 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="95"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="95"] .progress-left .progress-bar {
animation: loading-45 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="96"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="96"] .progress-left .progress-bar {
animation: loading-46 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="97"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="97"] .progress-left .progress-bar {
animation: loading-47 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="98"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="98"] .progress-left .progress-bar {
animation: loading-48 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="99"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="99"] .progress-left .progress-bar {
animation: loading-49 1.5s linear forwards 1.5s;
}
.ultimeter_radial[data-percentage="100"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.ultimeter_radial[data-percentage="100"] .progress-left .progress-bar {
animation: loading-50 1.5s linear forwards 1.5s;
}
@keyframes loading-1 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(3.6deg);
}
}
@keyframes loading-2 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(7.2deg);
}
}
@keyframes loading-3 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(10.8deg);
}
}
@keyframes loading-4 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(14.4deg);
}
}
@keyframes loading-5 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(18deg);
}
}
@keyframes loading-6 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(21.6deg);
}
}
@keyframes loading-7 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(25.2deg);
}
}
@keyframes loading-8 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(28.8deg);
}
}
@keyframes loading-9 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(32.4deg);
}
}
@keyframes loading-10 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(36deg);
}
}
@keyframes loading-11 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(39.6deg);
}
}
@keyframes loading-12 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(43.2deg);
}
}
@keyframes loading-13 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(46.8deg);
}
}
@keyframes loading-14 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(50.4deg);
}
}
@keyframes loading-15 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(54deg);
}
}
@keyframes loading-16 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(57.6deg);
}
}
@keyframes loading-17 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(61.2deg);
}
}
@keyframes loading-18 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(64.8deg);
}
}
@keyframes loading-19 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(68.4deg);
}
}
@keyframes loading-20 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(72deg);
}
}
@keyframes loading-21 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(75.6deg);
}
}
@keyframes loading-22 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(79.2deg);
}
}
@keyframes loading-23 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(82.8deg);
}
}
@keyframes loading-24 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(86.4deg);
}
}
@keyframes loading-25 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(90deg);
}
}
@keyframes loading-26 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(93.6deg);
}
}
@keyframes loading-27 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(97.2deg);
}
}
@keyframes loading-28 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(100.8deg);
}
}
@keyframes loading-29 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(104.4deg);
}
}
@keyframes loading-30 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(108deg);
}
}
@keyframes loading-31 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(111.6deg);
}
}
@keyframes loading-32 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(115.2deg);
}
}
@keyframes loading-33 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(118.8deg);
}
}
@keyframes loading-34 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(122.4deg);
}
}
@keyframes loading-35 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(126deg);
}
}
@keyframes loading-36 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(129.6deg);
}
}
@keyframes loading-37 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(133.2deg);
}
}
@keyframes loading-38 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(136.8deg);
}
}
@keyframes loading-39 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(140.4deg);
}
}
@keyframes loading-40 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(144deg);
}
}
@keyframes loading-41 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(147.6deg);
}
}
@keyframes loading-42 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(151.2deg);
}
}
@keyframes loading-43 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(154.8deg);
}
}
@keyframes loading-44 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(158.4deg);
}
}
@keyframes loading-45 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(162deg);
}
}
@keyframes loading-46 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(165.6deg);
}
}
@keyframes loading-47 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(169.2deg);
}
}
@keyframes loading-48 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(172.8deg);
}
}
@keyframes loading-49 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(176.4deg);
}
}
@keyframes loading-50 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(180deg);
}
} .ultimeter-custom {
display: flex;
flex-direction: column;
align-items: center;
}
.ultimeter-custom .loadgo-overlay {
z-index: 1;
}
.ultimeter-counter-custom {
font-weight: bold;
font-size: 20px;
text-align: center;
margin-top: 20px;
} .ultimeter_infinite_basic {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.ultimeter_infinite_flip {
font-size: 2rem;
white-space: nowrap;
font-family: arial, sans-serif;
}
.ultimeter_infinite_flip .tick-flip, .ultimeter_infinite_flip .tick-text-inline {
font-size: 2.5em;
}
.ultimeter_infinite_flip .tick-label {
margin-top: 1em;
font-size: 1em;
}
.ultimeter_infinite_flip .tick-char {
width: 1.5em;
}
.ultimeter_infinite_flip .tick-text-inline {
display: inline-block;
text-align: center;
min-width: 1em;
}
.ultimeter_infinite_flip .tick-text-inline + .tick-text-inline {
margin-left: -0.325em;
}
.ultimeter_infinite_flip .tick-group {
margin: 0 0.5em;
text-align: center;
}
.ultimeter_infinite_flip .tick-text-inline {
color: #595d63 !important;
}
.ultimeter_infinite_flip .tick-label {
color: #595d63 !important;
}
.ultimeter_infinite_flip .tick-flip-panel {
color: #fff !important;
}
.ultimeter_infinite_flip .tick-flip-panel-text-wrapper {
line-height: 1.45 !important;
}
.ultimeter_infinite_flip .tick-flip-panel {
background-color: #3c3e3c !important;
}
.ultimeter_infinite_flip .tick-flip {
border-radius: 0.12em !important;
}@media(max-width:360px){#wpadminbar .wp-admin-bar-reader{display:none!important}}#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-reader .ab-item{padding:0}@media(max-width:782px){#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-reader .ab-item{display:flex;justify-content:center}}#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-reader .ab-icon{align-items:center;display:flex;height:100%;margin:0;padding:0 6px}@media(max-width:782px){#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-reader .ab-icon{justify-content:center;padding:0}}@media(max-width:480px){#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-reader .ab-icon{max-width:40px}}#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-reader .ab-icon:before{background-color:currentColor;content:"";display:flex;height:20px;margin:0;mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="11" fill="none" viewBox="0 0 24 11"><path fill="%23000" d="m22.875 4.607-.055-.25C22.335 2.175 20.276.584 17.924.584c-1.271 0-2.488.447-3.412 1.264-.32.283-.568.593-.769.894a9.5 9.5 0 0 0-1.711-.18h-.027c-.586 0-1.163.085-1.73.188a4.7 4.7 0 0 0-.777-.91C8.573 1.013 7.356.575 6.085.575 3.724.584 1.665 2.174 1.18 4.358l-.055.249H0v1.4h1.125l.055.25c.458 2.183 2.517 3.773 4.895 3.773 2.764 0 5.005-2.114 5.005-4.718 0 0 .01-.585-.228-1.341a9 9 0 0 1 1.153-.095c.366 0 .75.035 1.143.086-.247.765-.229 1.35-.229 1.35 0 2.604 2.242 4.718 5.005 4.718 2.38 0 4.438-1.581 4.896-3.773l.055-.25H24v-1.4zm-16.8 4.022c-1.94 0-3.522-1.487-3.522-3.326 0-1.84 1.583-3.326 3.522-3.326 1.94 0 3.523 1.487 3.523 3.326 0 1.84-1.583 3.326-3.523 3.326m11.85 0c-1.94 0-3.523-1.487-3.523-3.326 0-1.84 1.583-3.326 3.522-3.326 1.94 0 3.523 1.487 3.523 3.326 0 1.84-1.583 3.326-3.523 3.326"/></svg>');mask-position:center;mask-repeat:no-repeat;width:24px}@media(max-width:782px){#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-reader .ab-icon:before{height:36px;margin:0;mask-size:contain;width:36px}}#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-reader .ab-label{padding-inline-end:8px}@media(max-width:782px){#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-reader .ab-label{display:none}#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-reader{display:block}}@media(max-width:480px){#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-reader{width:46px}}