.achievement-bar{display:flex;flex-wrap:wrap}.achievement-bar .achievement{margin:.5rem;display:grid;grid-template-columns:auto auto auto;grid-column-gap:2rem;align-items:center;position:relative;padding:1rem;border-radius:.7rem;border:3px solid #dbd7d7;background:#f6f6f6}.achievement-bar .achievement .achievement-checked{font-size:2rem;color:#55c35e}.achievement-bar .achievement .achievement-desc{margin-left:2rem;font-size:2rem}.achievement-bar .achievement .achievement-points{display:inline-block;padding:1rem;line-height:1em;font-size:1.5rem;border:1px solid #36b040;color:#36b040;border-radius:.3rem}.badge-bar{display:flex;justify-content:center;flex-wrap:wrap}.badge-bar .badge-container{display:flex;flex-direction:column;align-items:center;flex-grow:0;flex-shrink:0;flex-basis:13rem;margin:2rem}@media (max-width:767px){.badge-bar .badge-container{margin:1rem}}.badge-bar .badge-container .badge{width:10rem;height:10rem;display:flex;background:#257398;border-radius:50%;justify-content:center;align-items:center;color:#f3f2f2;font-size:5rem;position:relative;box-shadow:0 3px 6px rgba(14,12,11,.15),0 2px 4px rgba(14,12,11,.12);border:2px solid #dbd7d7}.badge-bar .badge-container .badge>img{width:5rem}.badge-bar .badge-container .badge div.badge-mark-container{position:absolute;top:-7px;right:-7px}.badge-bar .badge-container .badge div.badge-mark-container .badge-mark{position:relative;height:40px}.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{position:absolute;font-size:1.5rem;font-weight:300;color:#fff;text-align:center;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.badge-bar .badge-container div.fraction{position:absolute;bottom:.5rem;width:100%;text-align:center;line-height:1em;font-size:10px}.badge-bar .badge-container .badge-desc{margin-top:2rem;text-align:center}.count-up{display:flex;flex-direction:row;align-items:baseline;justify-content:center}.count-up .fraction{font-size:.7em;margin-left:.5rem}.gauge-container{width:200px;height:200px;display:block;position:relative}@media (max-width:767px){.gauge-container{width:150px;height:150px}}.gauge-container>.gauge .dial{stroke:#e7e5e4;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:#257398}.gauge-container>.gauge-count-up{font-size:2rem;display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;right:0;left:0}.goal-container{position:relative;box-shadow:0 1px 3px rgba(14,12,11,.12),0 1px 3px rgba(14,12,11,.24);border-radius:.7rem}.goal-container .goal{display:flex;align-items:center}.goal-container .goal .goal-desc{margin-left:2rem;font-size:2rem}.goal-container .goal .goal-desc .goal-points{position:absolute;top:2rem;right:2rem;display:inline-block;padding:1rem;line-height:1em;font-size:1.7rem;background:#f54538;color:#fafafa;border-radius:.3rem}#content{user-select:none}.particles{position:fixed;top:0;left:0}.particle-count{display:block;text-align:center;margin:25px 0}.particles>.particle{border-radius:100%;background:transparent;position:absolute;background-size:100% 100%;background-repeat:no-repeat}.particles>.particle.smaller{width:5px;height:5px}.particles>.particle.small{width:10px;height:10px}.particles>.particle.normal{width:15px;height:15px}.particles>.particle.big{width:20px;height:20px}.particles>.particle.bigger{width:25px;height:25px}.progress-bar-container .progress-bar{background-color:#f6f6f6;height:25px;border-radius:5px;border:3px solid #dbd7d7;box-shadow:0 3px 6px rgba(14,12,11,.15),0 2px 4px rgba(14,12,11,.12)}.progress-bar-container .progress-bar span{background-color:#f54538;background-image:linear-gradient(#f66855,#f54538);display:inline-block;height:100%;border-radius:3px;transition:width 2s ease;width:0;max-width:100%}.progress-bar-container .progress-bar.stripes span{background-size:30px 30px;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);animation:animate-stripes 3s linear infinite}@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{border:1px solid #dbd7d7;box-shadow:0 1px 3px rgba(14,12,11,.12),0 1px 3px rgba(14,12,11,.24);border-radius:.7rem;overflow:hidden;display:grid;grid-template-columns:20% 1fr 10% 20%;background-color:#fafafa;font-size:3rem}.real-time>div{padding:2rem 0;overflow:hidden;height:100%;display:flex;flex-direction:column;justify-content:center}.real-time>div.real-time-label{justify-content:flex-start}.real-time>div.real-time-label .real-time-desc{font-size:1.5rem}.real-time>div.real-time-pu{text-align:center;position:relative;font-size:2rem}.real-time>div.real-time-pu>.fraction{position:absolute;min-width:100%;width:auto;bottom:.8rem;font-size:1.3rem;line-height:1}.real-time>div.real-time-points{color:#fafafa;background-color:#257398}.real-time+.real-time{margin-top:4rem}@media (max-width:767px){.real-time{font-size:2rem;grid-template-columns:20% 1fr 10% 30%;grid-column-gap:1rem}.real-time>div.real-time-pu{font-size:1.5rem}.real-time+.real-time{margin-top:2rem}}