button:focus{outline:none}.app-menu{min-width:240px}.MuiTypography-root.menu-title{text-align:center;font-size:1.1rem;font-weight:600;margin:1rem 0}.MuiListItem-root.menu-date{text-align:center;padding-bottom:0}.MuiListItem-root.menu-time{text-align:center;padding-top:0}.bp span{display:inline-block;width:1.15rem;text-align:center}.bp span:first-child{margin-right:4px}.cards{font-size:xx-small;margin:.1rem 0;width:.6rem;height:auto;text-align:center}.cards:not(.empty){display:flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,63.5%,.3803921568627451)}.cards.red:not(.empty){color:#000;background-color:#ff6857}.cards.yellow:not(.empty){color:grey;background-color:#fff350}.chart{margin:0 2px}.chart canvas{width:100%;height:31px}.chart.full canvas{height:51px}.fav{display:flex;align-items:center}.fav-icon.active{color:#1d1d1d;color:green}#date-picker{width:80px;margin-right:16px}#date-picker input{width:100%;color:red}#date-picker .MuiInput-root:after,#date-picker .MuiInput-root:before{border-bottom-color:red}span.league{font-size:xx-small;white-space:nowrap;overflow-x:hidden}.loader-background,.loader-container{position:absolute;top:0;bottom:0;left:0;right:0}.loader-background{opacity:.5;background-color:#000;z-index:10}.loader-container{z-index:11}.loader{display:inline-block;position:relative;width:80px;height:80px}.loader div{transform-origin:40px 40px;animation:loader 1.2s linear infinite}.loader div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:var(--brand-color)}.loader div:first-child{transform:rotate(0deg);animation-delay:-1.1s}.loader div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.loader div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.loader div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.loader div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.loader div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.loader div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.loader div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.loader div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.loader div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.loader div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.loader div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes loader{0%{opacity:1}to{opacity:0}}.pair{white-space:nowrap}.pair>span{display:inline-block;margin:0 1px}.l1,.l2,.l3{text-align:right}.l1{width:.5rem}.l2{width:.9rem}.l3{width:1.2rem}.scores.all{font-weight:700}span.start-time{font-size:xx-small}.team{white-space:nowrap;overflow-x:hidden;margin-right:.5rem}div.rank{display:inline-block}div.rank.l1{width:.9rem}div.rank.l2{width:1.2rem}div.rank.l3{width:1.5rem}div.rank.l4{width:1.8rem}.time{display:flex;align-items:center}.wait-indicator-line{width:100%;height:1px;background-color:grey;animation:line-progress 60s linear}@keyframes line-progress{0%{width:8px}to{width:100%}}.wait-indicator-circle{position:absolute;top:0;right:4px;width:8px;height:8px}svg#wait{width:100%;height:100%;transform:rotateY(-180deg) rotate(-90deg)}svg#wait circle{stroke:#fff;fill:none;stroke-width:1px;stroke-linecap:round;stroke-dashoffset:0px;stroke-dasharray:19px;animation:countdown 60s linear forwards}@keyframes countdown{0%{stroke-dashoffset:2px}to{stroke-dashoffset:17px}}#app-header .MuiAppBar-colorPrimary{color:#fff;background-color:var(--brand-color)}.title{color:#fff;font-size:1.2rem;font-weight:700}.app-footer{background-color:#3f51b5;padding:0 .5rem;color:#fff;font-size:xx-small;display:flex;align-items:center}.filter-info,.sort-info{margin-left:16px;margin-right:4px}.update-info{min-width:32px;margin-left:auto}.icon-footer{margin-right:4px}.popup-overlay{background:rgba(0,0,0,.7)}.popup-content{height:80%;width:80%;background:#fff}.settings-container{height:100%;width:100%;display:grid;padding:2px;grid-gap:2px;grid-template-rows:2em auto 2em;grid-template-areas:"header" "body" "footer"}.header{grid-area:header}.body{grid-area:body}.footer{grid-area:footer}.header{text-align:center;font-weight:600;font-size:1.2em;color:var(--brand-color)}.footer{display:flex;flex-direction:row;justify-content:end}.footer button{color:var(--brand-color)}.MuiTabs-root,.MuiTabs-root button{height:36px;min-height:unset}.fav{margin-left:-4px}.game{grid-template-columns:100%;grid-template-areas:"data" "stat" "chart"}.data{background-color:#d9f0ff;grid-template-columns:1.5rem 2rem 2rem auto 1rem .6rem .6rem;grid-template-areas:"league  league      time   host    h-scores   h-scores-h1  h-scores-h2" "fav     start-time  time   guest   g-scores   g-scores-h1  g-scores-h2"}.data,.stat{display:grid;padding:1px 2px;grid-column-gap:2px;grid-row-gap:0}.stat{font-size:smaller;color:#555;grid-template-columns:1.5rem 24px .6rem .6rem 1fr 24px 2.1rem 2.1rem 1fr 24px 1rem 1rem 1fr 24px 2.8rem;grid-template-areas:"stat-time  icon-cards   h-red-cards   h-yellow-cards  .     icon-shots   h-shots-h1  h-shots-h2   .     icon-attacks   h-attacks-h1  h-attacks-h2  .      icon-ball-possession  h-bp" "stat-time  icon-cards   g-red-cards   g-yellow-cards  .     icon-shots   g-shots-h1  g-shots-h2   .     icon-attacks   g-attacks-h1  g-attacks-h2  .      icon-ball-possession  g-bp "}.game.ht{background-color:var(--live-game-ht-color);box-shadow:none}.data.ht{background-color:var(--live-game-data-ht-color)}.stat .time{grid-area:stat-time}.stat .cards.red.h{grid-area:h-red-cards}.stat .cards.red.g{grid-area:g-red-cards}.stat .cards.yellow.h{grid-area:h-yellow-cards}.stat .cards.yellow.g{grid-area:g-yellow-cards}.stat .shots.h.half1{grid-area:h-shots-h1}.stat .shots.g.half1{grid-area:g-shots-h1}.stat .shots.h.half2{grid-area:h-shots-h2}.stat .shots.g.half2{grid-area:g-shots-h2}.stat .shots.last10.h{grid-area:h-last10}.stat .shots.last10.g{grid-area:g-last10}.stat .bp.h{grid-area:h-bp}.stat .bp.g{grid-area:g-bp}.stat .attacks.h.half1{grid-area:h-attacks-h1}.stat .attacks.h.half2{grid-area:h-attacks-h2}.stat .attacks.g.half1{grid-area:g-attacks-h1}.stat .attacks.g.half2{grid-area:g-attacks-h2}.stat .image.img-cards{grid-area:icon-cards}.stat .image.img-ball-possession{grid-area:icon-ball-possession}.stat .image.img-shots{grid-area:icon-shots}.stat .image.img-attack{grid-area:icon-attacks}.stat .image{text-align:center;display:flex;justify-content:right;align-items:center}.stat .image>img{margin-right:4px;width:12px;opacity:.5}.stat .cards.empty{color:#000}.data .time{font-weight:600}.shots.last10{text-align:center}.stat .bp{white-space:nowrap}.list-group-item{padding:1px 0;border:none;background-color:unset;display:inline-block;width:100%}@media (min-width:600px){.list-group-item{width:50%}}@media (min-width:900px){.list-group-item{width:33.3%}}.list-group-item .data{padding:.1rem .5rem}.list-group-item .stat{padding:0 4px}.empty-list{width:100%;height:100%}.demo-finish-content{height:200px;background-color:var(--brand-color);padding:8px;box-sizing:border-box;--base-color:hsla(0,0%,100%,0.8156862745098039)}.demo-finish-container{height:100%;width:100%}.demo-finish-container .text{height:144px;line-height:144px;text-align:center;vertical-align:middle;font-size:1.6em;color:var(--base-color)}.demo-finish-container .buttons{height:40px;display:flex;justify-content:space-evenly}.demo-finish-container .buttons .MuiButton-root{min-width:96px;color:var(--base-color);border-color:var(--base-color)}.image{text-align:center;display:flex;justify-content:center;align-items:center}.image>img{width:12px}.image.img-ball-possession>img{width:16px}.league{text-align:center}.fav{margin-top:-8px}.history_game{grid-template-columns:1fr;grid-template-areas:"history_game_info" "history_game_stat" "history_game_chart"}.history_game_info{background-color:#d9f0ff;padding:1px 4px 1px 8px;grid-template-columns:32px 2.5rem auto .6rem .6rem 1rem 1.2rem .7rem .7rem;grid-template-areas:"league league      host    h-red-cards  h-yellow-cards  .    h-scores  h-scores-h1  h-scores-h2" "fav   start-time   guest   g-red-cards  g-yellow-cards  .    g-scores  g-scores-h1  g-scores-h2"}.history_game_info,.history_game_stat{display:grid;grid-column-gap:2px;grid-row-gap:0}.history_game_stat{font-size:smaller;padding:1px 2px;grid-template-columns:16px 1.5rem 1.5rem 1fr 16px 2.1rem 2.1rem 1fr 16px 2.1rem 2.1rem 1fr 32px 2.8rem;grid-template-areas:" image-cards  h-cards-h1  h-cards-h2  .   image-shots   h-shots-h1   h-shots-h2  .   image-attack  h-attacks-h1  h-attacks-h2   .   image-bp  h-bp" " image-cards  g-cards-h1  g-cards-h2  .   image-shots   g-shots-h1   g-shots-h2  .   image-attack  g-attacks-h1  g-attacks-h2   .   image-bp  g-bp"}.fav{grid-area:fav}.league{grid-area:league}.start-time{grid-area:start-time}.data .time{grid-area:time}.team.h{grid-area:host}.team.g{grid-area:guest}.cards.red.h{grid-area:h-red-cards}.cards.red.g{grid-area:g-red-cards}.cards.yellow.h{grid-area:h-yellow-cards}.cards.yellow.g{grid-area:g-yellow-cards}.scores.h.all{grid-area:h-scores}.scores.h.half1{grid-area:h-scores-h1}.scores.h.half2{grid-area:h-scores-h2}.scores.g.all{grid-area:g-scores}.scores.g.half1{grid-area:g-scores-h1}.scores.g.half2{grid-area:g-scores-h2}.half_cards.h.half1{grid-area:h-cards-h1}.half_cards.g.half1{grid-area:g-cards-h1}.half_cards.h.half2{grid-area:h-cards-h2}.half_cards.g.half2{grid-area:g-cards-h2}.shots.h.half1{grid-area:h-shots-h1}.shots.g.half1{grid-area:g-shots-h1}.shots.h.half2{grid-area:h-shots-h2}.shots.g.half2{grid-area:g-shots-h2}.attacks.h.half1{grid-area:h-attacks-h1}.attacks.g.half1{grid-area:g-attacks-h1}.attacks.h.half2{grid-area:h-attacks-h2}.attacks.g.half2{grid-area:g-attacks-h2}.bp.h{grid-area:h-bp}.bp.g{grid-area:g-bp}.image.img-cards{grid-area:image-cards}.image.img-ball-possession{grid-area:image-bp}.image.img-shots{grid-area:image-shots}.image.img-attack{grid-area:image-attack}.history.chart{grid-area:history_game_chart}.history-container{height:100%}:root{--brand-color:#3f51b5;--brand-color-light:rgba(63,81,181,0.5019607843137255);--card-border-color:#d8d8d8;--live-game-ht-color:#f8f8f8;--live-game-data-ht-color:#e8e8e8}body{max-width:1200px;margin:0 auto;font-size:small;position:relative}.superscript{font-size:xx-small;vertical-align:top}.bold{font-weight:700}.hidden{display:none}.invisible{visibility:hidden}.red{color:red}.highlight{background-color:#ffd6d6}.centered{display:flex;justify-content:center;align-items:center;padding:0 2rem}.card{margin:4px;box-shadow:2px 4px 4px var(--brand-color);border-radius:4px}#root,.app{width:100%;height:100%}.app{display:grid;grid-gap:0;grid-template-rows:auto 1fr 16px;grid-template-areas:"app-header" "app-main-area" "app-footer"}#app-header{grid-area:app-header}.app-main-area{grid-area:app-main-area}.app-footer{grid-area:app-footer}.app-main-area{width:100%;height:100%;overflow-y:auto;background-color:var(--brand-color-light)}