@import"https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap";footer{height:8vh;background-color:var(--color-primary);display:flex;justify-content:center;align-items:center}footer p{color:var(--color-secondary);font-family:var(--font-family);font-weight:var(--large-font-weight)}header{height:8vh;display:flex;justify-content:space-between;align-items:flex-start;padding:1.5vh 5vw}header button{border:none;background-color:transparent}#logo-pages{max-height:7vh}#return{max-height:6vh}@media (max-width: 768px){header{height:10vh;padding:2vh 6vw}header button{border:none;background-color:transparent}#logo-pages,#return{max-height:7vh}}.main-content{height:100vh;width:100vw;margin-top:2vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.composant-container{min-width:50vw;height:50vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media (max-width: 425px){.main-content{margin-top:0vh}}.button-container{display:flex;justify-content:center}.button-container button{margin:1rem;border:none;font-family:var(--font-family);font-size:1.5em;cursor:pointer}.button-container .dark{width:200px;height:80px;border-radius:15px;background-color:var(--color-primary);color:var(--color-secondary)}.button-container .light{width:40vw;height:8dvh;font-weight:var(--large-font-weight);border-radius:15px;background-color:var(--color-secondary);color:var(--color-primary)}.button-container .hidden{visibility:hidden;height:0;margin:0}@media (max-width: 768px){.button-container button{font-size:1.1em}.button-container .light{width:50vw}}.main-home{height:92vh;display:flex;flex-direction:column;justify-content:center;align-items:center}#home-logo{max-width:800px;max-height:300px;margin-bottom:2rem}@media (max-width: 425px){#home-logo{width:200px}}.blue-card{width:60vw;max-height:72vh;padding-bottom:3vh;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:2vh;background-color:var(--color-primary);border:solid 3px var(--color-primary);border-radius:20px;overflow:scroll}.blue-card .scrollable-area{display:flex;flex-direction:column;justify-content:center;align-items:center}.blue-card h2{max-width:40vh;text-align:center;margin-top:2rem;color:var(--color-secondary)}@media (max-width: 768px){.blue-card{width:75vw;justify-content:space-between;row-gap:1vh}.blue-card h2{font-size:1em;margin-top:1em}}.rules-page{margin-top:8vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;row-gap:4vh}.button-group{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.rules-container{display:flex;flex-direction:column;row-gap:2vh;padding:0 2vw}h1{font-size:3em}.rules{height:5vh;display:flex;justify-content:center;align-items:first baseline;padding:1vh 0}.rules h4{width:auto;display:inline;white-space:nowrap;font-size:1.2em;line-height:2em;text-decoration:underline}.rules p{font-size:1em;font-style:italic;line-height:2em;padding-left:1em}@media (max-width: 425px){.rules-page{margin-top:5vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;row-gap:4vh}.button-group{display:flex;flex-direction:column;justify-content:space-around;align-items:center}.rules-container{display:flex;flex-direction:column;justify-content:center;row-gap:6vh;padding:3vh 2vw}.rules{height:5vh;max-width:70vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.rules h4{width:60vw;font-size:1em;line-height:1.1em}.rules p{font-size:.8em;line-height:1.5em;padding-left:1.4em}}.info-container{margin-top:2vh}.info-visible{width:700px;min-height:100px;position:absolute;bottom:50%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:2.1em;font-size:1em;color:var(--color-primary);background-color:#fff;box-shadow:0 .5em .5em #0000001a;padding:1em;border-radius:15px}.info-visible h4{font-weight:700;text-decoration:underline;font-size:1.2em}.info-visible p{margin-bottom:1em}.info-visible span{font-weight:700;text-decoration:underline}:hover.info-visible{opacity:0;transition:opacity 3s ease-out}.info-hidden{display:none}@media (max-width: 425px){.info-visible{width:300px;height:auto;max-height:300px;top:30dvh;font-size:.9em;line-height:1.4em;overflow:scroll;padding:1.3em}.info-visible h4{font-size:1em}.circle-info-container,.circle-info-container img{width:30px}.message-container{min-height:50%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}}#options{width:80%;height:100%;display:flex;flex-direction:column;justify-content:center;overflow:scroll}#options label{font-size:1.2em;max-width:60%;color:var(--color-secondary);text-align:left;font-weight:var(--large-font-weight)}#options input,#options select{height:2.5rem;width:25%;font-size:1.2em;text-align:center;border-radius:10px;border:transparent;background-color:var(--color-secondary);color:var(--color-primary)}.label-wrapper{padding:.5rem;display:flex;justify-content:space-between;align-items:center;-moz-column-gap:.5rem;column-gap:.5rem}.error-visible{position:absolute;top:2vh;width:30vw;border-radius:15px;box-shadow:0 .5em .5em #0006;background-color:#d32f2f;color:#fff;font-weight:700;padding:1em;text-align:center;animation:slideRight 4s ease forwards}@keyframes slideRight{0%{right:-10vh;opacity:0}20%{right:2vh;opacity:1}80%{right:2vh;opacity:1}to{right:-10vh;opacity:0}}.error-hidden{visibility:hidden;display:none}#championship-menu{display:flex;flex-direction:column;justify-content:space-around;align-items:center;row-gap:2vh}#championship-menu button{background-color:var(--color-secondary);width:15vw;height:5vh;font-weight:var(--large-font-weight);font-size:16px;color:var(--color-primary);border:solid 3px;border-color:var(--color-primary)}#championship-menu .active{background-color:var(--color-primary);color:var(--color-secondary)}#championship-menu #btn-left{border-radius:20px 0 0 20px;border-right:none}#championship-menu #btn-right{border-radius:0 20px 20px 0;border-left:none}.composant-container{width:100%;margin-top:4vh;flex-direction:column;align-items:center}@media (max-width: 768px){#championship-menu button{width:23vw}.composant-container{margin-top:0;width:100%}}@media (max-width: 425px){#options label{font-size:.95em;max-width:65%}#options input,#options select{height:2rem;width:25%;font-size:.9em}#championship-menu button{width:27vw;height:7dvh;font-size:.9em}.composant-container{width:100%}.error-visible{right:2vw;width:40vw;border-radius:15px;padding:1em;font-size:.8em;animation:slideRight 4s ease forwards}@keyframes slideRight{0%{right:-10vh;opacity:0}20%{right:2vh;opacity:1}80%{right:2vh;opacity:1}to{right:-10vh;opacity:0}}}.teams-dashboard{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}#teams-list{width:100%;max-width:50vw;margin-top:2vh;display:flex;justify-content:center;align-items:center;row-gap:2.5em;-moz-column-gap:1em;column-gap:1em;flex-wrap:wrap}#teams-list li{position:relative;height:3rem;width:90%;max-width:300px;padding:2em 0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-primary);border-radius:15px;color:var(--color-primary);list-style:none}#teams-list li input{z-index:1;width:100%;padding-left:2em;background-color:transparent;font-size:1.4em;color:var(--color-secondary);border:none}#teams-list li .image-container{z-index:0;position:absolute;right:1em;display:flex;justify-content:flex-end}#teams-list li img{height:20px}@media (max-width: 768px){#teams-list{max-width:60vw}}@media (max-width: 425px){#teams-list{max-width:70vw;margin-top:1vh;margin-bottom:2vh;display:flex;justify-content:center;align-items:center;row-gap:1.5em}#teams-list li{width:90%;max-width:70vw;padding:2em 0}#teams-list li input{padding-left:1.8em;font-size:1.3em}#teams-list li .image-container{right:1.5em}#teams-list li img{height:3vh}}.matches-container{width:100%}#matches-round{display:flex;flex-direction:column;justify-content:center;row-gap:2vh}#matches-round h3{text-align:center}#matches-round .input-row{display:flex;justify-content:space-between}#matches-round label,#matches-round input,#matches-round p{font-weight:var(--large-font-weight)}#matches-round label{height:4vh;width:13vw;font-size:1.2em;background-color:var(--color-primary);color:var(--color-secondary);border-radius:5px;text-align:center;line-height:4vh}#matches-round p{font-size:1.2em;color:var(--color-primary);line-height:4vh}#matches-round input{width:6vw;height:4dvh;margin-bottom:2vh;border:solid 2px;border-color:var(--color-primary);border-radius:5px;background-color:#fff!important;color:var(--color-primary);text-align:center;font-size:1em}@media (max-width: 768px){#matches-round label{width:18vw;font-size:1em}#matches-round .input-row{justify-content:space-around}#matches-round input{width:10vw;font-size:1em}}@media (max-width: 425px){#matches-round label{width:23vw;height:8dvh;font-size:1em;line-height:8dvh}#matches-round .input-row{justify-content:space-around}#matches-round input{width:12vw;height:8dvh;font-size:1em;line-height:8dvh}}.ranking-container{display:flex;flex-direction:column;justify-content:center;align-items:center}#table-header{width:655px;border-collapse:collapse;border:solid 2px var(--color-primary);border-radius:15px 15px 0 0;overflow:hidden}#table-header th{min-width:7vw}#table-header th:nth-child(2){min-width:10vw}.table-container{margin:0 3vw;height:100%;max-height:40vh;max-width:85vw;box-shadow:0 .5em .5em #0000001a;border-radius:0 0 15px 15px;overflow:auto}table{margin:0;width:650px;border-collapse:collapse;border-color:var(--color-primary);table-layout:fixed}table thead{background-color:var(--color-primary);color:var(--color-secondary)}table th,table td{padding:1.5em 1em;min-width:7vw;font-weight:var(--large-font-weight);text-align:center}table td:nth-child(2){min-width:10vw}table tbody tr:nth-child(2n){background-color:var(--color-secondary)}table tbody tr:nth-child(odd){background-color:#dee4f9}.table-legend{margin-top:2vh;width:100%}.legend-visible{width:700px;position:absolute;left:50%;transform:translate(-50%);right:50%;line-height:2.1em;font-size:1.5em;color:var(--color-secondary);background-color:var(--color-primary);padding:1em;border-radius:15px;animation:slideUp 8s ease forwards}@keyframes slideUp{0%{bottom:-10vh;opacity:0}20%{bottom:12vh;opacity:1}80%{bottom:12vh;opacity:1}to{bottom:-10vh;opacity:0}}.legend-visible span{font-weight:700;text-decoration:underline}.legend-hidden{display:none}.circle-info-container,.circle-info-container img{width:50px}@media (max-width: 768px){#table-header{width:425px}#table-header th{min-width:0}#table-header col:nth-child(8),#table-header th:nth-child(8){display:none;width:0!important}.table-container{margin:0;width:420px;max-width:none;border:none}table{width:420px}table col:nth-child(8),table td:nth-child(8){display:none;width:0!important}table th,table td{padding:1.5em 0;font-weight:var(--large-font-weight);text-align:center;font-size:.7em}caption{font-size:.8em;margin:1em}}@media (max-width: 425px){#table-header{width:375px}#table-header col:nth-child(4),#table-header th:nth-child(4),#table-header col:nth-child(5),#table-header th:nth-child(5),#table-header col:nth-child(6),#table-header th:nth-child(6),#table-header col:nth-child(8),#table-header th:nth-child(8){display:none;width:0!important}.table-container,table{width:370px}table col:nth-child(4),table td:nth-child(4),table col:nth-child(5),table td:nth-child(5),table col:nth-child(6),table td:nth-child(6),table col:nth-child(8),table td:nth-child(8){display:none;width:0!important}table th,table td{padding:1.6em 0;font-weight:var(--large-font-weight);text-align:center;font-size:.7em}.legend-visible{width:370px;font-size:1em}.circle-info-container,.circle-info-container img{width:30px}}:root{--font-family: "Libre-Caslon-Text", serif;line-height:1.5;--min-font-weight: 400;--large-font-weight: 700;font-size:16px;color-scheme:light dark;--color-primary: #06185e;--color-secondary: #eef2ff;--color-background: #eef2ff;--color-text: var(--color-primary);--spacing-small: .5rem;--spacing-medium: 1rem;--sapcing-large: 2rem;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{max-width:1400px;height:100vh;margin:auto;font-family:var(--font-family);color:var(--color-primary);background-color:var(--color-background)}main{height:84vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}h1,h2,h3,h4,h5{font-family:var(--font-family);font-weight:var(--large-font-weight);margin-bottom:var(--spacing-small)}h2{font-size:1.8em}h3{font-size:1.7em}a{cursor:pointer}#pages-logo{width:50px}input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width: 768px){main{height:82vh}h1{font-size:1.8em}h2,h3{font-size:1.3em}}.confirm-card{width:50vw;padding:3vh 3vw;border:solid 2px;border-radius:15px}.confirm-card h3{text-align:center}.confirm-card .confirm-button-container{display:flex;flex-direction:row;justify-content:space-around}.confirm-card .confirm-button-container button{width:10vw;background-color:var(--color-primary);color:var(--color-secondary)}@media (max-width: 768px){.confirm-card{width:80vw}.confirm-card .confirm-button-container button{width:25vw}}.modal-overlay{position:fixed;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:baseline;z-index:9999}.modal-content{margin-top:20vh;background-color:var(--color-secondary);border-radius:15px}.modal-content p{padding:3vh 0;font-size:1.2em}.window-hidden{visibility:hidden;display:none}.window-showed{width:100vw;height:100vh}@media (max-width: 425px){.modal-content{margin-top:10vh;background-color:var(--color-secondary);border-radius:15px}.modal-content p{padding:3vh 0;font-size:1em}}#construction-page-container{height:100%;width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:5vh;text-align:center}#construction-page-container h1{font-size:2em}#construction-page-container img{width:300px}@media (max-width: 425px){#construction-page-container h1{font-size:1.5em}#construction-page-container img{width:200px}}