.achievement-bar{display:flex;flex-wrap:wrap}.achievement-bar .achievement{grid-column-gap:2rem;align-items:center;background:#f8f6f6;border:2px solid #dedede;border-radius:.7rem;display:grid;grid-template-columns:20px auto 120px;margin:.5rem;padding:1rem;position:relative}.achievement-bar .achievement .achievement-checked{color:#55c35e;font-size:2rem}.achievement-bar .achievement .achievement-desc{font-size:2rem;margin-left:2rem}.achievement-bar .achievement .achievement-points{border:1px solid #36b040;border-radius:.3rem;color:#36b040;font-size:1.5rem;line-height:1em;padding:1rem;text-align:center}@media (max-width:767px){.achievement-bar .achievement{width:100%}}.badge-bar{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}@media (min-width:992px){.badge-bar{gap:4rem}}.badge-bar .badge-container{align-items:center;display:flex;flex-basis:13rem;flex-direction:column;flex-grow:0;flex-shrink:0}.badge-bar .badge-container .badge{align-items:center;background:#114d69;border:2px solid #dedede;border-radius:50%;box-shadow:0 3px 6px rgba(14,12,11,.15),0 2px 4px rgba(14,12,11,.12);color:#f3f2f2;display:flex;font-size:5rem;height:10rem;justify-content:center;position:relative;width:10rem}.badge-bar .badge-container .badge>img{width:5rem}.badge-bar .badge-container .badge div.badge-mark-container{position:absolute;right:-7px;top:-7px}.badge-bar .badge-container .badge div.badge-mark-container .badge-mark{height:40px;position:relative}.badge-bar .badge-container .badge div.badge-mark-container .badge-mark .badge-mark-sign img{height:40px;vertical-align:top}.badge-bar .badge-container .badge div.badge-mark-container .badge-mark .badge-mark-pts{align-items:center;bottom:0;color:#fff;display:flex;font-size:1.5rem;font-weight:300;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0}.badge-bar .badge-container div.fraction{bottom:.5rem;font-size:10px;line-height:1em;position:absolute;text-align:center;width:100%}.badge-bar .badge-container .badge-desc{margin-top:2rem;text-align:center}.count-up{align-items:baseline;display:flex;flex-direction:row;justify-content:center}.count-up .fraction{font-size:.7em;margin-left:.5rem}.gauge-container{display:block;position:relative}.gauge-container>.gauge .dial{stroke:#e7e4e4;stroke-width:8;fill:transparent}.gauge-container>.gauge .value{stroke:#55c35e;stroke-dasharray:20,1;stroke-width:8;fill:transparent}.gauge-container>.gauge .value-text{fill:#1d769f}.gauge-container>.gauge-count-up{align-items:center;bottom:0;display:flex;font-size:2rem;justify-content:center;left:0;position:absolute;right:0;top:0}.goal-container{border-radius:.7rem;position:relative}.goal-container .goal{grid-gap:2rem;align-items:center;display:grid;grid-auto-columns:40% 1fr;grid-auto-flow:column}.goal-container .goal .goal-desc{font-size:2rem}.goal-container .goal .goal-desc .goal-name:first-letter{text-transform:capitalize}.goal-container .goal .goal-desc .goal-points{background:#e42721;border-radius:.3rem;color:#fff;display:inline-block;font-size:1.7rem;line-height:1em;padding:1rem;position:absolute;right:2rem;top:2rem}body{user-select:none}.particles{left:0;position:fixed;top:0}.particle-count{display:block;margin:25px 0;text-align:center}.particles>.particle{background:transparent;background-repeat:no-repeat;background-size:100% 100%;border-radius:100%;position:absolute}.particles>.particle.smaller{height:5px;width:5px}.particles>.particle.small{height:10px;width:10px}.particles>.particle.normal{height:15px;width:15px}.particles>.particle.big{height:20px;width:20px}.particles>.particle.bigger{height:25px;width:25px}.progress-bar-container .progress-bar{background-color:#f8f6f6;border:2px solid #dedede;border-radius:5px;height:25px}.progress-bar-container .progress-bar span{background-color:#f54538;background-image:linear-gradient(#ff614d,#f54538);border-radius:3px;display:inline-block;height:100%;max-width:100%;transition:width 2s ease;width:0}.progress-bar-container .progress-bar.stripes span{animation:animate-stripes 3s linear infinite;background-image:linear-gradient(135deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:30px 30px}@keyframes animate-stripes{0%{background-position:0 0}to{background-position:60px 0}}.progress-bar-container .count-up{font-size:2rem;justify-content:flex-end}.real-time{background-color:#fafafa;border:2px solid #dedede;border-radius:.7rem;font-size:3rem;overflow:hidden}.real-time>a{color:#4b4444;text-decoration:none}.real-time .real-time-grid{display:grid;grid-template-columns:20% 1fr 10% 20%}.real-time .real-time-grid>div{display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:2rem 0}.real-time .real-time-grid>div.real-time-label :first-letter{text-transform:capitalize}.real-time .real-time-grid>div.real-time-label .real-time-desc{font-size:1.5rem}.real-time .real-time-grid>div.real-time-pu{font-size:2rem;position:relative;text-align:center}.real-time .real-time-grid>div.real-time-pu>.fraction{font-size:1.3rem;line-height:1}.real-time .real-time-grid>div.real-time-points{grid-gap:1rem;align-items:center;background-color:#114d69;color:#fafafa;display:grid;grid-auto-flow:column}.real-time+.real-time{margin-top:4rem}@media (max-width:767px){.real-time{grid-column-gap:1rem;font-size:2rem;grid-template-columns:20% 1fr 10% 30%}.real-time .real-time-grid>div.real-time-pu{font-size:1.5rem}.real-time+.real-time{margin-top:2rem}}@media (max-width:991px){.real-time .real-time-grid>div.real-time-points{grid-gap:0;grid-auto-flow:row}}