:root{--line: #64677F;--line-active: #F0C21E;--transition: all .4s ease-in-out;--radius-picture: 100px}.bracket{display:flex;justify-content:center;align-items:center;height:100vh;max-height:320px;max-width:730px;margin:auto;min-height:240px;transition:var(--transition)}.side{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;height:100%;width:100%;transition:var(--transition)}.right-side,.right-side .participant,.right-side .match-group{flex-direction:row-reverse}.round{display:flex;flex-direction:column;justify-content:space-around;width:100%;transition:var(--transition)}.match-group{display:flex;flex-direction:row;align-items:center;height:100%;width:100%;transition:var(--transition)}.match-group:after{content:"";width:2px;height:50%;background:var(--line);display:block;border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:var(--transition)}.match{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:100%;width:100%;transition:var(--transition)}.participant{display:flex;flex-direction:row;align-items:center;width:100%;transition:var(--transition)}.participant:after,.participant:before{content:"";height:2px;position:relative;background:var(--line);display:block;width:100%;transition:var(--transition)}.participant-picture{height:30px;font-size:0;opacity:.5;aspect-ratio:1 / 1;min-width:30px;max-height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;transition:var(--transition);border-radius:var(--radius-picture)}.empty-picture{border-radius:var(--radius-picture);display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:var(--transition)}.trophyImage{position:relative;bottom:-25px}.trophyImage-left-side{position:relative;right:-50px}.trophyImage-right-side{position:relative;left:-50px}.participant-winner .participant-picture{opacity:1;min-width:50px;height:50px}.side .round:first-of-type .participant:before{visibility:hidden}.side .round:last-of-type .participant:after,.side .round:last-of-type .match-group:after{display:none}.left-side{margin-right:5px}.right-side{margin-left:5px}.active-match:after{background:var(--line-active);border-top:1px solid var(--line-active);border-bottom:1px solid var(--line-active);transition:var(--transition)}.active-match .participant:after{background:var(--line-active);transition:var(--transition)}.active-result.participant:before{background:var(--line-active);transition:var(--transition)}.active-result .participant-picture,.active-match .participant-picture{opacity:1;transition:var(--transition)}.active-result .participant-picture.empty-picture{background:var(--line-active);transition:var(--transition)}@media only screen and (max-width: 480px){.bracket{max-height:220px}}:root{--transition: all .4s ease-in-out;--radius-skeletton: 100px;--radius: 10px;--height-container: 100vh}body{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0}.match-container{overflow:hidden;height:var(--height-container);touch-action:none}.match-arrow{display:flex;position:relative;z-index:1;padding:7px;box-sizing:border-box;width:100%;justify-content:center}.bloc-round{transition:var(--transition)}.bloc-round-title{min-width:100%;margin:25px 0;text-align:center}.bloc-round-title-blur{min-width:100%;margin:25px 0;text-align:center;transition:var(--transition);filter:blur(5px);opacity:.5}.bloc-title-skeleton{width:100px;height:25px;border-radius:var(--radius-skeletton);background:linear-gradient(110deg,#e8e8e8 10%,#f2f2f2 23%,#e8e8e8 30%);background-size:200% 100%;animation:1.5s shine linear infinite;display:flex;align-items:center;margin-bottom:25px;margin-left:auto;margin-right:auto}.bloc-match{margin:25px;transition:var(--transition);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px}.bloc-participants-skeleton .bloc-participant-picture,.bloc-participants-skeleton .bloc-participant-name{border-radius:var(--radius-skeletton);background:linear-gradient(110deg,#e8e8e8 10%,#f2f2f2 23%,#e8e8e8 30%);background-size:200% 100%;animation:1.5s shine linear infinite}.bloc-participants-skeleton .bloc-participant-name{width:100px;height:15px}.bloc-participants-skeleton{border-radius:var(--radius)}:focus-visible{outline:var(--outline);z-index:100}.bloc-participants.bloc-participants-active.onHover{overflow:visible}.bloc-participants{overflow:hidden;display:flex;flex-direction:column;max-width:300px;width:100%;cursor:default}.bloc-participant{padding:15px;display:flex;flex-direction:row;align-items:center;gap:10px}.bloc-participants-active{transition:var(--transition)}.onHover :hover{cursor:pointer}.bloc-participant-picture{height:40px;min-width:40px;background-size:contain;background-repeat:no-repeat;border-radius:var(--radius)}.bloc-participants:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.bloc-participants:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.bloc-participants .bloc-participant-loose{filter:blur(0px);opacity:.6}.bloc-participants .bloc-participant-win{filter:blur(0px);opacity:1}.bloc-participants-blur{transition:var(--transition);filter:blur(5px);opacity:.5}@keyframes shine{to{background-position-x:-200%}}