.top-bar{display:flex;justify-content:center;background:white;margin:0;padding:0;width:100%;height:50px}.top-bar *{color:black;margin:0}.top-bar-element{display:flex;align-items:center;margin:0;padding:0 25px;transition:all .2s ease-in-out}.top-bar-element.selected{background-color:#eee;box-shadow:inset 0 -3px black}.top-bar-element.selectable:hover{cursor:pointer;box-shadow:inset 0 -3px black}.main-logo{margin:0 3px;width:25px;height:25px}.main-title{margin:0 3px;display:inline-block;font-size:18px;color:teal}.banner{position:relative;background-image:url('banner.png');background-size:cover;background-repeat:no-repeat;background-position:center;height:100px}.banner-cover{background-color:rgba(0,0,0,0.5)}.banner-title{margin:0;color:white;font-size:32px;white-space:nowrap}.page-container{padding:10px 10px 40px 10px;margin:auto;max-width:80%;line-height:1.4}.text-shadow{font-weight:bold;text-shadow:1px 1px teal}.page-container p{margin:10px 0;font-size:20px}.page-container a,.content-container a{text-decoration:underline;transition:all .2s ease-in-out}.page-container a:hover,.content-container a:hover{cursor:pointer;color:teal}.replay-gif{margin:10px;width:397px;max-width:90%;box-shadow:0 0 10px black}.bot-api-container{margin:12px}.sidebar-container{float:left;width:25%;display:flex;flex-direction:column;padding-bottom:20px}.sidebar-element{display:flex;justify-content:flex-end;transition:all .2s ease-in-out;box-shadow:inset -1px 0 rgba(255,255,255,0.25)}.sidebar-element:hover{cursor:pointer;box-shadow:inset -2px 0 white;text-decoration:none}.sidebar-element.selected{background-color:#444;box-shadow:inset -2px 0 white}.sidebar-element h4{margin:0;padding:5px 15px 5px 10px;text-align:right;font-size:15px}.sidebar-element.main h4{font-family:Quicksand-Bold,'Liberation Sans',sans-serif;padding-top:15px;padding-bottom:15px;font-size:16px}.yellow{color:yellow}.orange{color:orange}.content-container{width:75%;float:left;line-height:1.4}.content-container-padding{padding:0 15px 25px 15px}.content-container h1{border-bottom:1px solid rgba(255,255,255,0.25);margin-top:30px;margin-bottom:10px;font-style:32px}.content-container h1.top{margin-top:0}.content-container p{font-size:16px}.inline-code{display:inline-block;background:black;margin:1px 2px;padding:2px 5px;color:white}.content-container code{font-size:16px}table{border-collapse:collapse}table th{font-family:Quicksand-Bold,'Liberation Sans',sans-serif;color:white;padding:5px;border:0}table td{border:1px solid #666;color:white;padding:5px;font-size:16px;line-height:1.3}ul{margin:5px;padding-left:20px;color:white}.page-container .faq-question{border-bottom:1px solid rgba(255,255,255,0.25);margin:40px 0 5px 0;font-size:28px}.page-container .faq-answer{font-size:16px;margin-top:0}
@media screen and (max-width:600px){.branding-container{display:none}.top-bar-element{padding:0 15px}.banner-title{font-size:24px}.page-container{max-width:90%}.page-container p{font-size:16px}.bot-api-container{margin:10px 0}.sidebar-element h4{padding:5px;font-size:11px;word-break:break-word}.sidebar-element.main h4{font-size:13px}.content-container-padding{padding:0 8px}.content-container h1{margin-top:20px;margin-bottom:8px;font-size:24px}.content-container p{font-size:13px}.content-container code{font-size:13px}table td{padding:3px;font-size:13px}.page-container .faq-question{margin-top:25px;font-size:20px}.page-container .faq-answer{font-size:13px}}
@font-face{font-family:'Quicksand';font-display:swap;src:local(''),url('/Quicksand-Regular.otf') format('opentype'),url('/Quicksand-Regular.woff2') format('woff2'),url('/Quicksand-Regular.woff') format('woff'),url('/Quicksand-Regular.ttf') format('truetype'),url('/Quicksand-Regular.eot') format('embedded-opentype'),url('/Quicksand-Regular.svg') format('svg')}@font-face{font-family:'Quicksand-Light';font-display:swap;src:local(''),url('/Quicksand-Light.otf') format('opentype'),url('/Quicksand-Light.woff2') format('woff2'),url('/Quicksand-Light.woff') format('woff'),url('/Quicksand-Light.ttf') format('truetype'),url('/Quicksand-Light.eot') format('embedded-opentype'),url('/Quicksand-Light.svg') format('svg')}@font-face{font-family:'Quicksand-Bold';font-display:swap;src:local(''),url('/Quicksand-Bold.otf') format('opentype'),url('/Quicksand-Bold.woff2') format('woff2'),url('/Quicksand-Bold.woff') format('woff'),url('/Quicksand-Bold.ttf') format('truetype'),url('/Quicksand-Bold.eot') format('embedded-opentype'),url('/Quicksand-Bold.svg') format('svg')}body,input{font-family:Quicksand,'Liberation Sans',sans-serif}.bold{font-family:Quicksand-Bold,'Liberation Sans',sans-serif}.underline{text-decoration:underline}.underline-hover:hover{text-decoration:underline}.text-left{text-align:left}body{background-color:#333;width:100%;height:100%;margin:0}.scrollable{overflow:scroll !important}h1,h2,h3,h4,p{color:white}@media screen and (max-width:450px){h4.responsive{font-size:14px}}.relative{position:relative}.hidden{visibility:hidden !important}.center-tag,.center-tag *{text-align:center;margin-left:auto;margin-right:auto}.center{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}.center-vertical{position:absolute;top:50%;transform:translateY(-50%)}.center-horizontal{position:absolute;left:50%;transform:translateX(-50%)}.fixed-center{position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}.fixed-center-vertical{position:fixed;top:50%;transform:translateY(-50%)}.fixed-center-horizontal{position:fixed;left:50%;transform:translateX(-50%)}.absolute-fill{position:absolute;top:0;left:0;right:0;bottom:0}.background{background-color:white;box-shadow:2px 2px teal}.container-light{background-color:#eee;padding:5px;margin:5px 0}.divider{height:1px;width:75%;background-color:black;margin:5px}.break-word{word-wrap:break-word}a{color:white;text-decoration:none}a:hover,a.underline{text-decoration:underline}a:hover{cursor:pointer}a.dark{color:black;text-decoration:underline;transition:all .2s ease-in-out}a.dark:hover{background-color:rgba(0,0,0,0.1)}a.anim-white:hover{background-color:rgba(255,255,255,0.1)}button{background-color:white;box-shadow:2px 2px teal;color:teal;font-family:Quicksand,'Liberation Sans',sans-serif;padding:10px 30px;margin:5px;font-size:24px;border:0;border-width:0;outline:0;transition:all .2s ease-in-out;white-space:nowrap;border-radius:0}button:disabled{background-color:lightgray;opacity:.5}button:disabled:hover{cursor:not-allowed}button:focus{outline:0}button.big{padding:10px 50px;font-size:32px}button.small{padding:8px 20px;font-size:18px}button.smaller{padding:6px 15px;font-size:18px}button.inverted{background-color:teal;box-shadow:2px 2px black;color:white}button.disabled{opacity:.25}button:hover{cursor:pointer;background-color:#bbb;box-shadow:3px 3px teal}button.inverted:hover{background-color:#006e6e;box-shadow:3px 3px black}button.disabled:hover{cursor:default}button.simple{display:block;box-shadow:none}button.imagebutton{padding:3px 5px}button.imagebutton img{height:20px;width:20px;margin:0;padding:0;display:inline-block}button.imagebutton p{color:black;display:inline-block;font-size:13px;margin:3px;vertical-align:top}@media screen and (max-width:450px){button{padding:8px 25px;font-size:22px;margin:3px}button.big{padding:8px 40px;font-size:28px}button.small{padding:5px 15px;font-size:16px}button.smaller{padding:3px 15px;font-size:15px}button.imagebutton img{height:16px;width:16px}button.imagebutton p{font-size:11px;margin:2px}}table.list{font-size:18px;text-align:center;border-collapse:collapse;background-color:white}table.list th{font-family:Quicksand-Bold,'Liberation Sans',sans-serif;border-bottom:2px solid black;padding:5px 25px}table.list td{border:1px solid #bbb;padding:5px 8px;overflow:hidden;max-width:250px}table.list tr{background-color:white}table.list.selectable tbody tr{transition:all .2s ease-in-out}table.list.selectable tbody tr:hover{background-color:#eee;cursor:pointer}.lightgray{color:lightgray !important}input{padding:8px;outline:0;color:teal}input[type=text]{border:1px solid lightgray;transition:.2s all ease-in-out}textarea{outline:0;border:1px solid lightgray;transition:.2s all ease-in-out;font-size:13px}input[type=text]:focus,textarea:focus{border:1px solid teal}.unselectable,td{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.popup-background{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5)}.fixed-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0}.alert{background:#f9f9f9;box-shadow:2px 2px teal;padding:20px;z-index:50;min-width:200px}.alert h1,.alert h2,.alert h3,.alert h4,.alert p{color:black}.bot-tag,.custom-champion-tag,.ffa-champion-tag,.ones-champion-tag,.twos-champion-tag{color:white;padding:0 3px;margin:0 3px}.bot-tag:hover,.custom-champion-tag:hover,.ffa-champion-tag:hover,.ones-champion-tag:hover,.twos-champion-tag:hover{cursor:pointer}.bot-tag{background-color:teal}.bot-tag.inverted{background-color:white;color:teal}.custom-champion-tag{background-color:purple}.ones-champion-tag{background-color:#af9800}.twos-champion-tag{background-color:#2792ff}.ffa-champion-tag{background-color:#008000}.policy-body{margin-top:2em;margin-left:20%;width:60%;overflow:visible}.policy-body p{margin-top:0}.policy-body h3{margin-bottom:4px}.rank-list{display:flex;width:450px;max-width:100%;justify-content:center;flex-wrap:wrap}.rank-item{padding:5px 15px}.rank-item h3{font-size:18px}.rank-item h2{font-size:24px}.rank-item p{font-size:14px}.rank-item-small{padding:3px 10px}.rank-item-small h3{font-size:12px;min-height:16px}.rank-item-small h2{font-size:16px}.rank-item-small p{font-size:12px}@media screen and (max-width:450px){.alert{padding:15px}}.error-message{background-color:rgba(255,0,0,0.25);padding:5px}.game-link{white-space:nowrap;margin:0;color:teal;background:white;padding:5px 10px}.game-link.inverted{color:white;background:teal}.mod-info-banned{color:#fcc}.mod-info-multi-acct{color:#a56e00}.mod-info{color:#fff}.profile-header{background-color:teal;margin:20px;padding:10px;position:relative}.profile-header h1{margin:0}.profile-header p{margin:5px;font-size:14px}@media screen and (max-width:450px){.profile-header h1{font-size:24px}.profile-header p{margin:5px;font-size:12px}}.inline-button{display:inline-block;text-align:center;font-size:16px;padding:10px;color:black;background-color:transparent;transition:background-color .2s ease-in-out}.inline-button:hover{cursor:pointer;background-color:#bbb}.inline-button.inverted{background-color:teal;color:white}.inline-button.inverted:hover{background-color:#006e6e}.basic-header{width:100%;margin:0;padding:3px 0;background-color:white}.basic-header-logo{width:25px;height:25px}.basic-header-title{color:teal;margin:0 0 0 5px;font-size:18px;display:inline-block}.basic-header-clickable{padding:3px;display:inline-flex;transition:all .2s ease-in-out}.basic-header-clickable:hover{cursor:pointer;background-color:#eee}.clickable-text:hover{cursor:pointer}