.loading{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2}.loading-spinner{background:url(giphy.2fb6e0a73096b391c859.gif) no-repeat 50%;background-size:30px auto;height:100%;width:100%}.header{height:35px;background-color:#000}.header nav{display:none}.app-title{float:left;padding:10px 20px}.nav-icon{cursor:pointer;height:100%;width:40px;float:left;background-color:#3be238;display:inline-block;position:relative}.nav-icon .line{height:4px;width:25px;position:absolute;display:block;text-align:center;left:7.5px;background-color:#000;border-radius:2px;transition:all 1s ease}.nav-icon .line:first-child{top:5px}.nav-icon .line:nth-child(2){top:15px}.nav-icon .line:nth-child(3){top:25px}.nav-icon.close .line:first-child,.nav-icon.close .line:nth-child(2){top:0;-webkit-transform:rotate(45deg) translate(10px,10px);transform:rotate(45deg) translate(10px,10px)}.nav-icon.close .line:nth-child(3){top:0;-webkit-transform:rotate(135deg) translate(10px,-10px);transform:rotate(135deg) translate(10px,-10px)}.nav-menu{position:absolute;top:35px;left:0;height:100%;width:240px;display:none;z-index:3}li,ul{outline-style:none;list-style:none;height:100%;margin:0;padding:0}.nav-menu ul{background-color:#000}.nav-menu li{height:35px;width:100%;border-bottom:1px solid #3be238}.nav-menu li a{height:100%;width:100%;display:block;padding:10px}.nav-menu li.active{background-color:#3be238;color:#000}.nav-menu li.active a{color:#000}@media screen and (min-width:768px){.nav-icon,.nav-menu{display:none}.header nav{float:left;display:inline-block}.app-title{float:right;padding:4.75px 0}}.header nav{height:100%}.header nav li a{border-right:1px solid #3be238;padding:4.75px 10px;height:100%;display:block}.header nav li,.header nav ul{outline-style:none;list-style:none;height:100%;margin:0;padding:0}nav li{float:left}.header nav li.active{background-color:#3be238;color:#000}.header nav li.active a{color:#000}app-home,app-leading-teams,app-teams,app-total{padding:15px 15px 0 15px}app-home,app-leading-teams,app-root,app-teams,app-total{display:block}@media screen and (min-width:768px){.header{padding:0 30px}app-home,app-leading-teams,app-teams,app-total{padding:30px 30px 0 30px}}body{font-size:14px}@media screen and (min-width:768px){body{font-size:16px}}*{box-sizing:border-box}app-root,body,html{width:100%;height:100%;display:block;margin:0}.container,.row{margin:auto;text-align:left}a{text-decoration:none;color:#3be238}app-teams,appd3chart{display:block}h1,nav{color:#3be238}h1{font-size:14px}body{padding:0;background:#1e2025;font-family:Audiowide,cursive;color:#3be238;overflow-x:hidden}.category{padding-bottom:10px}.cat-title,.title{font-weight:700}.values{font-size:35px}.teams{font-size:12px;width:225px;text-overflow:ellipsis;white-space:nowrap}.teams,.tile{overflow:hidden}.tile{cursor:pointer;text-align:center;width:260px;display:inline-block;height:100px;background-color:#000;border:1px solid #3be238;border-top:3px solid #3be238;border-right:none;border-bottom:none;margin:5px;padding:5px;box-shadow:2px 2px 13px #3be238;color:#3be238;position:relative;transition:all 1s ease}.tile:hover{background-color:#3be238;color:#000;-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}.extra-info-cont{display:none;top:0;right:0;overflow:hidden}.extra-info,.extra-info-cont{position:absolute;height:100%;width:100%;z-index:2}.extra-info{background-color:#3be238;color:#000}.bar-cont:hover .bar-text{visibility:visible}@media screen and (min-width:768px){.tile{width:236px}}@media screen and (min-width:1024px){width:241px}@media screen and (min-width:1440px){width:276px}@media screen and (max-width:620px){.container,.row{text-align:center}}