header{width:98vw;padding:1vh 1vw 0 1vw;position:sticky;display:flex;align-items:center;justify-content:space-between;background-color:inherit}header h1{max-width:15vw;width:fit-content;text-align:center;font-size:1.2em}header h2{--width: 33vw;width:var(--width);position:absolute;top:0;left:calc(100vw - var(--width) * 2);font-size:2em;text-align:center}header .toggleTheme{width:50px;align-self:flex-start;position:relative}header label{width:100%;height:25px;position:absolute;background-color:var(--primary);cursor:pointer;border-radius:50px}header input{position:absolute;display:none}header .slider{width:100%;height:100%;position:absolute;border-radius:50px;transition:.3s}header input:checked~.slider{background-color:var(--primary)}header .slider:before{width:15px;height:15px;position:absolute;top:5px;left:10px;background-color:var(--primary);border-radius:50%;box-shadow:inset 5px 0 0 0 var(--alt);transition:.3s;content:""}header input:checked~.slider:before{background-color:var(--alt);transform:translate(20px);box-shadow:none}.tournament{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.tournamentHeader{height:10%;width:100%;display:flex;justify-content:center;align-items:center;position:relative;font-size:1.5em}.teamsDisplay{position:absolute;left:2vw;border:none;box-shadow:none}.teamsDisplay:after{content:" >>"}.teamsDisplay.open:after{content:" <<"}.teamsDisplay:hover{background-color:inherit;color:inherit;text-decoration:underline}.teamsSection{height:80%;min-width:25vw;max-width:50vw;padding:3% 2%;display:grid;grid-column-gap:25%;grid-row-gap:10%}.teamsSection div{height:fit-content}.teamName{font-size:2em;font-weight:700}.teamPlayers{list-style:none}.tournamentPlanning{height:90%;width:100%;display:flex;justify-content:space-evenly;align-items:center}.nextMatch{height:100%;display:flex;justify-content:center;align-items:center}.planningSeparator{height:90%;border:1px solid var(--primary)}.brackets{height:100%;margin:0 1%;display:flex;justify-content:center;align-items:center;gap:1em}.round{display:flex;justify-content:flex-start;gap:2em}.pool{display:flex;flex-direction:column;justify-content:center;align-items:center}.match{width:150px;height:64px;padding:8px;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;position:relative;border:2px solid var(--primary);border-radius:5px}.match.isNextMatch{border-width:4px}.match:last-child{margin-bottom:0}.matchSeparator{width:134px;height:0;border:1px solid var(--primary)}.teamSection{height:50%;width:90%;margin-right:10%;display:flex;align-items:center;justify-content:space-between}.teamSection>.teamScore{display:flex;align-items:center;justify-content:flex-end;gap:5px}.vs{width:32px;height:32px;padding:5px;position:absolute;display:flex;align-items:center;justify-content:center;right:-16px;background-color:var(--alt);text-align:center;border-radius:50%;border:2px solid var(--primary)}.vs:not(:disabled):hover{background-color:var(--primary);color:var(--alt)}.vs:disabled,.vs:disabled:hover{background-color:var(--alt);color:var(--secondary)}.connectors{height:100%;width:32px;display:flex;flex-direction:column;justify-content:center}.connector{width:16px;border:1px solid var(--primary);border-left:none;border-top-right-radius:8px;border-bottom-right-radius:8px}.connector:after{width:16px;top:50%;position:relative;display:block;right:-16px;content:"";border-top:1px solid var(--primary)}.nextMatch{display:flex;flex-direction:column;gap:2em}.nextMatchTeam,.nextMatchVs{font-size:1.5em}.nextMatchScoreInput{font-size:2em}.nextMatchScoreInput{max-width:128px;min-width:32px;border:none;border-bottom:1px solid var(--primary)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{text-align:center}.winningTeam{text-decoration:underline}.winner{margin-left:1em;font-size:1.2em}.winner>span{font-size:1.5em;text-decoration:underline}@font-face{font-family:Goldman;src:url(/tournament-manager/fonts/Goldman-Regular.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;font-family:Goldman,Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:12pt;background-color:transparent}.app[data-theme=light]{--primary: #2b2d42ff;--secondary: #8d99aeff;--alt: #edf2f4ff;--success: #618B4A;--warning: #E7700D;--error: #d90429ff}.app[data-theme=dark]{--alt: #2b2d42ff;--secondary: #8d99aeff;--primary: #edf2f4ff;--success: #7ac74f;--warning: #F45D01;--error: #e9190f}.app{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:var(--alt);color:var(--primary);letter-spacing:2px}.content{height:100vh;width:100vw;display:flex;justify-content:space-around;align-items:center}button{padding:5px;background-color:var(--alt);color:var(--primary);box-shadow:1px 1px var(--primary);border:1px solid var(--primary)}button:hover{background-color:var(--primary);color:var(--alt);box-shadow:none}button:disabled{background-color:var(--alt);color:var(--secondary);box-shadow:none}button.success{color:var(--success)}button.success:hover{background-color:var(--success);color:var(--alt)}button.error{color:var(--error)}button.error:hover{background-color:var(--error);color:var(--alt)}button.warning{color:var(--warning)}button.warning:hover{background-color:var(--warning);color:var(--alt)}.title{font-size:1.1em}input{padding:2px;background-color:inherit;color:inherit;border:1px solid var(--secondary)}input::placeholder{color:var(--secondary)}input.error{border-color:var(--error)}input.error:focus{outline-color:var(--error)}.modalSection{height:100vh;width:100vw;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:transparent}.modal{height:fit-content;width:fit-content;min-width:250px;min-height:100px;position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:1%;background-color:var(--alt);box-shadow:1px 1px var(--secondary);border-radius:5px;z-index:2}.modalActions{display:flex;gap:1em}.modalBlur{height:100%;width:100%;position:fixed;top:0;left:0;background-color:var(--secondary);opacity:.4;z-index:1}.checkbox{display:flex;gap:5px}.checkbox:hover{text-decoration:underline}.tournamentCreation{width:100vw;display:flex;justify-content:space-around}.selectorDiv{height:100%;display:flex;align-items:center;justify-content:center}.teamsCountSelection>.selectorDiv>div{width:fit-content;display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.teamsCountSelection label{text-align:center}.teamsNames>.selectorDiv,.playersNames>.selectorDiv{display:flex;flex-direction:column;gap:1em}.teamsNames p,.playersNames p{text-align:center}.teamsNames input,.playersNames input{padding:1px}.tournamentSection{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.resetModalBody{display:flex;flex-direction:column;gap:5px}