h3{font-size:1.3rem;font-weight:normal;text-align:center}:root{--background-color: #131523;--primary-color: #8ecef6;--text-color: #ddd;--overlay-1: #ffffff1c;--overlay-2: #ffffff0c;--overlay-1-accent-1: #00000040;--overlay-1-accent-2: #00000030;--overlay-1-active: #ffffff2c;--overlay-1-accent-active: #00000050;--overlay-1-separator: #222;--content-padding: 20px;--button-padding: 10px 20px;--border-color-1: #fff5;--border-color-2: #fff2;--border-radius: 5px;--score-color: var(--overlay-1-accent-1)}body{background-color:var(--background-color);color:var(--text-color);font-family:Roboto,sans-serif;margin:0}hr{margin:var(--content-padding) calc(var(--content-padding)*-1) var(--content-padding) calc(var(--content-padding)*-1);border:1px solid var(--border-color-1)}.inline-box{margin:0 5px;padding:2px 5px;border-radius:3px}.flex-center{display:flex;justify-content:center;align-items:center}.heading-1{font-size:1.1rem;font-weight:bold;font-variant:small-caps}.overlay-1{background-color:var(--overlay-1)}.overlay-2{background-color:var(--overlay-1-accent-1)}.hover-effect,.icon.button,.clickable,input.button,button.button,a.button{transition:background-color 400ms ease-out}.hover-effect:hover,.icon.button:hover,.clickable:hover,input.button:hover,button.button:hover,a.button:hover{--overlay-1: var(--overlay-1-active);--overlay-1-accent-1: var(--overlay-1-accent-active)}.clickable,input.button,button.button,a.button{cursor:pointer}.flex-grow{flex-grow:1}.icon{fill:#fff;width:24px;height:24px}.icon.inline{width:19px;height:19px;margin:0 3px;vertical-align:text-bottom}.icon.button{width:24px;height:24px;padding:5px;margin:0 5px;cursor:pointer;border:1px solid rgba(0,0,0,0);border-radius:var(--border-radius);transition:background-color 200ms ease-out,border-color 75ms ease-out}.icon.button:hover{border-color:rgba(255,255,255,.5333333333);background-color:rgba(255,255,255,.0666666667)}.icon.button.inline{width:19px;height:19px;margin:-2px 0;padding:2px}input.button,button.button,a.button{padding:var(--button-padding);border:1px solid var(--border-color-1);border-radius:var(--border-radius);background-color:unset;color:var(--text-color);text-align:center}input.button.inline,button.button.inline,a.button.inline{border-radius:3px;display:inline-block;padding:6px 12px;height:2em;box-sizing:border-box}input.button.inline:not(:first-child),button.button.inline:not(:first-child),a.button.inline:not(:first-child){margin-left:5px}input.button.inline:not(:last-child),button.button.inline:not(:last-child),a.button.inline:not(:last-child){margin-right:5px}.winner{--score-color: #0428066a}.loser{--score-color: #320a056a}.tie{--score-color: #1a15006a}.modal{position:fixed;background-color:rgba(102,102,102,.2666666667);backdrop-filter:blur(8px);padding:var(--content-padding);border:1px solid var(--border-color-2);border-radius:var(--border-radius);z-index:100}
.header{display:flex;background-color:var(--overlay-2);padding:calc(var(--content-padding)*.5);margin-bottom:calc(var(--content-padding)*2);border-bottom:1px solid rgba(255,255,255,.0823529412)}.header>nav{display:grid;grid-auto-columns:max-content;grid-auto-flow:column;grid-gap:10px}.header .header-button{background-color:rgba(255,255,255,.031372549);font-variant:small-caps;color:var(--text-color)}.header .header-button:hover{background-color:rgba(255,255,255,.0941176471)}.header .header-button.active{border-color:rgba(0,0,0,.6666666667);background-color:rgba(0,0,0,.2509803922)}.header .user-profile{display:flex;justify-content:center;align-items:center;text-transform:capitalize}.header a{color:var(--text-color);text-decoration:none}
.notification-list{position:fixed;top:70px;right:5px;display:flex;flex-direction:column}.notification-list .notification{display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:2000;padding:20px;backdrop-filter:blur(8px);background-color:var(--overlay-1);border-radius:var(--border-radius);margin:2.5px 0}
.tournament-list{display:grid;align-items:center;justify-content:center;grid-template-columns:repeat(auto-fill, max-content);grid-gap:var(--content-padding)}.tournament-list .tournament-item{padding:var(--content-padding) var(--content-padding);border-radius:var(--border-radius);border:1px solid var(--border-color-1);backface-visibility:hidden}
.create-button{position:fixed;bottom:20px;right:20px}
.phase .phase-name{text-transform:capitalize;width:300px;margin:4rem auto 1rem;display:flex;flex-direction:column}.phase .phase-name>span{text-align:center}.phase .player-override{font-style:italic}
.elimination{display:block;margin:0 auto}.elimination .active{--overlay-1: var(--overlay-1-active);--overlay-1-accent-1: var(--overlay-1-accent-active)}.elimination .team-background{fill:var(--overlay-1)}.elimination .team-background.animated{transition:fill 100ms ease-out}.elimination .team-unavailable{fill:rgba(255,255,255,.0784313725)}.elimination .match-link{stroke:var(--overlay-1);stroke-width:2}.elimination .team-color{opacity:.35;filter:brightness(0.9)}.elimination .team-separator{stroke-width:1;stroke:var(--overlay-1-separator)}.elimination .team{font-family:Calibri,sans-serif}.elimination text{fill:var(--text-color)}
.score input{display:block;border:none;text-align:center}.score .score-background{fill:var(--score-color)}
.team-info .match-override{display:grid;grid-template-columns:min-content 1fr min-content;justify-content:center;align-items:center}.team-info .match-override .add,.team-info .match-override .remove,.team-info .match-override .delete{height:100%;width:35px;display:flex;justify-content:center;align-items:center}.team-info .match-override .add{background-color:rgba(32,48,16,.4156862745)}.team-info .match-override .remove{background-color:rgba(112,8,10,.4156862745)}.team-info .match-override .delete{display:flex;justify-content:center;align-items:center;background-color:rgba(112,8,10,.4156862745)}.team-info .match-override .icon{padding:2px}.team-info .regular-player{margin-left:35px}
.videos{align-items:end}.videos .video-links{display:grid;grid-template-columns:min-content max-content;grid-gap:5px;margin-left:-3px;grid-auto-flow:row}.videos.editing .video-links{display:grid;grid-template-columns:min-content 1fr 1fr min-content;align-items:end}.videos svg{justify-self:center}.videos .avatar-list{justify-content:right}.videos a{display:flex;flex-direction:row;align-items:center;color:var(--text-color);text-decoration:none}.videos a svg{margin-right:5px}.videos a:hover{text-decoration:underline}.videos .button:not(.icon){background-color:rgba(255,255,255,.0470588235)}.videos .button:not(.icon):hover{background-color:rgba(255,255,255,.1098039216)}
.avatar-list{display:flex;flex-direction:row;margin:0 5px}.avatar-list .avatar{margin:0 -5px;width:30px;height:30px;border-radius:50%}
.ranking-group{margin:auto;width:min-content;background-color:var(--overlay-1);border-radius:var(--border-radius);padding:var(--content-padding)}.ranking-group .ranking-group-name{letter-spacing:2px;margin:0 0 1rem}.ranking-group .ranking-match-list{display:flex;flex-direction:column;width:max-content;margin:0 calc(var(--content-padding)*-1 + 3px)}.ranking-group .ranking-team-members{padding:0 var(--content-padding)}.ranking-group .ranking-date{display:flex;justify-content:center;align-items:center;height:25px;font-size:.9rem;background-color:var(--overlay-1-accent-2);border-bottom:1px solid var(--border-color-2)}.ranking-group .ranking-date:first-child{border-top:1px solid var(--border-color-2)}.ranking-group .ranking-team-name{display:flex;align-items:center;justify-content:center;width:35px;height:35px;position:relative;font-weight:bold;opacity:.9}.ranking-group .ranking-team{display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;width:100%}.ranking-group .ranking-team:first-child .ranking-team-members{border-left:1px solid var(--border-color-2)}.ranking-group .ranking-team:first-child .ranking-score{border-right:1px solid var(--border-color-2)}.ranking-group .ranking-team:last-child .ranking-team-members{border-right:1px solid var(--border-color-2)}.ranking-group .ranking-match{display:grid;grid-template-columns:1fr 1fr;height:35px;align-items:center;border-bottom:1px solid var(--border-color-2)}.ranking-group .ranking-match:first-child{border-top:1px solid var(--border-color-2)}.ranking-group .ranking-match .vs{display:flex;align-items:center;justify-content:center}.ranking-group .ranking-match .vs img{aspect-ratio:auto 980/946;height:13px;filter:invert(1)}
.ranking-score{display:flex;justify-content:center;align-items:center;width:35px;height:35px;background-color:var(--score-color)}.ranking-score input{text-align:center;width:100%;height:100%}