.fixture-panel{list-style:none;background-color:#fff;border-radius:2rem;display:grid;box-shadow:0 .25rem 1.5rem .5rem #00000040}.fixture-panel .info{display:flex;justify-content:space-between;padding:1.25rem 1.75rem;font-size:1.6rem;text-transform:uppercase;font-weight:500;color:#333;border-bottom:.2rem solid #333;border-top-right-radius:2rem;border-top-left-radius:2rem}.fixture-panel .results{display:grid;padding:1.5rem;grid-template-columns:75fr 25fr}.fixture-panel .teams{display:flex;flex-direction:column;gap:1rem;border-right:2px solid #ccc}.fixture-panel .results img{height:4rem}.fixture-panel .results p{font-size:1.9rem}.fixture-panel .home-team,.fixture-panel .away-team{display:flex;align-items:center;gap:1.2rem}.fixture-panel .real-blue{color:#00529f}.fixture-panel .stats{display:flex;align-items:center;justify-content:center;margin-left:auto;font-size:1.7rem;padding-right:1.8rem;position:relative}.fixture-panel .loser .stats{color:#777}.fixture-panel .winner{font-weight:600}.fixture-panel .winner .stats:after{content:"▶";position:absolute;top:.2rem;left:1.2rem;font-size:1.4rem;transform:rotate(180deg)}.fixture-panel .time{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:1.5rem}.fixture-panel .time p{font-size:1.35rem}.fixture-panel .time p+p{padding-top:.5rem}.fixture-panel p.ft-grey{color:#888}.fixture-panel p.ft-spacing{letter-spacing:.75px}.fixture-panel p.tbd-grey{color:#777}.fixture-panel .details-btn{margin-top:1.2rem;font-size:1.4rem;padding:.6rem 1.7rem;border:none;background-color:#00529f;color:#eee;border-radius:1000px;box-shadow:0 .5rem 1rem #0003;cursor:pointer;position:relative;transition:all .2s}.fixture-panel .details-btn:hover{background-color:#cc9600;left:0;bottom:2px}.fixture-panel .ft .teams{color:#444;border-right:2px solid #aaa}.fixture-panel .ft .info{color:#444;border-bottom:2px solid #888}.fixtures-container{margin:6rem 30rem 10rem}.fixtures{position:relative}.fixtures-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5rem}.previous-fixtures-form{width:100%;display:flex;justify-content:center;padding-bottom:3rem;padding-left:1rem;gap:1rem;align-items:center}.previous-fixtures-form label{font-size:2.7rem}.fixtures-heading{width:100%;text-align:center;font-size:3rem;color:#00529f;text-transform:uppercase;margin-bottom:6rem;font-weight:500}ul+.fixtures-heading{margin-top:6rem}.fixtures form{position:absolute;top:4rem;left:44.5rem}.checkbox-wrapper-22 .switch{display:inline-block;height:34px;position:relative;width:60px}.checkbox-wrapper-22 .switch input{display:none}.checkbox-wrapper-22 .slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.checkbox-wrapper-22 .slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.checkbox-wrapper-22 input:checked+.slider{background-color:#00529f}.checkbox-wrapper-22 input:checked+.slider:before{transform:translate(26px)}.checkbox-wrapper-22 .slider.round{border-radius:34px}.checkbox-wrapper-22 .slider.round:before{border-radius:50%}.modal-outside-blur{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000004d;z-index:500;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.hidden{display:none!important}.no-scroll{overflow:hidden}.modal-wrapper{display:flex;justify-content:center}.modal{z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;outline:1.5rem solid #ddd;position:fixed;top:4rem;border-radius:2rem;overflow-y:auto}.modal::-webkit-scrollbar{position:absolute;width:1.2rem}.modal::-webkit-scrollbar-thumb{background-color:#99999980}.modal-content{display:flex;flex-direction:column;align-items:center;max-height:calc(100vh - 8rem);position:relative;border-radius:2rem}.stadium-img{width:80rem;height:45rem;display:block;border-top-left-radius:2rem}.fixtures-modal-venue{padding:.8rem 0;padding-top:0;display:flex;justify-content:center;font-size:1.6rem;font-weight:500;color:#eee}.fixtures-modal-venue p{text-align:center;background-color:#00529f;min-width:80rem;padding:.75rem}.fixtures-modal-venue span{padding-right:.5rem}.fixtures-modal-teams{display:grid;grid-template-columns:5fr 1fr 5fr;color:#333;font-size:2.4rem;padding:1.5rem}.fixtures-modal-teams span{font-size:4rem;letter-spacing:.5rem;display:flex;align-items:center;justify-content:center}.fixtures-modal-home-team,.fixtures-modal-away-team{display:flex;align-items:center}.fixtures-modal-home-team span{padding-left:2rem}.fixtures-modal-away-team span{padding-right:2rem}.fixtures-modal-home-team p{margin-left:auto;margin-right:1.5rem}.fixtures-modal-away-team p{margin-right:auto;margin-left:1.5rem}.modal .fixtures-modal-teams img{display:block;height:8rem}.fixtures-modal-upper-info,.modal .more-info{font-size:1.5rem;color:#333;font-weight:600;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.modal .more-info{text-transform:uppercase;padding-bottom:3rem}.fixtures-modal-upper-info .span-holder{display:flex;gap:1.5rem;width:fit-content}.fixtures-modal-upper-info .span-holder span:nth-child(1){text-align:right}.fixtures-modal-upper-info .span-holder span:nth-child(2){text-align:left}.modal .winner{font-weight:600}.modal .loser .stats{color:#777}.fixtures-modal-teams .real-blue{color:#00529f}.fixtures-modal-buttons{display:flex;justify-content:center}.fixtures-modal-buttons>*{background-color:#ddd;border:2px solid #bbb;color:#333;font-size:1.8rem;margin:1rem 2rem;border-radius:100px;width:12rem;padding:.5rem 1rem}.fixtures-modal-buttons>*:hover{background-color:#ccc;cursor:pointer}.x-button{cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;padding-bottom:2px;font-size:3.75rem;height:3.5rem;width:3.5rem;border-radius:50%;background-color:#ddd;top:5rem;right:57rem}.summary{margin:2rem 0;font-size:1.6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#444}.half-text{text-align:center;font-size:2rem;text-transform:uppercase;font-weight:500;color:#fff;font-weight:600;background-color:#00529f;width:70rem;padding:.5rem;border-radius:2rem;margin:1.5rem 0}.score{display:flex;gap:.5rem;border:2px solid #eee;background-color:#fff;border-radius:100px;padding:.25rem;justify-content:center;align-items:center;font-weight:500}.score p{font-size:1.4rem;padding:.1rem}.card{width:1.5rem}.ball,.subst{width:1.8rem;height:1.8rem}.home,.away{padding:.75rem;display:flex;gap:.75rem;align-items:center}.home{margin-left:1.5rem}.away{margin-right:1.5rem;justify-content:right;flex-direction:row-reverse}.away .time-elapsed,.away .icon{margin-left:.25rem}.home .time-elapsed,.home .icon{margin-right:.25rem}.time-elapsed,.player,.joining-player{font-weight:600}.assist,.leaving-player{color:#666}.coaches-wrapper{width:70rem}.coaches{margin:3rem;display:flex;justify-content:space-between}.home-coach,.away-coach{display:flex;align-items:center;gap:2rem}.home-coach img,.away-coach img{width:7.5rem;border-radius:50%;border:4px solid #ccc}.away-coach{flex-direction:row-reverse}.away-coach .coaches-text{text-align:right}.coaches-text p:nth-child(1){font-size:2rem;font-weight:500;padding-bottom:.5rem}.coaches-text p:nth-child(2),.coaches-text p:nth-child(3){font-size:1.5rem;color:#666}.statistics{width:70rem;display:flex;flex-direction:column;align-items:center;gap:4rem;font-size:1.8rem;margin:3rem 0}.stats-sides{margin-top:3rem;width:70rem;display:flex;justify-content:space-between}.stats-sides>*{display:flex;align-items:end;gap:1rem}.stats-sides img{width:6rem;height:6rem}.stats-sides p{font-size:3.5rem}.real-stats-side p{color:#00529f}.other-stats-side p{color:red}.statistics img{height:6rem;width:6rem}.type-of-stat{position:relative}.type-of-stat p{font-weight:500}.stat.real{font-size:1.6rem;z-index:100;color:#fff;position:absolute;text-align:right;top:3.25rem;right:50%;padding-right:.75rem;border-top-left-radius:2.5rem;border-bottom-left-radius:2.5rem;background-color:#00529f}.stat.other{font-size:1.6rem;z-index:100;color:#fff;position:absolute;text-align:left;top:3.25rem;left:50%;padding-left:.75rem;border-top-right-radius:2.5rem;border-bottom-right-radius:2.5rem;background-color:red}.bg-right{content:"s";color:#ddd;position:absolute;text-align:left;width:30rem;height:2rem;top:3.25rem;left:50%;padding-left:.75rem;border-top-right-radius:2.5rem;border-bottom-right-radius:2.5rem;background-color:#ddd}.bg-left{content:"s";color:red;position:absolute;text-align:left;width:30rem;height:2rem;top:3.25rem;right:50%;padding-left:.75rem;border-top-left-radius:2.5rem;border-bottom-left-radius:2.5rem;background-color:#ddd}.squads{margin:2rem 0;font-size:1.8rem;display:flex;flex-direction:column;color:#333;width:70rem}.squads h2{font-weight:600;text-transform:uppercase;border-radius:2rem;font-size:2rem;padding:.5rem;width:70rem}.real-madrid-squad h2,.other-club-squad h2{background-color:#00529f;color:#fff}.real-madrid-squad,.other-club-squad{margin:1.5rem;display:flex;flex-direction:column;gap:2rem;text-align:center;align-items:center;padding-bottom:1.5rem}.coach{display:flex;align-items:center;gap:1.5rem}.coach img{height:7rem;width:7rem;border-radius:50%;border:4px solid #ddd}.coach-textbox{font-size:1.6rem;display:flex;flex-direction:column;align-items:start}.coach-textbox p:nth-child(1){font-weight:600;font-size:1.8rem;padding-bottom:.3rem}.coach-textbox p:not(:nth-child(1)){color:#666;font-weight:500}.squads-players{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;gap:1rem}.squads-subheading{padding-top:1rem;color:#00529f;font-size:2.2rem;text-transform:uppercase;font-weight:600}.player{font-size:1.5rem;display:flex;align-items:center;gap:1rem}.player img{height:6rem;width:6rem;border-radius:50%;border:4px solid #ddd}.player-textbox{display:flex;flex-direction:column;align-items:start;gap:.2rem}.player span{font-weight:400}.span-grey{color:#666}.span-rating{font-size:1.35rem;border-radius:.5rem;color:#fff;padding:.1rem .5rem}.span-rating.poor{background-color:#eb1c23}.span-rating.bad{background-color:#ff7b00}.span-rating.average{background-color:#e7b100}.span-rating.good{background-color:#abb800}.span-rating.very-good{background-color:#5cb400}.span-rating.excellent{background-color:#009e9e}.hasnt-played{font-weight:400;font-style:italic;font-size:1.4rem}.players-modal{margin:3rem 0;padding-right:4rem;width:80rem;display:flex;justify-content:center;align-items:center;gap:3rem;color:#333}.players-modal-martop{margin-top:5rem}.players-modal-martop .x-button{top:10rem}.players-modal img{border-radius:50%;border:8px solid #eee}.players-modal-info{display:flex;flex-direction:column;font-size:2rem;gap:.3rem}.players-modal-info h3{color:#00529f;font-size:2.7rem;margin:.5rem}.players-modal-info p:before{font-weight:600;content:"--";color:#00529f;margin:0 1rem;font-size:2rem;letter-spacing:-.33rem}.players-modal-info-p-wrapper{display:flex;gap:3rem}.player-modal-info-first-col>*,.player-modal-info-second-col>*{padding-bottom:.3rem}.players-modal-position{margin-left:.75rem;margin-bottom:.5rem;font-style:italic}.players-modal-buttons{display:flex;justify-content:center}.players-modal-buttons>*{background-color:#ddd;border:2px solid #bbb;color:#333;font-size:1.8rem;margin:1rem 2rem;border-radius:100px;width:20rem;padding:.5rem 1rem;text-align:center}.players-modal-buttons>*:hover{background-color:#ccc;cursor:pointer}.isActive{background-color:#00529f;color:#eee;border:2px solid #00529f}.isActive:hover{background-color:#00529f;cursor:auto}.players-modal-sections{width:100%;margin:2rem 0}.players-modal-stats{width:80%;margin:0 auto;padding:3rem 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem 4rem;text-align:center;border-bottom-left-radius:3em;border-bottom-right-radius:3em}.players-modal-stats p{font-size:2.5rem;padding:.5rem 0;color:#00529f;font-weight:500}.players-modal-stats span{font-size:2rem;padding:.5rem 0}.players-modal-stats div{display:flex;flex-direction:column}.players-modal-stats-heading{color:#fff;font-size:1.9rem;text-transform:uppercase;background-color:#00529f;padding:1rem;text-align:center}.players-panel{display:flex;box-shadow:0 .25rem 2rem .25rem #00000040;padding:1.4rem 2.2rem;border-radius:2rem;position:relative;width:37.5rem;color:#333;background-color:#fff}.players-panel-img-wrapper{display:flex;align-items:center}.players-panel img{display:block;width:10rem;height:10rem;border-radius:50%;border:4px solid #ddd}.players-panel-name{font-size:2em;font-weight:600;padding-bottom:.6rem}.players-panel-name span{color:#555}.players-panel-info{padding:1rem 2rem;display:flex;flex-direction:column;justify-content:center}.players-panel-info p{font-size:1.7rem;padding-bottom:.6rem}.players-panel-info .players-panel-position{font-size:1.8rem}.players-panel a{cursor:pointer;position:absolute;right:1.5rem;bottom:1.5rem;width:fit-content;padding:.8rem 1.6rem;font-size:1.6rem;background-color:#00529f;color:#fff;border-radius:100px;box-shadow:0 .5rem 1rem #0003}.players-panel a:hover{background-color:#cc9600;right:1.5rem;bottom:calc(1.5rem + 2px)}.players-panel-age span{font-weight:500}.players{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:10rem}.players h2{text-align:center;text-transform:uppercase;font-size:3rem;font-weight:500;color:#00529f;margin:4rem 0}.players-panel-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5rem}.cl-groups{display:grid;grid-template-columns:1fr 1fr;font-size:1.6rem;margin:0 auto 10rem;width:75%;text-align:center;row-gap:5rem;color:#333}.cl-group-text{margin-bottom:2rem;font-size:2.7rem}.cl-group-container{display:flex;flex-direction:column;align-items:center}.cl-h2{text-transform:uppercase;margin-top:4rem;width:100%;font-size:3rem;text-align:center;color:#00529f;padding-bottom:4rem;font-weight:500}.cl-group-container h3{text-align:center;color:#00529f;text-transform:uppercase;font-weight:500;color:#333}.cl-header,.cl-team-card{display:grid;grid-template-columns:1fr 6fr 1fr 1fr 1fr 1fr 1fr 1fr 3.5fr 1fr;padding:1rem;border-bottom:1px solid #ccc;align-items:center}.cl-header{font-weight:700;color:#fff;background-color:#00529f;border-top-right-radius:2rem;border-top-left-radius:2rem;text-transform:uppercase;padding:1.5rem 1rem;box-shadow:0 .25rem 2rem .25rem #00000040}.cl-header,.cl-team-rows,.cl-group-text{width:90%}.cl-team-card img{display:block;height:3.5rem;width:3.5rem;object-fit:cover;object-position:center}.cl-team-info{font-size:1.8rem;display:flex;gap:1.5rem;align-items:center}.cl-team-info span{font-weight:500}.cl-form{font-size:1.5rem;display:flex;gap:.3rem;justify-content:center}.cl-team-rows{box-shadow:0 .25rem 2rem .25rem #00000040;border-bottom-right-radius:2rem;border-bottom-left-radius:2rem;background-color:#fff}.cl-team-card:last-of-type{border-bottom:none}.cl-real{background-color:#00529e26;font-weight:600}.cl-real .cl-form{font-weight:400}.cl-form .w,.cl-form .d,.cl-form .l{color:#fff;padding-top:.4rem;width:2.5rem;height:2.5rem;border-radius:.5rem}.standings-container{width:60%;margin:4rem auto 10rem;font-size:1.8rem;display:grid;text-align:center;color:#333}.standings-container h2{text-transform:uppercase;width:100%;font-size:3rem;text-align:center;color:#00529f;padding-bottom:3rem;font-weight:500}.standings-rows{box-shadow:0 .25rem 2rem .25rem #00000040;border-bottom-right-radius:2rem;border-bottom-left-radius:2rem;background-color:#fff}.standings-header,.standings-row{display:grid;grid-template-columns:1fr 3fr 1fr 1fr 1fr 1fr 1fr 1fr 2fr 1fr;padding:1rem;border-bottom:1px solid #ccc;align-items:center}.standings-header{font-weight:700;color:#fff;background-color:#00529f;border-top-right-radius:2rem;border-top-left-radius:2rem;text-transform:uppercase;padding:1.5rem 1rem;box-shadow:0 .25rem 2rem .25rem #00000040}.standings-row:last-of-type{border-bottom:none}.standings-row img{width:3.5rem;height:3.5rem;margin:0 3rem 0 2rem}.standings-form{font-size:1.6rem;display:flex;gap:.3rem;justify-content:center}.standings-team-info{text-align:left;display:flex;align-items:center;font-weight:500}.standings-form .w,.standings-form .d,.standings-form .l{color:#fff;padding:.5rem;width:2.75rem;height:2.75rem;border-radius:.5rem}.w{background-color:#5cb400}.d{background-color:#ff7b00}.l{background-color:#eb1c23}.standings-real{background-color:#00529e26;font-weight:600}.standings-real .standings-form{font-weight:400}.header{height:9rem;background-color:#eee;display:flex;justify-content:space-between;align-items:center}.logo{display:block;height:8rem;margin-left:30rem}.header nav{height:100%;width:70vw;background-color:#ddd;clip-path:polygon(0 0,100% 0%,100% 100%,7.5% 100%)}.header ul{height:100%;display:flex;align-items:center;justify-content:space-evenly;gap:2.5rem;padding-left:10rem;padding-right:10rem}.header li{list-style:none}.header .nav-btn{font-size:2rem;font-weight:500;text-transform:uppercase;text-decoration:none;color:#00529f;position:relative;transition:all .2s}.header .nav-btn:hover{left:0;bottom:1px;color:#cc9600}.header .nav-btn.btn-active{color:#cc9600}.hello-user{font-size:1.8rem;color:#333}footer{background-color:#ccc;padding:4rem 0 3rem;font-size:1.8rem;text-transform:uppercase;color:#333;position:relative;bottom:0;width:100%}.footer-container{max-width:180rem;margin:0 auto}.footer-sections{display:flex;justify-content:center;gap:20rem}.footer-section h4{font-size:2.2rem;margin-bottom:1.5rem}.footer-section ul{list-style:none;width:fit-content}.footer-section ul>*{color:#333;cursor:pointer;margin-bottom:.5rem;width:fit-content;text-decoration:none}.footer-section ul>*:hover{color:#00529f}.footer-pages{display:grid;grid-template-columns:1fr .5fr;column-gap:8rem}*{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;font-family:Roboto,serif}body{background:url(/site-background.jpg);background-size:cover;background-position:center;background-repeat:repeat;display:flex;flex-direction:column;min-height:100vh}#root{display:flex;flex-direction:column;flex:1}main{flex:1}@keyframes moveInLeft{0%{opacity:0;transform:translate(-15rem)}80%{transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;transform:translate(15rem)}80%{transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}