:root{--main-color:#2c7be5;--background-color:#f7f9fb;--almost-white:#eee;--light-grey:#ccc;--medium-grey:#666;--dark-grey:#333;--sidebar-width:300px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;color:var(--dark-grey)}li,ul{list-style:none}a{text-decoration:none;color:inherit}.btn{display:inline-block;font-size:.8rem;padding:.5rem .6rem;color:var(--main-color);border:1px solid var(--main-color);border-radius:3px}.btn,.btn:hover{cursor:pointer}.overlay{width:100%;height:100%;background-color:#fff;opacity:.5;position:absolute;top:0;left:0;z-index:99}.overlay.hide{display:none}@media screen and (min-width:1600px){html{font-size:17px}}@media screen and (max-width:850px){html{font-size:15px}}.sidebar{width:100%;max-width:var(--sidebar-width);position:fixed;top:0;left:0;height:100vh;padding:2rem 0;overflow:hidden;background-color:#fff;z-index:10}.sidebar:hover{overflow:auto}.sidebar.modal-opened{overflow:visible}@media screen and (max-width:1100px){.sidebar{transform:translateX(calc(-100% + 3rem));transition:transform .5s;overflow:auto}.sidebar.show{transform:translateX(0)}}.logo-container{margin:0 auto;padding-left:4rem;padding-bottom:2rem;border-bottom:1px solid var(--almost-white)}.logo-container .logo{display:inline-block;color:#333;border-left:.35rem solid #333;padding-left:.7rem}.user-nav{padding:1rem 0 1rem 4rem;min-height:4.5rem;position:relative}.user-img-container .user-img{cursor:pointer;width:2.5rem;border-radius:50%}.user-img-container .user-img:hover{opacity:.9}.user-modal.hide{display:none}.user-modal{display:block;position:absolute;top:1rem;left:8rem;width:max-content;background:#fff;border:1px solid #eee;border-radius:.3rem;box-shadow:0 .75rem 1.5rem rgb(18 38 63/3%);padding:1rem 1.5rem;z-index:30}.user-modal .btn-signout{margin-right:.5rem;margin-bottom:.5rem}.main-nav{padding-left:4rem;color:var(--medium-grey);display:flex;position:relative;flex-direction:column}.main-nav__items{cursor:pointer;display:flex;align-items:center;margin-top:2rem;font-size:.9rem}.main-nav__items:first-child{margin-top:1rem}.main-nav__items.deactive{color:var(--light-grey);pointer-events:none;cursor:default}.main-nav__items i{position:absolute;margin-left:10rem;font-size:.8rem;transition:transform .4s}.main-nav__items i.show{transform:rotate(-180deg)}.main-nav__nested{display:flex;flex-direction:column;font-size:.8rem;padding-top:.5rem;padding-left:.5rem}.main-nav__nested li{cursor:pointer;margin-top:1.1rem}.main-nav__nested.hide{display:none}.main-nav__nested.show{display:block;animation:show-nested .3s ease-out}@keyframes show-nested{0%{opacity:.5;transform:translateY(-1.25rem)}}.main-nav__nested.team li{display:flex;align-items:center}.main-nav__nested.team li .logo{width:1rem;height:1rem;margin-right:1rem}.main-nav__nested.team li .team-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spinner{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-sidebar{display:none;cursor:pointer;font-size:1.3rem;position:absolute;top:2rem;right:1rem;transition:transform .5s}.sidebar.show .btn-sidebar{transform:rotate(180deg)}@media screen and (max-width:1100px){.btn-sidebar{display:inline-block}}.main-container{min-height:100vh;margin-left:var(--sidebar-width);padding:0 4rem 2rem;background-color:var(--background-color)}.main-container>.overlay>.spinner{top:50vh}@media screen and (max-width:1100px){.main-container{margin-left:2rem;padding:0 1.5rem 2rem 3rem}}.main-header{padding:2rem 0;border-bottom:1px solid var(--almost-white)}.main-header .title span{font-size:.8em;color:var(--medium-grey)}.controller{display:flex;align-items:center;margin-top:.5rem}.controller.editing{position:sticky;top:0;z-index:30;margin-right:-4%;margin-left:-4%}.controller.hide{display:none}.control-btns{width:100%;display:flex;align-items:center;background-color:#fff;border:1px solid var(--almost-white);border-radius:.3rem;box-shadow:0 .75rem 1.5rem rgb(18 38 63/3%);padding:.7rem 1rem;visibility:hidden;opacity:0;transition:opacity .4s}.controller.editing .control-btns{visibility:visible;opacity:1}.control-btns label{display:inline-block;cursor:pointer}.control-btns .control-btn{margin-left:.5rem;cursor:pointer}.control-btns .control-btn[data-type=select]{width:1rem;height:1rem;margin-right:1rem}.control-btns .control-btn[data-type=left],.control-btns .control-btn[data-type=right]{font-size:1.5rem;margin-right:.5rem}.btn-edit{margin-left:auto;transition:all .2s}.controller.editing .btn-edit{position:absolute;top:.5rem;right:1rem;color:#fff;background-color:var(--main-color)}.main-content{margin-top:1.5rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem}.card{display:flex;flex-direction:column;position:relative;background-color:#fff;border:1px solid var(--almost-white);border-radius:.3rem;box-shadow:0 .75rem 1.5rem rgb(18 38 63/3%);overflow:hidden}.card.full{grid-column:1/3;min-height:18rem;max-height:24rem}.card.half{min-height:16rem;max-height:20rem}.card .header{padding:1rem 2rem;border-bottom:1px solid var(--almost-white)}.card .header,.card .header .title{display:flex;align-items:center}.card .header .title span{cursor:pointer;margin-left:1rem;font-size:.8rem;color:var(--medium-grey)}.card .body{padding:1rem 2rem;overflow:hidden}.card .body:hover{overflow:auto}table{text-align:center}table h4{font-size:.9rem}table tbody tr>*{padding:2px 4px}table tbody th{background-color:var(--almost-white)}.landing .step{margin-bottom:1.25rem}.landing .contact{color:var(--medium-grey)}.landing .contact a{margin-left:.35rem}.landing .contact a:hover{color:var(--dark-grey)}@media screen and (max-width:550px){.main-content{grid-template-columns:1fr;grid-gap:0}.card{grid-column:1/2!important;margin-bottom:1rem}.card .body,.card .header{padding:1rem}.card .header .title span{display:none}}.standings tbody tr>*{min-width:4rem}.standings .logo{padding:0;width:1rem;margin-right:.6rem}.standings .team{cursor:pointer;display:flex;align-items:center;width:max-content;padding-left:1.25rem}.standings tbody th{top:-1rem;position:sticky}@media screen and (max-width:800px){.standings .body{overflow:auto}.standings tbody tr>*{min-width:3rem}.standings .team{max-width:12rem;padding-left:.5rem}.standings .team h5{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media screen and (max-width:550px){.standings{max-height:none!important}.standings .team{max-width:10rem}}.btn-add{margin-left:auto;transition:all .2s}.btn-add.added{color:#fff;background-color:var(--main-color)}.btn-checkbox{margin-left:auto;cursor:pointer;width:1.2rem;height:1.2rem}.matches .team{cursor:pointer;padding-top:.35rem;max-width:7rem}.matches .team *{vertical-align:middle;display:inline-block}.matches .team.home{text-align:right}.matches .team.home .logo{margin-right:.5rem;margin-left:.2rem}.matches .team.away{text-align:left}.matches .team.away .logo{margin-left:.5rem;margin-right:.2rem}.matches .schedule,.matches .score{min-width:6rem}.matches .winner{background-color:#ccf7e5}.matches .logo{width:30%;object-fit:contain}.date-picker{margin-left:1rem;padding:.15rem;border:1px solid var(--light-grey);font-family:Roboto,sans-serif;color:var(--dark-grey);background-color:#fff;border-radius:4px}.top-scorers tbody tr *{padding:.12rem .25rem}.top-scorers .logo{padding:0;width:.9rem;margin-right:.3rem}.top-scorers .player{display:flex;align-items:center;width:max-content;padding-left:.9rem}@media screen and (max-width:850px){.top-scorers .body{overflow:auto}.top-scorers .player{max-width:10rem}.top-scorers .player h5{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.team-standing .team{display:grid;cursor:pointer;grid-template-columns:1fr 3fr;grid-gap:1.5rem;margin-bottom:1.8rem;opacity:.5}.team-standing .container .team.current{opacity:1}.team-standing .container .info{white-space:nowrap;overflow:hidden}.team-standing .container .info .position{display:inline-block;margin-right:.5rem}.team-standing .container .info .team-name{display:inline-block}.team-standing .container .info .points{margin-top:1rem;margin-left:1rem}.team-standing span.units{font-size:.7em;margin:0 3px}.team-standing .container .info .points span.units:first-child{margin-right:5px}@media screen and (max-width:850px){.team-standing .body{overflow:auto}.team-standing .team{grid-gap:.5rem}.team-standing .team .logo{width:80%}.team-standing .team .team-name{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.next-match .schedule{display:flex;align-items:center;margin-bottom:.625rem}.next-match .schedule .date{font-size:1.2rem;margin-right:.5rem}.next-match .schedule .weekday{font-size:1rem;margin-right:.625rem}.next-match .schedule .time{font-size:1rem}.next-match .venue{color:var(--medium-grey);margin-bottom:2rem}.next-match .team{display:flex;cursor:pointer;align-items:center;padding:1rem 1rem 1rem 1.25rem;border:1px solid var(--almost-white);border-radius:5px}.next-match .team h4{margin-right:1rem}.next-match .team .logo{width:3rem}.form .overall{margin-bottom:1.5rem}.form .outer-container{display:flex;flex-direction:row}.form .container{display:flex;flex-direction:column;align-items:center;border:1px solid var(--almost-white);border-radius:5px;padding:.75rem 1.6rem 2rem;margin-right:.625rem}.form .info{font-size:.8rem;color:var(--medium-grey);margin-bottom:.375rem}.form .info *{display:inline-block}.form .info .date{margin-right:.3rem}.form .team{cursor:pointer;font-size:.7rem;display:flex;align-items:center;margin-bottom:1.2rem}.form .team .name{margin-right:.3rem}.form .team .logo{width:1.1rem;height:1.1rem}.form .result{position:relative}.form .result .color{position:absolute;top:.5rem;left:-1rem;width:.75rem;height:.75rem;border-radius:50%}.form .result .score{padding-left:.5rem}.form .result .color.won{background-color:green}.form .result .color.lost{background-color:red}.form .result .color.draw{background-color:var(--light-grey)}.form span.units{font-size:.7em;margin:0 6px 0 3px}@media screen and (max-width:850px){.form{grid-column:1/2!important}.form .body{overflow:auto}.form .outer-container{display:flex;flex-direction:column}.form .outer-container .container{flex-direction:row;align-items:center;margin:0 0 1rem;padding:1rem}.form .outer-container .container .info{display:flex;flex-direction:column;margin:0 1.5rem 0 0}.form .outer-container .container .team{margin:0 auto 0 0}}.spinner{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
/*# sourceMappingURL=/main.19ed076c.css.map */