.disable-login{opacity:.7;pointer-events:none;cursor:not-allowed}.tabs{display:flex;gap:10px;padding:10px 0;margin-bottom:40px}.tabs__button{display:flex;justify-content:center;flex:1;padding:10px;border:1px solid #d82d55;cursor:pointer}.tabs__button--active{display:flex;justify-content:center;flex:1;padding:10px;background:#d82d55}@font-face{font-family:Futura;src:url(fonts/FuturaLightItalic.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Futura;src:url(fonts/FuturaLight.ttf) format("truetype");font-weight:300}@font-face{font-family:Futura;src:url(./fonts/FuturaHeavy.ttf) format("truetype");font-weight:700}@font-face{font-family:Futura;src:url(./fonts/FuturaHeavyItalic.ttf) format("truetype");font-weight:700;font-style:italic}html,body,#root{height:100%}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout{height:100%;border:0;display:flex;font-family:Futura!important}.left-panel{background:#232882;height:100%;width:32%;margin:0;display:flex;flex-direction:column}.left-panel .name{text-align:center;padding:2.28vh}.left-panel .name h1{margin:0;color:#fff;font-weight:600;text-transform:uppercase;font-size:3.648vh}.left-panel .menu{display:flex;flex:1}.left-panel .menu .score{display:flex;flex-direction:column;flex:1;width:50%}.left-panel .menu .score__value{text-align:center}.left-panel .menu .score__value--digit{display:block;font-size:9.576vh;font-weight:600;color:#d82d55}.left-panel .menu .score__value--info{display:block;font-size:3.192vh;color:#fff;text-transform:uppercase;margin-top:-1.14vh}.left-panel .menu .matches{flex:1;display:flex;align-items:flex-end;flex-direction:column}.left-panel .menu .matches h3{color:#d82d55;margin-left:-2.28vh;margin-bottom:0;align-self:center}.left-panel .menu .matches__list{list-style:none;padding-left:0;overflow:auto;height:62vh;margin-right:-2.28vh}.left-panel .menu .matches__list--item{color:#fff;padding:2.394vh 5.7vh 2.28vh 3.42vh;cursor:pointer}.left-panel .menu .matches__list--item.past{opacity:.4}.left-panel .menu .matches__list--item.selected{background-color:#d82d55;position:relative}.left-panel .menu .matches__list--item.selected:after{content:"";display:block;position:absolute;top:-2.223vh;right:0;background-color:#232882;height:2.28vh;width:2.28vh;clip-path:polygon(0 50%,100% 100%,0 100%)}.left-panel .menu .matches__list--item b{display:block;font-size:2.964vh}.left-panel .menu .matches__list--item span{font-size:2.508vh}.left-panel .message{padding:11.4vh 5.7vh 5.7vh;margin:0 auto}.left-panel .message span{font-size:10.488vh;display:block;color:#fff;font-weight:100}.left-panel .message span:last-child{color:#d82d55;font-weight:bolder}.left-panel .ipl-logo{background-image:url(/assets/ipl-CPuDazGA.png);background-repeat:no-repeat;display:block;height:150px;width:169px;margin:0 auto 20px 40px;background-size:contain}.right-panel{flex:1;display:flex;flex-direction:column;position:relative}.right-panel .login{flex:1}.right-panel .login .form{width:34.2vh;margin:25.08vh auto}.right-panel .login input{border:0;border-bottom:1px solid #232882;width:100%;padding-bottom:1.14vh;font-size:2.28vh;font-family:inherit;margin-bottom:2.28vh}.right-panel .login button{width:100%;padding:1.14vh;font-size:2.28vh;border:0;background:#d82d55;color:#fff;font-weight:600;font-family:inherit;margin-top:1.14vh;cursor:pointer}.right-panel .card-holder{width:68.4vh;height:45.6vh;display:flex;margin:11.4vh auto;z-index:1;position:relative}.right-panel .card-holder .arrow{width:6.84vh;height:20.52vh;position:absolute;background-repeat:no-repeat;background-size:cover;transition:.2s transform;cursor:pointer;padding:2px}.right-panel .card-holder .arrow-left{background-image:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%2078%20190'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:none;}.cls-2{clip-path:url(%23clip-path);}.cls-3{fill:%2360717e;}.cls-4{fill:%23fc1048;}%3c/style%3e%3cclipPath%20id='clip-path'%3e%3crect%20class='cls-1'%20x='-93.62'%20y='337.63'%20width='199.1'%20height='100.37'/%3e%3c/clipPath%3e%3c/defs%3e%3ctitle%3eArtboard%201%20copy%3c/title%3e%3cpolygon%20class='cls-3'%20points='10.5%20176%2010.5%2059%2058.5%209%2010.5%20176'/%3e%3cpolygon%20class='cls-4'%20points='19.5%20181%2019.5%2064%2067.5%2014%2019.5%20181'/%3e%3c/svg%3e");top:2.28vh;left:-1.71vh;transform:rotate(-5deg)}.right-panel .card-holder .arrow-left:hover{transform:scale(1.2) rotate(-5deg) translate(-.57vh)}.right-panel .card-holder .arrow-left:active{transform:translateY(-2px)}.right-panel .card-holder .arrow-right{background-image:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%2078%20190'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:none;}.cls-2{clip-path:url(%23clip-path);}.cls-3{fill:%2360717e;}.cls-4{fill:%23fc1048;}%3c/style%3e%3cclipPath%20id='clip-path'%3e%3crect%20class='cls-1'%20x='-1.1'%20y='337.63'%20width='199.1'%20height='100.37'/%3e%3c/clipPath%3e%3c/defs%3e%3ctitle%3eArtboard%201%3c/title%3e%3cpolygon%20class='cls-3'%20points='67.5%2014%2067.5%20131%2019.5%20181%2067.5%2014'/%3e%3cpolygon%20class='cls-4'%20points='58.5%209%2058.5%20126%2010.5%20176%2058.5%209'/%3e%3c/svg%3e");bottom:-3.99vh;right:-.57vh;transform:rotate(-5deg)}.right-panel .card-holder .arrow-right:hover{transform:scale(1.2) rotate(-5deg) translate(.57vh)}.right-panel .card-holder .arrow-right:active{transform:translateY(-2px)}.right-panel .card-holder .card{flex:1;text-align:left;height:100%;box-shadow:0 3px 5px #0003;margin:3.42vh;transform:skew(-10deg);position:relative;background-size:cover;z-index:2;cursor:pointer;transition:.2s transform}.right-panel .card-holder .card.past{opacity:.5;cursor:not-allowed}.right-panel .card-holder .card.past .btn{cursor:not-allowed}.right-panel .card-holder .card:hover:not(.past){transform:scale(1.1) skew(-10deg)}.right-panel .card-holder .card:hover:not(.past) .team-logo{transform:skew(10deg) translateY(-2.28vh)}.right-panel .card-holder .card:hover:not(.past) .team-name{transform:scale(1.3) skew(10deg) translate(3.42vh) translateY(-1.71vh)}.right-panel .card-holder .card:hover:not(.past) .player{transform:scale(1.1) skew(10deg) translateY(-1.14vh)}.right-panel .card-holder .card:hover:not(.past) .team-stats{transform:scale(1.4) skew(10deg) translateY(6.84vh) translate(6.84vh)}.right-panel .card-holder .card:hover:not(.past) .team-stats .won,.right-panel .card-holder .card:hover:not(.past) .team-stats .lost{background:#000000b3;padding-top:1.71vh}.right-panel .card-holder .card:hover:not(.past) .team-stats .won:after,.right-panel .card-holder .card:hover:not(.past) .team-stats .lost:after{transform:translateY(1.14vh) translate(-.57vh) scale(.7)}.right-panel .card-holder .card:active:not(.past){transform:scale(1) skew(-10deg)}.right-panel .card-holder .card:active:not(.past) .team-logo{transform:skew(10deg)}.right-panel .card-holder .card:active:not(.past) .team-name{transform:scale(1.2) skew(10deg) translate(1.14vh) translateY(-.57vh)}.right-panel .card-holder .card:active:not(.past) .player{transform:skew(10deg)}.right-panel .card-holder .card:active:not(.past) .btn{background-color:#689f38;padding:12.54vh 4.56vh 1.71vh 2.28vh;clip-path:polygon(3.078vh 0px,99% 100%,0px 100%);margin-left:-1.596vh}.right-panel .card-holder .card>*{transform:skew(10deg)}.right-panel .card-holder .card.card-left:after{content:"VS";display:flex;position:absolute;z-index:3;top:17.1vh;right:-8.55vh;width:7.98vh;height:7.98vh;border-radius:50%;background-color:#fff;border:1.14vh solid #ddd;align-items:center;justify-content:center;font-size:2.964vh;font-weight:600}.right-panel .card-holder .card.card-right{z-index:1}.right-panel .card-holder .card .team-logo{display:block;width:22.572vh;height:22.572vh;position:absolute;right:-4.56vh;top:-6.84vh;transition:.3s transform}.right-panel .card-holder .card .team-logo img{width:100%}.right-panel .card-holder .card .team-logo-right{background-position:-69.426vh -23.142vh}.right-panel .card-holder .card .team-stats{font-size:3.192vh;font-weight:900;position:absolute;top:25.08vh;left:2.85vh;color:#fff;transition:.5s all;z-index:2}.right-panel .card-holder .card .team-stats .won{font-size:3.99vh;font-style:italic;position:relative;background:#fff3;display:inline-block;transform:skew(-10deg);padding:.912vh;border-top-left-radius:.57vh;transition:.3s all}.right-panel .card-holder .card .team-stats .won:after{content:"WON";position:absolute;right:-.228vh;top:-.912vh;font-size:1.368vh;font-style:italic;font-weight:900;transition:.3s all}.right-panel .card-holder .card .team-stats .lost{font-size:3.99vh;font-style:italic;margin-left:.342vh;position:relative;background:#fff3;display:inline-block;transform:skew(-10deg);padding:.912vh;border-bottom-right-radius:.57vh;transition:.3s all}.right-panel .card-holder .card .team-stats .lost:after{content:"LOST";position:absolute;right:-.228vh;top:-.912vh;font-size:1.368vh;font-style:italic;font-weight:900;transition:.3s all}.right-panel .card-holder .card .team-votes{color:#232882;font-size:4.104vh;position:absolute;bottom:-5.7vh;font-weight:700;font-style:italic;width:100%;padding-top:1.14vh}.right-panel .card-holder .card .team-votes span{font-size:1.824vh;color:#888}.right-panel .card-holder .card .team-name{font-size:6.384vh;margin-top:14.82vh;margin-left:1.71vh;color:#fff;z-index:2;font-style:italic;transition:.3s transform}.right-panel .card-holder .card .team-name-bg{font-size:14.82vh;font-weight:600;position:absolute;left:-2.28vh;top:9.12vh;z-index:0;color:#fff;opacity:.1;font-style:italic}.right-panel .card-holder .card .player{position:absolute;right:1.5048vh;bottom:-.456vh;transition:.4s transform;width:60%}.right-panel .card-holder .card .player img{width:100%}.right-panel .card-holder .card .btn{position:absolute;left:-.114vh;bottom:-.114vh;padding:8.55vh 4.56vh 1.71vh 2.28vh;font-size:2.964vh;font-weight:700;font-style:italic;text-transform:uppercase;color:#000;width:20.976vh;background-color:#fff;text-align:left;clip-path:polygon(2.622vh 0,99% 100%,.114vh 100%);margin-left:-1.368vh;cursor:pointer;transition:.2s all}.right-panel .card-holder .card .btn-selected{background-color:#8bc34a;color:#fff}.right-panel .card-holder .card .btn-selected:after{content:"";width:5.13vh;height:5.13vh;position:absolute;left:3.078vh;top:2.622vh;display:block;background-image:url("data:image/svg+xml,%3csvg%20id='Capa_1'%20data-name='Capa%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20352.62%20352.62'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23fff;}.cls-2{fill:%238bc34a;}%3c/style%3e%3c/defs%3e%3ctitle%3etick%3c/title%3e%3ccircle%20class='cls-1'%20cx='158.62'%20cy='185.23'%20r='148.56'/%3e%3cpath%20class='cls-2'%20d='M325.5,20.85c-12.34-6.64-26.1,6.17-34.17,13.76-18.5,18-34.16,38.91-51.72,57.89-19.45,20.88-37.48,41.76-57.41,62.16-11.39,11.39-23.73,23.73-31.32,38C133.8,176,119.09,158,100.11,143.27c-13.76-10.44-36.54-18-36.06,7.12.94,32.74,29.89,67.86,51.24,90.16,9,9.49,20.88,19.45,34.64,19.93,16.61.94,33.69-19,43.66-29.9,17.55-19,31.79-40.33,47.92-59.79,20.88-25.62,42.23-50.77,62.64-76.87C317,77.79,357.29,37.93,325.5,20.85ZM84.92,148.49A3.52,3.52,0,0,0,83,149a23.18,23.18,0,0,1-5.22-1.9h0Q79.94,145.65,84.92,148.49Z'/%3e%3c/svg%3e")}.right-panel .details{color:#232882;padding:1.14vh 13.68vh;flex:1;display:flex}.right-panel .details.past{opacity:.4}.right-panel .details__left{flex:1}.right-panel .details__left--date{font-size:4.332vh;margin-bottom:0}.right-panel .details__left--venue{margin-top:.57vh;font-size:3.192vh;font-weight:300;text-transform:uppercase}.right-panel .details__right--time{text-align:right;font-size:3.876vh;color:#d82d55}.right-panel .footer{margin-top:2.28vh;margin-bottom:2.28vh;height:6.384vh;width:100%;display:flex}.right-panel .footer .logo{background-image:url(/assets/afl-B15wHkIM.svg);height:100%;background-repeat:no-repeat;background-position:right;margin-right:2.28vh;flex:1}.key-hint{display:flex;align-items:center;margin-left:2.28vh;color:#757575}.key-hint img{width:13.68vh;margin-left:2.28vh}.Toastify__toast{font-family:Futura!important}.Toastify__toast--default{color:#505050!important;font-weight:700!important}.logout{width:4.56vh;height:4.56vh;position:absolute;top:1.14vh;right:3.42vh;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='638'%20height='719'%20viewBox='0%200%20638%20719'%3e%3cdefs%3e%3cclipPath%20id='clip-Web_1920_1'%3e%3crect%20width='638'%20height='719'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20id='Web_1920_1'%20data-name='Web%201920%20–%201'%20clip-path='url(%23clip-Web_1920_1)'%3e%3crect%20width='638'%20height='719'%20fill='%23fff'/%3e%3cg%20id='logout'%20transform='translate(63%20103.37)'%3e%3cpath%20id='Path_3'%20data-name='Path%203'%20d='M190.37,65.63a190.29,190.29,0,0,1,157.85,83.92,23.27,23.27,0,1,1-38.57,26,143.79,143.79,0,0,0-119.28-63.43c-79.3,0-143.83,64.52-143.83,143.83s64.53,143.83,143.83,143.83a143.74,143.74,0,0,0,119.47-63.72,23.287,23.287,0,0,1,38.64,26,190.23,190.23,0,0,1-158.11,84.3C85.4,446.37,0,361,0,256S85.4,65.63,190.37,65.63Z'%20fill='%2360717e'/%3e%3cpath%20id='Path_4'%20data-name='Path%204'%20d='M162.91,279.27H432.54l-30.09,30.09a23.271,23.271,0,0,0,32.91,32.91l69.82-69.81.1-.11a14.357,14.357,0,0,0,1.43-1.58c.14-.16.26-.35.39-.52.33-.43.67-.86,1-1.31.1-.15.18-.31.28-.46.31-.49.62-1,.89-1.5.07-.11.11-.23.17-.34.29-.56.57-1.13.81-1.72l.09-.24c.25-.62.49-1.25.68-1.9a.382.382,0,0,1,.07-.26c.18-.64.35-1.28.48-1.94a3.132,3.132,0,0,1,.1-.6c.09-.55.19-1.1.24-1.66a22.5,22.5,0,0,0,0-4.64c-.05-.57-.15-1.13-.25-1.68a2.912,2.912,0,0,0-.09-.58c-.13-.67-.3-1.32-.49-2a2.005,2.005,0,0,0-.06-.23c-.2-.66-.44-1.3-.69-1.93l-.08-.21c-.25-.6-.53-1.18-.83-1.75-.05-.1-.09-.21-.14-.31-.29-.53-.6-1-.93-1.54-.08-.14-.16-.28-.25-.42-.32-.48-.67-.93-1-1.39l-.33-.44a22.2,22.2,0,0,0-1.53-1.69L435.43,169.7a23.271,23.271,0,1,0-32.91,32.91L432.6,232.7H162.91a23.27,23.27,0,1,0,0,46.54Z'%20fill='%23fc1048'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:cover;cursor:pointer}.logout:after{content:"Logout";display:block;bottom:-1.824vh;left:-.456vh;position:absolute}.lds{display:flex;flex:1;align-items:center;background-color:#232882;height:100%}.lds-roller{display:block;position:relative;width:64px;height:64px;margin:0 auto}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:32px 32px}.lds-roller div:after{content:" ";display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;margin:-3px 0 0 -3px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:50px;left:50px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:54px;left:45px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:57px;left:39px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:58px;left:32px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:57px;left:25px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:54px;left:19px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:50px;left:14px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:45px;left:10px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowing{0%{box-shadow:0 0 10px #54c30c}40%{box-shadow:0 0 40px #54c30c}60%{box-shadow:0 0 40px #54c30c}to{box-shadow:0 0 10px #54c30c}}.card-glow{animation:glowing 2.5s infinite}.players{color:#fff;padding-left:2.28vh;padding-right:2.28vh;width:19.38vh;margin:10px auto}.players h3{color:#d82d55;text-align:center}.players ul{list-style:none;height:47vh;overflow:auto;overflow-x:hidden;padding-right:2.28vh;padding-left:2.28vh;border-right:1px solid #5593ce}.players ul li{display:flex;align-items:center;justify-content:space-between;text-transform:capitalize;line-height:2.85vh;font-size:2.052vh}.players ul li.highlight{background-color:#9ec573;color:#232882;padding:2px 0;position:relative;font-weight:700;font-size:1.938vh;max-height:3.306vh!important}.players ul li.highlight:after{content:"";display:block;position:absolute;right:-2.394vh;top:0;height:100%;max-height:3.306vh;width:2.394vh;background-color:#9ec573}.players ul li.highlight:before{content:"";display:block;position:absolute;left:-2.394vh;top:0;height:100%;max-height:3.306vh;width:2.394vh;background-color:#9ec573}.players ul li span{font-weight:700}