.flex{display:flex}@keyframes flip{0%{transform:rotateX(0)}to{transform:rotateX(-1turn)}}.coolclub-map{background:#f2f2f2;padding:2rem}@media(max-width:991px){.coolclub-map{padding:2rem .5rem}}@media(min-width:991px){.on-mobile .coolclub-map{padding:2rem .5rem}}.coolclub-map__wrapper{background-image:url(https://mcdn.coolmate.me/image/May2024/mceclip2_8.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex}@media(max-width:991px){.coolclub-map__wrapper{background:none;flex-flow:column}}@media(min-width:991px){.on-mobile .coolclub-map__wrapper{background:none;flex-flow:column}}.coolclub-map__heading{font-size:2.6rem;font-weight:700;margin-bottom:2rem;text-align:center}@media(max-width:991px){.coolclub-map__heading{font-size:2rem}}@media(min-width:991px){.on-mobile .coolclub-map__heading{font-size:2rem}}.coolclub-map__map{background:hsla(0,0%,100%,.9);background:linear-gradient(#fff 0 0) padding-box,radial-gradient(84.33% 84.33% at 50% 50%,#5d82e7 48.5%,#fff 90%) border-box;border:2px solid transparent;border-radius:12px;overflow:hidden;width:60%}@media(max-width:991px){.coolclub-map__map{margin-bottom:1rem;width:100%}}@media(min-width:991px){.on-mobile .coolclub-map__map{margin-bottom:1rem;width:100%}}.coolclub-map__ranking{margin-left:1.5rem;width:40%}@media(max-width:991px){.coolclub-map__ranking{margin-left:0;width:100%}}@media(min-width:991px){.on-mobile .coolclub-map__ranking{margin-left:0;width:100%}}.coolclub-map__total{background:linear-gradient(#fff 0 0) padding-box,radial-gradient(84.33% 84.33% at 50% 50%,#5d82e7 48.5%,#fff 90%) border-box;border:2px solid transparent;border-radius:12px;margin-bottom:1rem;padding:1rem 1.5rem;width:100%}.coolclub-map__total .total-heading{font-family:CriteriaCF;font-size:1.6rem;margin-bottom:1rem;position:relative}.coolclub-map__total .total-heading:after{background-image:url(https://mcdn.coolmate.me/image/May2024/mceclip1_43.png);background-repeat:no-repeat;background-size:contain;bottom:-40px;content:"";height:100%;left:0;position:absolute;width:100%}.coolclub-map__total .total-number{align-items:center;display:flex;font-family:CriteriaCF;line-height:normal}.coolclub-map__total .total-number__img{margin-right:10px;max-width:42px}@media(max-width:991px){.coolclub-map__total .total-number__img{max-width:30px}}@media(min-width:991px){.on-mobile .coolclub-map__total .total-number__img{max-width:30px}}.coolclub-map__total .total-number__total{color:#2547a4;display:flex;font-family:CriteriaCF;font-size:3.5rem;margin-right:5px}@media(max-width:991px){.coolclub-map__total .total-number__total{font-size:1.8rem}}@media(min-width:991px){.on-mobile .coolclub-map__total .total-number__total{font-size:1.8rem}}.coolclub-map__total .total-number__total .digit-container{display:inline-block;height:65px;line-height:normal;overflow:hidden}@media(max-width:991px){.coolclub-map__total .total-number__total .digit-container{height:auto}}@media(min-width:991px){.on-mobile .coolclub-map__total .total-number__total .digit-container{height:auto}}.coolclub-map__total .total-number__total .digit{display:block;transform:translateY(0);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.coolclub-map__total .total-number__total .is-changing{transform:translateY(-100%)}.coolclub-map__total .total-number__text{color:#2547a4;font-family:CriteriaCF;font-size:3rem;margin-top:5px}@media(max-width:991px){.coolclub-map__total .total-number__text{font-size:1.5rem}}@media(min-width:991px){.on-mobile .coolclub-map__total .total-number__text{font-size:1.5rem}}.coolclub-map__ranking-list{background:linear-gradient(#fff 0 0) padding-box,radial-gradient(84.33% 84.33% at 50% 50%,#5d82e7 48.5%,#fff 90%) border-box;border:2px solid transparent;border-radius:12px;margin-bottom:1rem;padding:1.5rem;width:100%}.coolclub-map__ranking-list h4{font-family:CriteriaCF;font-size:1.6rem;margin-bottom:1.5rem;position:relative}.coolclub-map__ranking-list h4:after{background-image:url(https://mcdn.coolmate.me/image/May2024/mceclip1_43.png);background-repeat:no-repeat;background-size:contain;bottom:-40px;content:"";height:100%;left:0;position:absolute;width:100%}.coolclub-map__ranking-list .ranking-list__item{display:flex;font-size:1.125rem;justify-content:space-between;margin-bottom:10px;width:100%}.coolclub-map__ranking-list .ranking-list__item .item__name{align-items:center;display:flex;opacity:.8}.coolclub-map__ranking-list .ranking-list__item .item__name span{margin-right:5px}.coolclub-map__ranking-list .ranking-list__item .item__name span img{height:25px;width:25px}.coolclub-map__ranking-list .ranking-list__item .item__total{opacity:.7}