@import url(https://fonts.googleapis.com/css?family=Mali&display=swap);@import url(https://fonts.googleapis.com/css?family=Abel);body{font-family:Mali,cursive!important}@media screen and (max-width:550px){.ma-0[data-v-157ae0f6]{margin:0}}.my-2[data-v-157ae0f6]{margin:2rem}.card{width:450px;height:250px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#fff));background:linear-gradient(#f8f8f8,#fff);-webkit-box-shadow:0 8px 16px -8px rgba(0,0,0,.4);box-shadow:0 8px 16px -8px rgba(0,0,0,.4);border-radius:6px;overflow:hidden;position:relative;font-family:Abel,Arial,Verdana,sans-serif}.card h1{text-align:center}.card .additional{height:100%;background:-webkit-gradient(linear,left top,left bottom,from(#de685e),to(#ee786e));background:linear-gradient(#de685e,#ee786e);-webkit-transition:width .4s;transition:width .4s;overflow:hidden;z-index:2}.card.green .additional{background:-webkit-gradient(linear,left top,left bottom,from(#92bca6),to(#a2ccb6));background:linear-gradient(#92bca6,#a2ccb6)}.card:hover .additional{width:100%;border-radius:0 5px 5px 0}.card .additional .user-card{width:150px;height:100%;position:relative;float:left}.card .additional .user-card:after{content:"";display:block;position:absolute;top:10%;right:-2px;height:80%;border-left:2px solid rgba(0,0,0,.025)}.card .additional .user-card .level,.card .additional .user-card .points{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);color:#fff;text-transform:uppercase;font-size:.75em;font-weight:700;background:rgba(0,0,0,.15);padding:.125rem .75rem;border-radius:100px;white-space:nowrap}.card .additional .user-card .points{top:85%}.card .additional .more-info{width:300px;float:left;position:absolute;left:150px;height:100%;background:#fff}.card .additional .more-info h1{color:#000;font-size:1.5rem;margin-bottom:0}.card.green .additional .more-info h1{color:#224c36}.card .additional .coords{margin:0 1rem;color:#224c36;font-size:1rem}.card .additional .coords span+span{float:right}.card .additional .stats{font-size:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem;top:auto;color:#fff}.card .additional .stats>div{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.card .additional .stats i{display:block}.card .additional .stats div.title{font-size:.75rem;font-weight:700;text-transform:uppercase}.card .additional .stats div.value{font-size:1.5rem;font-weight:700;line-height:1.5rem}.card .additional .stats div.value.infinity{font-size:2.5rem}.card .general{width:300px;height:100%;position:absolute;top:0;right:0;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;padding:1rem;padding-top:0}.card .general .more{position:absolute;bottom:1rem;right:1rem;font-size:.9em}.pa-4{padding:4em}